Web Development, Design & Programming

All examples use simple, semantic HTML. No empty elements, no unnecessary extra elements, no JavaScript, no images (apart from that Twitter logo). Have a look at the source code.

A Common Sense Content Strategy - Articles - MIX Online

Summary:  Since the World Wide Web emerged in the early 1990s, HTML has evolved to become a relatively powerful markup language, which, when backed up by its close partners JavaScript and CSS, can be used to create visually stunning and interactive Web sites and applications. This tutorial serves as a hands-on introduction to HTML5 and CSS3. It provides information about the functionality and syntax for many of the new elements and APIs that HTML5 has to offer, as well as the new selectors, effects, and features that CSS3 brings to the table. Finally, it will show you how to develop a sample Web page that harnesses many of these new features. By the time you have finished this tutorial, you will be ready to build Web sites or applications of your own that are powered by HTML5 and CSS3.

Roll over a link, watch the image above change. That's what we build in this screencast, only we don't use any JavaScript to do it. The trick is some simple z-index switching on hover and a bit of absolute positioning.

Although static graphics is obviously much easier to scan and therefore can be easily perceived, motion graphics brings dynamics and life into otherwise static content. Animation can help designers to convey a deeper meaning with the use of various video-techniques. It can also provide a better data visualization than the static graphics. How and where you use it in real-life situations is totally up to your talent and your abilities to express yourself.

Thanks for such a nice tutorial it helped me find some goodies over there...

In the next comparison, we'll consider using jQuery instead of Flash in its customization. jQuery and other JavaScript frameworks are built for easy development and customization.

In 1996, Macromedia released their product called Macromedia Flash which is a vector-based animation platform. With Flash, web designers were now able to create animations using a timeline and vector design tools as a video. Furthermore, Flash was and still is a great solution for web designers to provide visitors smooth view in such small file size. The only thing that web surfers need to enjoy the sites using flash is to install Macromedia Flash Player.

This color theory info graphic is all about the basic color wheel, passive vs. active colors, cool vs. warm colors, subtractive vs. additive color, color types, color relationships, meanings attached to colors and basic terms pertaining to color.

If you are unemployed with experience in the computer programming field, this site with the title "Programmer Jobs", should serve you well. Here you will find a current listing of jobs available in the United States, informative statistics, useful videos, and more.

A free JavaScript for creating gorgeous curvy rounded corners for HTML block elements i.e. DIVs. Supports anti-aliasing, borders and background images.

It's not a plugin, so it's not as easy as it possibly could be, but it's much easier. There is a section at the end for customizing. The slider does feature a stop/start button and the animation goes a little farther than simply sliding to the left =).

A pool of best design articles and tutorials

The Burst Engine is an OpenSource vector animation engine for the HTML5 Canvas Element. Burst provides similar web functionality to Flash and contains a layer based animation system like After Effects.

Over the last months we released a variety of icon sets, tools and templates, but now we would like to release something a bit different for a change. In this post we are glad to release Photoshop Keyboard Shortcuts, a PDF-file with a handy overview of most useful keyboard shortcuts available in Adobe Photoshop. The cheat sheet was created by Kenneth Setzer and released especially for Smashing Magazine and its readers.

In the last 2 years there has been a real up rise in PSD to HTML providers. Most of them actual outsource the real slicing themselves. They act as a intermediate between you and a network of people abroad.

Choosing a good PHP frameworks can help you develop complex Rich Internet Applications quickly, with a best practices oriented approach, and saving a lot of time reusing code snippets that are already available. There are a lot of interesting PHP frameworks you can choose for your next web project. Today we will focus on one of my favorite PHP Frameworks: CodeIgniter.

Choosing a good PHP frameworks can help you develop complex Rich Internet Applications quickly, with a best practices oriented approach, and saving a lot of time reusing code snippets that are already available. There are a lot of interesting PHP frameworks you can choose for your next web project. Today we will focus on one of my favorite PHP Frameworks: CodeIgniter.