Main menu

Web Development

12 Apr

The Quest for the Best HTML Style Guide

Published by Mark W. Breneman

 

This post it intended to be documentation of my quest for a workable style guide for my team and the graphics team.

Needs:

  • Document and communicate design decisions between the graphics team and the development team
  • Simple so that both teams can make edits
  • HTML / CSS based to reflect reality of the medium of html and CSS

First up:

16 Jan

15 minute php - Day 2

Published by Mark W. Breneman

Let's dive in a little deeper. I find it handy to know not only how to use the tools, but also the oddities and pit falls. Today we are going to take a deeper look at php index arrays.

 

How do you update a value in an array?

$foo = array('red',"blue","green");

$foo[0] = 'silver'; 

$foo[1] = 'white'; 

$foo[2] = 'purple'; 

 

15 Jan

15 minute php - Day 1

Published by Mark W. Breneman

Indexed Arrays

Indexed arrays in PHP are really simple. They are arrays that are referenced numerically by position starting with 0 as first position.

 

Create an indexed array:

$foo = array('red',"blue","green");

 

Item at position 1 can be addressed  by:

$foo[0]  (echo $foo[0];)

 

Item at position 2 can be addressed  by:

$foo[1]

29 May

Bootstrap from twiiter

Published by Mark W. Breneman

Ok, ah err wow! is all I got to say. Here is a large library of prebuilt interface elements and styles all wrapped up into a framework all with a nod to Object Oriented CSS.
http://twitter.github.com/bootstrap/index.html

26 Apr

Mobile website Resources

Published by Mark W. Breneman

Over the next few weeks or more likely months, I'm digging in deep to learn more about building good mobile sites. A lot has transpired in the mobile world while I have been working heads-down the desktop web world.

I am blowen away with responsive design and how it can bridge the desktop and mobile world.

The Drupal Omega Theme is very impressive right out of the box. It is going to take me a while to work through all of the options and

One thing that I have not seen in many responsive designs is good mobile menu support.

04 Jan

Show / Hide paragraph under heading: jquery

Published by Mark W. Breneman

I was looking to make a really simple FAQ page that consisted of questions in h2 headers and answers under the h2s in simple paragraphs. I could not find this exact solution so after a bit of research I made my own.

jquery:

$(document).ready(function(){
$(".faq h2").nextUntil("h2").slideToggle();
$(".faq h2").click(function() {$(this).nextUntil("h2").slideToggle();});
});

HTML:

20 Dec

mobile web best practices

Published by Mark W. Breneman

One site that has piles of resources for mobile web, including strategy, visual-design and development
http://mobilewebbestpractices.com/

Pages