Design

Learn how to build and test accessible web applications with Marcy Sutton.

Adobe provides a great way to quickly test your fonts. Here’s how.

Tutorial: How to make a 3D cute cloud with Project Neo + Adobe Firefly (Structure Reference) AI Time: 10 mins Level: Beginner You'll use only spheres and blending to make this. Hot key: "Cmd +...

An evergreen CSS course and reference to level up your web styling expertise.

CSS Layout has been transformed over the past years. We have you covered with all you need to master this new world. If you want to understand the technical details, or learn how to use new CSS creatively, these guides can help.

Step-by-step Tutorial, Resources and Examples

… tips, tricks, examples and tutorials. Updated regularly.

Recently, we took a dive into the very core concepts behind CSS layout and explored the differences between absolute and relative positioning. We’re going to follow that up with another CSS layout talk, this time based around a fundamental question that almost every new developer ask...

These days, "one size fits all" is quickly becoming a dated concept. Luckily, with CSS media queries, we can now easily build responsive web designs that accomodate everything from your mobile...

using a drop shadow to create a simple one-pixel offset to be a flexible and quick way to achieve an effect of depth

Visit OTK Tech Info for a daily dose of tech-related information. Click the link to stay on top of this industry.

See related links to what you are looking for.

In this tutorial we'll get a taste of what's to come in HTML5 by building a cool iPhone app website with HTML5 structure and visual styling with CSS3 effects.

In our last article about CSS3, ["Pushing Your Buttons With Practical CSS3](https://www.smashingmagazine.com/2009/12/02/pushing-your-buttons-with-practical-css3/), we talked about using new CSS3 techniques like gradients, border-radius and drop-shadows to create compelling, flexible and (in some cases) hilarious buttons.

This post is about 5 useful CSS properties that you should be very familiar with, but will most likely rarely use. I’m not talking about the new fancy CSS3 properties. I’m referring to the old CSS2 properties such as: clip, min-height, white-space, cursor, and display that are widely supported by all browsers. So, don’t miss […]

This technique (tutorial) allows you to apply a convincing stamped or weathered look to any typeface.

Sometimes, flat just doesn’t cut it, and we need to find other, more attractive ways to present designs to our customers. One technique I’ve been using recently works remarkably well for text, logos and other vector artwork.

A step-by-step guide to creating delicate shadow lines and shaded engraved type.

… with Cross-Browser CSS & No Hacks