Category: HTML

Categories

52 Framework: The First Ever HTML5 and CSS3 Framework
CSS / 1 Jul 2010

52 Framework: The First Ever HTML5 and CSS3 Framework

Today we’re going to look at a new project from the Enavu Network called 52 Framework.

It claims to be the first framework built specifically for HTML5 and CSS3. Below we’ll look at some of the basic features and dig into the code to see what we can find.

10 Tips for Designing HTML Emails
CSS / 24 Jun 2010

10 Tips for Designing HTML Emails

Love ’em or hate ’em, HTML emails are a wildly popular marketing tool and you will almost definitely come across clients that want you to build them.

If you don’t know anything about HTML emails, they’re annoying to develop and break all the rules you’ve ever learned as a web designer, but being able to code them is a valuable skill to possess. Today we’ll look at ten quick and easy tips to get beginners started on the road to creating beautiful and functional emails.

Analyzing and Comparing Popular Blog Designs
CSS / 12 Jun 2010

Analyzing and Comparing Popular Blog Designs

If you’re thinking about starting a blog, there are a lot of technical details to consider when attempting the initial layout of your page. How large should your text be? What font should you use? Should your images have borders?

We’ll help you answer these questions and more by tearing apart the post designs of popular design blogs. Examining the work of others will give you insight into popular trends and what you think works best. Let’s get started!

HTML and CSS Debugging Tools
CSS / 10 Jun 2010

HTML and CSS Debugging Tools

Whether you’re a beginner or a pro, troubleshooting your HTML and CSS can be a real pain if you’re not equipped properly. Today we’ll look at a few tools to help you force that pesky web page into submission.

Create an Awesome 3D Slideshow With Cu3er: Part 2
CSS / 28 May 2010

Create an Awesome 3D Slideshow With Cu3er: Part 2

Today we’re going to finish up our two-part cu3er tutorial.

For those who don’t know, Cu3er is an awesome 3D image slider that’s free to use and easy to setup.

This section will examine how to tweak your slideshow using some of Cu3er’s many customization options. We’ll mostly be editing an XML page but don’t worry about it getting too techie. Even if you don’t know what XML is, it’s all pretty straightforward and easy to understand.

Create an Awesome 3D Slideshow With Cu3er: Part 1
CSS / 27 May 2010

Create an Awesome 3D Slideshow With Cu3er: Part 1

Today we’re going to build a simple web page with an amazing and free tool: Cu3er.

Cu3er is a really neat 3D image slider with crazy visual transitions and lots of customization options. Though it’s built with Flash and JavaScript, you don’t really need to know either of these to use it.

In this article, we’ll get the page built and the slideshow up and running. Next time we’ll return and see how to customize some of Cu3er’s many features and variables.

How to Use the New Google Font API
CSS / 20 May 2010

How to Use the New Google Font API

Today we’re going to learn about what the new Google Font is and how to implement it right away in your designs.

It’s free to use and can be installed in under a minute once you get the hang of it!

Best Resources for Learning WordPress Development
CSS / 18 May 2010

Best Resources for Learning WordPress Development

Odds are, if you’re a web developer, learning WordPress is either on your todo list or something that you’ve already committed yourself to. Learning to build WordPress themes is an excellent professional move that will open you to a wealth of new clients and personal opportunities.

To follow up our article last week on tutorials for learning web design, below is a list of books and free tutorials specifically targeted at learning to develop for WordPress. Whether you’ve never heard of WordPress or are just looking to update your current WordPress skill set, there are plenty of resources below to get you on your way.

Create Seamless Web Background Textures in Minutes
CSS / 13 May 2010

Create Seamless Web Background Textures in Minutes

Ever wondered how some web designers come up with such great background textures? It’s actually way easier than you might think. It only takes a few minutes and a single Photoshop filter that you’ve probably never used.

Intrigued? Read on to see the step by step instructions for creating tileable textures out of almost any image.

Entering the Era of Device Testing
HTML / 5 May 2010

Entering the Era of Device Testing

This article will discuss the history and future of the web and what implications that has for how device testing will begin to play a larger role in the obligations of web designers.

As the presence of web enabled devices increases the key question that will arise relates to not only whether or not your design will function on a given device, but also (and perhaps more importantly) how high the quality of the experience will be on that device.

Create a Color Changing Website Using CSS3
CSS / 20 Apr 2010

Create a Color Changing Website Using CSS3

Though the changes implemented by CSS3 are still not supported on all browsers and cross-browser functionality across those that do support it can be a real pain, it’s still quite fun to experiment and see what’s possible.

In this brief tutorial we’ll take go crazy with CSS3 transitions in Webkit to create a simple web page that showcases some really nice color fade effects.

Quick Tips for Creating a Mobile Optimized Site
CSS / 23 Mar 2010

Quick Tips for Creating a Mobile Optimized Site

Last year mobile web usage increased 148% worldwide. In the near future as smarthpones become more and more ubiquitous this number will continue to shoot up. As a developer, the time has arrived for you to seriously consider whether you should begin accommodating your mobile audience.

Today we’ll look at a few quick ways to make your site a little friendlier for mobile devices.

0 0 0 0