or simply download the zip

For now there is only support for IE8 and up. I might revisit this and add more backwards compatibility in the future. If you have any questions, want to report a bug or showcase where you have used the template, please leave a comment.

The CSS file includes

• form > input[type:text]
• form > input:[type:email]
• form > input:[type:password]
• form > select
• form > radio button
• form > tick box
• form > textarea
• form > button
• form > button.action

The sprite PSD (layered file) is included in the zip if you want to make changes. I might add to this in the future as I’ve probably forgotten some items out. I used uniform a javascript plugin that runs alongside jQuery. Play around, use and abuse it but remember it’s released under Creative Commons Share Alike.

View a demo   Download

If you end up using it please feel free to share the link with us in the comments.

You might also want to have a look at the free HTML5 templates we are giving away, I’ll be updating that page in the week.

We are looking for a motivated developer to join our team. You will be working in a small team where you will get the opportunity to contribute beyond the boundaries of your role.

The company

We are Active Webdezign, an award winning north London agency embedded into the beautiful surroundings of Woodside Park. We are a fun team of three (including you) highly motivated individuals that love coffee and get things done.

We have a relaxed working atmosphere where every member’s opinion is considered and valued highly. Our motto is: “Nothing is impossible”!

We mainly build and support e-commerce platforms and WordPress solutions but we also build the occasional bespoke system. All of our work is of high quality where every line of code matters and every pixel has its own story.

The Role

• Working independently on the projects that are assigned to you
• Managing and executing the development phase
• Communicating with our clients on finding the best solution/implementation for a requirement
• Coding, Testing and assuring high quality output
• Troubleshooting technical issues Personal Skills & Attributes
• Mature and independent
• A focus on quality and attention to detail
• Excellent communicator, both oral and written
• Motivated and self driven
• Interest in new technologies and how they can be applied to projects senior web developer

Your Core Skills

• University graduate in Computer Science (2.1 or above) or related qualification with a significant degree of programming content
• Min 3 years non professional web development experience
• Strong Object Oriented PHP skills
• Strong understanding of HTML/CSS and Javascript
• Strong knowledge of WordPress template creation and customisation
• Knowledge of MVC based framework
• Knowledge of using MySql
• Knowledge of using version control (Git)
• Good knowledge of API integration (Google Maps API/Paypal API)

Your Extra Bonuses

• Familiarity of e-commerce software (Magento, DigiSHOP)
• Strong knowledge of jQuery
• Mobile phone application development (PhoneGap, Objective C, Tritium, …)
• Good knowledge of Facebook application development and page creation
• Server administration skills (LAMP stack, Git, backups)
• Knowledge of Yii framework
• Managing and client relation skills
• General business sense
• Feeling for UI/UX designs
• Ability to create excellent wireframes/prototypes out of vague client’s ideas
• Good understanding of best practices in web usability

Is This Role For You?

If you are enthusiastic about the work you do, have a can do approach to challenging situations, are interested in the well being and eco system of the business, you will love the openness and freedom you receive with this role.

Salary

Your salary will range from £23 – £25k depending on your experience. There will also be a probation/knowledge transfer phase until the end of the year, in which our current Senior Developer will hand over all the processes to you.

How To Apply

If you think you’ve got what it takes to join our small but dynamic and motivated team, send your CV to mike [at] webdezign.co.uk

• A
• B
• C
• D
• E
• F
• G
• H
• I
• J
• K
• L
• M
• N
• O
• P
• Q
• R
• S
• T
• U
• V
• W
• X
• Y
• Z

As you can see it is possible…

So I thought I might as well share it in case someone else is interested.

The markup

 <ul id="ID">
    <li><a href="#">A</a></li>
    <li><a href="#">B</a></li>
    <li><a href="#">C</a></li>
    <li><a href="#">D</a></li>
    <li><a href="#">E</a></li>
    <li><a href="#">F</a></li>
    <li><a href="#">G</a></li>
    <li><a href="#">H</a></li>
    <li><a href="#">I</a></li>
    <li><a href="#">J</a></li>
    <li><a href="#">K</a></li>
    <li><a href="#">L</a></li>
    <li><a href="#">M</a></li>
    <li><a href="#">N</a></li>
    <li><a href="#">O</a></li>
    <li><a href="#">P</a></li>
    <li><a href="#">Q</a></li>
    <li><a href="#">R</a></li>
    <li><a href="#">S</a></li>
    <li><a href="#">T</a></li>
    <li><a href="#">U</a></li>
    <li><a href="#">V</a></li>
    <li><a href="#">W</a></li>
    <li><a href="#">X</a></li>
    <li><a href="#">Y</a></li>
    <li><a href="#">Z</a></li>
</ul>

The CSS

#ID li {
    float:left;
    font-size:87.5%;
    font-family:sans-serif;
    font-weight:300;
}

#ID a {
    text-decoration:none;
    font-weight:bold;
    background:#cdcc34;
        background:rgba(205,204,52,0.8);
    color:#fff;
    float:left;
    width:96px;
    height:96px;
    line-height:96px;
    -webkit-border-radius: 47px;
    -moz-border-radius:47px;
    border-radius:47px;
    text-align:center;
    -webkit-box-shadow: 0px 0px 0px 5px rgba(205, 204, 52, .3);
        -webkit-transition: box-shadow .2s ease;
    -moz-box-shadow: 0px 0px 0px 5px rgba(205, 204, 52, .3);
        -moz-transition:-moz-box-shadow .2s ease;
    box-shadow: 0px 0px 0px 5px rgba(205, 204, 52, .3);
        transition: box-shadow .2s ease;
}

#ID a:hover {
    -webkit-box-shadow: 0px 0px 0px 20px rgba(205, 204, 52, .3);
    -moz-box-shadow: 0px 0px 0px 20px rgba(205, 204, 52, .3);
    box-shadow: 0px 0px 0px 20px rgba(205, 204, 52, .3);
}

If there could be one thing that Steve would definitely be remembered for it’s his passion and understanding of what a consumer really wanted, not what a focus group of guinea pigs would come up with in there two or three hour paid for little sessions. No, because with the arrival of the first iMac back in 1998 when Steve Jobs was invited back to Apple Computers Inc., the computer industry had seen the first step to bridge the gap between the scientific and industrial users to the masses of every day consumers wanting to get a piece of the action. The public where hungry to get on the Internet, simply and quickly with the added bonus of superb style thrown in to make this a household item of smooth functionality and tremendous beauty.

The rest is history as they say… you can view a full timeline of all the apple products ever made since 1978 here as well as the original iMac launch presented by Steve Jobs himself, below.

Apple 1 the first ever Apple computer