Archive for 'How-to'
Learning HTML, CSS, and Javascript from the Ground Up

Learning HTML, CSS, and Javascript from the Ground Up

Posted 24 August 2011 | By | Categories: How-to, Tutorials | No Comments

Are you looking for a basic understanding of how UIs are created on the web or who wants to brush up outdated UI development knowledge? Or maybe you’d like to learn more about the medium you’re designing for and gain basic tools for prototyping designs? Do you want a better understanding of the web and [...]

Create Pure CSS Icons using just CSS and semantic HTML

Create Pure CSS Icons using just CSS and semantic HTML

Posted 19 August 2011 | By | Categories: CSS, Freebies, How-to | No Comments

An experiment that uses pseudo-elements to create 84 simple GUI icons using CSS and semantic HTML. Shared as an exercise in creative problem solving and working within constraints. This is not a “production ready” CSS icon set. The HTML is very simple and it relies on CSS pseudo-elements rather than extraneous HTML elements. Known support: Firefox 3.5+, Safari [...]

Make your website faster with Optimizing JavaScript code

Make your website faster with Optimizing JavaScript code

Posted 19 August 2011 | By | Categories: How-to | No Comments

Recommended experience: Working knowledge of JavaScript Client-side scripting can make your application dynamic and active, but the browser’s interpretation of this code can itself introduce inefficiencies, and the performance of different constructs varies from client to client. Here we discuss a few tips and best practices to optimize your JavaScript code. Working with strings String [...]

Improve web standards support and accessibility in html emails

Improve web standards support and accessibility in html emails

Posted 18 August 2011 | By | Categories: How-to | No Comments

Web standards are so important for email, while working with email client developers to ensure that emails render consistently. The Email Standards Project is about working with email client developers and the design community to improve web standards support and accessibility in email. The project was formed out of frustration with the inconsistent rendering of [...]

Doctype TV is the show for people who make websites.

Doctype TV is the show for people who make websites.

Posted 22 October 2010 | By | Categories: How-to | No Comments

Doctype is the show for people who make websites. Whether you’re a designer that wants to learn some coding or a developer that thinks everything they make looks like crap, Doctype is the show for you! Every episode, Nick and Jim break down the latest topics and trends in web design and web development, from [...]

How to create a Lightbox without javascript

How to create a Lightbox without javascript

Posted 12 August 2010 | By | Categories: How-to | No Comments

I recently came across a solution on CSSPlay for a JavaScript free lightbox that uses invalid markup. So, being a sucker for a challenge, I set myself the task of creating one with valid markup and I eventually succeeded. Note: This article assumes you have a basic understanding of (X)HTML and CSS. Source: Think Vitamin

Increase site speed will improve your Google page ranking

Increase site speed will improve your Google page ranking

Posted 04 July 2010 | By | Categories: How-to | No Comments

Site speed reflects how quickly a website responds to web requests. Speeding up websites is important — not just to site owners, but to all Internet users. Faster sites create happy users and we’ve seen in our internal studies that when a site responds slowly, visitors spend less time there. But faster sites don’t just improve [...]

HTML5 and CSS3 feature-detection with Modernizr library

HTML5 and CSS3 feature-detection with Modernizr library

Posted 04 July 2010 | By | Categories: How-to | No Comments

Ten years ago, only the most cutting-edge web designers used CSS for layouts and styling. Browser support for CSS layouts was slim and buggy, so these people advocated for web standards adherence, while creating hacks that made CSS layouts work in all browsers. One hack that became widely used was browser sniffing: Detecting which browser [...]

Post your Front-end Developer jobs to front-end-developer.com for Free!

Post your Front-end Developer jobs to front-end-developer.com for Free!

Posted 09 July 2009 | By | Categories: How-to | No Comments

Post your Job openings and expose them to quality web developer and web designer candidates. Find your next Web Professional.  Find your next gig or job. Powered by front-end-developer.com Post your Front-end Developer jobs now for Free

How to become an iPhone developer in 5 steps without learning Objective-C

How to become an iPhone developer in 5 steps without learning Objective-C

Posted 13 June 2009 | By | Categories: How-to | No Comments

Buy a Mac You’ll need one with an Intel-based processor, running the Leopard version of MacOS X. It doesn’t have to be a top of the range model, though. Sign-up as an official developer If you plan on releasing your masterpiece at any point, you’ll need to sign up with the iPhone Developer Program. The [...]

Webkit 3D Cube using new CSS transformations

Webkit 3D Cube using new CSS transformations

Posted 06 June 2009 | By | Categories: How-to | No Comments

Paul Hayes has been playing with CSS transformations and making 3D cubes: The impression of a three dimensional cube can be created using modern CSS techniques, without the need for JavaScript, imagery, canvas or SVG. Using the proprietary transform property to skew and rotate shaded rectangles, individual cube faces can combine to form a 3D [...]

Top-10 design mistakes in web applications

Posted 16 April 2008 | By | Categories: How-to | No Comments

According to Jakob Nielsen, these are the 10 most common usability violations found in web applications: Non-standard interface controls, such as home-grown scrollbars Inconsistency in the way things work, appear and are labelled across the app No providing proper affordances that give people visual clues about what they can do with an object (e.g. that [...]

Top 10 accessibility mistakes

Posted 16 April 2008 | By | Categories: How-to | No Comments

Here’s a nice top ten of things not to do when building accessible sites: Don’t use verbose ALT text. ALT text for information-based images should be short and succinct. Decorative images should never have ALT text. Don’t use random characters, such as vertical bars, to separate links Don’t insert text into form fields Don’t use [...]

Submit Your Blog to 100 Directories With Good Google Page Rank For Free With No Reciprocal Link Needed

Posted 16 April 2008 | By | Categories: How-to | 1 Comment

If you are building links for your blog to improve your Google Page Rank and Search Engine Position, submit your blog to these 100 Directories for free. The list is sorted according to their Google page rank. And the best part of it is that there is NO NEED FOR A RECIPROCAL LINK. When you [...]

Rails Weenie – find answers to your Ruby on Rails questions

Posted 08 April 2008 | By | Categories: How-to | No Comments

A point based question and answer website for rails issues. I suppose the title pretty much explained everything… Visit site

Top 12 Ruby on Rails Tutorials

Posted 08 April 2008 | By | Categories: How-to | No Comments

Jim Rutherford passes on these links, the 12 tutorials that [he] found most useful for learning Ruby on Rails. Visit site

Loading XML into a page with xmlHttpRequest

Posted 08 April 2008 | By | Categories: How-to | No Comments

A cool little blog post and demo that Retrieves an xml atom feed and xsl stylesheet with XMLHttpRequest(). Visit site

What does a front-end web developer do?

Posted 06 March 2008 | By | Categories: How-to | No Comments

Front-end web developers, the “artists” formerly known as web designers are the bunch of people in the company that make sure that the data coming from the backend gets displayed on the browser. They also make sure it looks as closely as possible as the design, that , CED came up with, and that the [...]