CSS3, along with HTML5, is quickly shaping up to be one of the most exciting and useful Web technologies in years. In this article, I will be explaining some of the new graphics-rich techniques and properties available with CSS3. You will learn what is likely to be approved as part of the final spec, what is still a work-in-progress, and how to deal with cross-browser incompatibilities and lack of support in older browsers.
Read MoreWhether you’re a freelance web designer or part of a team at an agency,
handing off Photoshop files to a client, developer, development team or
even another designer is part of the process of building websites. Whereas the development process is generally more structured, by
contrast, the design process is quite often spontaneous and full of
experimentation.
In this walkthrough we’ll go through the process of converting the design concept from PSD document right through to completed HTML and CSS mockup, complete with clean and valid code, a few touches of CSS3 and some quick fixes to help out old IE6.
You can offer your clients the ability to send HTML mails based on a template (either on your machine or at a URL), each personalised with the recipient's name. You can add attachments to everyone, or a group of people, there's progress bars while you're sending them - all this in an external PHP include file, so just a couple of lines on your page.
These tutorials show you how to use the Smart Mailer PHP extension.
Read More
In the fourth, and last, part of our In Depth CSS series, we’ll talk about several new CSS3 features – from fancy styling to mobile Webkit development.
This week in part 3 of our CSS In Depth series, we’ll discuss something more visual and design related – typography! CSS2.1 provides for a lot of ways to use fonts creatively, and with CSS3, we’ll come even closer to full design control over our typography!
Last week, in the first of our CSS In Depth post, we discussed the difference between paddings and margins, and what the box model is. This week we’ll be discussing positions and floats as well as what the differences are and when it’s best to use them. Both floats and positions deal with the relationship of elements between each other. Without these, padding and margins would be ineffectual.
Read MoreToday you will learn, how you can create a Flash-like effect with only using a few lines of jQuery and a transparent PNG as mask. Not only will you be able to dynamically change the color of the logo, but also add patterns as you wish and even animate them later with a few lines of code. With this technique you will also be able to add transition effects and control any single part of the colors, patterns and animations.
Read MoreAccordions are a UI pattern where you click on a title (in a vertical stack of titles) and a panel of content reveals itself below. Typically, all other open panels close when the new one opens. They are a clever and engaging mechanism for packing a lot of information in a small space.
Nowadays the need for an easy way to add interactive charts becomes essential because we are shifting from pc applications to web application. jQuery and other libraries allows to make accessible data visualization in (x)HTML, giving us this needed functionality.
Read More