How to Build your First iPhone App

The Easiest Way to Build your First iPhone App

Jan 28th, 2010 in HTML & CSS, JavaScript & AJAX by Bill Peña

Mobile websites have come a long way, but if you want to take full advantage of a smartphone’s hardware, or get listed in the iTunes App Store, you need to compile your code. In this tutorial, we’ll show you how to create a mobile web app with an iPhone look and feel using jQTouch, then turn it into a native iPhone app using Phonegap. No Objective-C necessary.

Continue Reading

How to Make IE6 Render HTML5 Mark-up Correctly

How to Make All Browsers Render HTML5 Mark-up Correctly – Even IE6

Jan 20th, 2010 in HTML & CSS, JavaScript & AJAX by Bill Peña

HTML 5 provides some great new features for web designers who want to code readable, semantically-meaningful layouts. However, support for HTML 5 is still evolving, and Internet Explorer is the last to add support. In this tutorial, we’ll create a common layout using some of HTML 5’s new semantic elements, then use JavaScript and CSS to make our design backwards-compatible with Internet Explorer. Yes, even IE 6.

Continue Reading

Getting Started with XSL(T)

Getting Started with XSL(T)

Jan 19th, 2010 in HTML & CSS by Chad Hietala

In this tutorial, we will adventure into the world of XSL(T) and explain what it is, how to pull data from an XML document, basic iteration and basic login and conditional statements.

Continue Reading

This Will Change the Way you Code your CSS

This Will Change the Way you Code your CSS: New Plus Tutorial

Jan 13th, 2010 in HTML & CSS, PHP, Plus by Jeffrey Way

Last Friday, we learned how to utilize a tool called Zen-Coding to rapidly speed up our development time when creating mark-up. In today’s Plus video tutorial, we’re going to take another huge leap forward, specifically with CSS, where I’ll show you how to utilize a different tool, called “Scaffold,” created by Anthony Short.

This will allow you to use variables, functions (mix-ins), for statements, and to even create grids on the fly with ease! I promise you that, if you’re mildly familiar with PHP, this will drastically change – and improve – the way you code your CSS! Become a Plus member to watch!

Continue Reading

How to Build a Newspaper Website with a Grid

How to Build a Newspaper Website with a Grid: New Plus Tutorial

Jan 7th, 2010 in HTML & CSS, Plus by Jeffrey Way

In this week’s Plus video tutorial, you’ll learn how to utilize a grid to create a simple newspaper-like website. Along the way, you’ll learn helpful techniques, such as easy ways to target IE7 and IE6 with only a single character, using the 960 grid system, and even using CSS3 to create columns! It’s an hour long; ready to dig in? Join Plus!

Continue Reading

Top 15+ Best Practices for Writing Super Readable Code

Top 15+ Best Practices for Writing Super Readable Code

Dec 9th, 2009 in HTML & CSS by Burak Guzel

Code readability is a universal subject in the world of computer programming. It’s one of the first things we learn as developers. Readable and maintainable code is something to be proud of in a finished product. We can share it with others, contribute to other projects, and reuse code from applications we wrote months or even years ago.

This article will detail the fifteen most important best practices when writing readable code.

Continue Reading

Creating an Awesome Menu using CSS Sprites and jQuery

Use Sprites to Create an Awesomeness-Filled Navigation Menu

Dec 3rd, 2009 in HTML & CSS, JavaScript & AJAX by Abhin Sharma

CSS sprites can dramatically increase a website’s performance, and with jQuery, we can implement awesome transition effects easily. Let’s get started.

Continue Reading

20 Email Design Best Practices for Beginners

20 Email Design Best Practices and Resources for Beginners

Nov 17th, 2009 in HTML & CSS by Matthew Kirk

Even for experience designers, building email newsletters isn’t easy. You receive a lovely looking design, and you crack on with the development. Unfortunately, it just doesn’t work as it should in every email clients. Styles don’t display, images aren’t visible, etc.

This is where these twenty best practices come in handy.

Continue Reading

9 Most Common IE Bugs and How to Fix Them

9 Most Common IE Bugs and How to Fix Them

Nov 16th, 2009 in HTML & CSS by Siddharth

Internet Explorer – the bane of most web developers’ existence. Up to 60% of your development can be wasted just trying to squash out IE specific bugs which isn’t really a productive use of your time. In this tutorial, you are going to learn about the most common IE bugs and rendering disparities and how to easily squash them or deal with them. Interested? Let’s get started.

Continue Reading

Create an Animated Flip Down Clock

Learn how to Create a Retro Animated Flip-Down Clock

Oct 21st, 2009 in HTML & CSS, JavaScript & AJAX by Alexandru Pitea

In this tutorial, we will create an animated flip down clock inspired by the 70’s. Using the Mootools framework, I tried to replicate the flip action of the pads and make it as lifelike as possible. With it’s retro styling, it could be a really neat thing to add to your website, so let’s get started!

Continue Reading

Page 1 of 512345»