Mastering CSS3 Repeating Gradients
Many CSS3 features revolutionize how we design websites, and one standout feature is CSS3 Gradients. Before CSS3, creating gradient effects meant usin…
Latest in: Web Design
In this section, we offer tutorials and tips for CSS3 and HTML5, showcase designer tools, highlight powerful jQuery and JavaScript libraries, and present stunning works from talented designers for appreciation and inspiration.
If you're new to the design realm, you'll appreciate articles that address pertinent topics for designers, such as collaboration, client-freelancer dynamics, handling criticism, self-development tips, and more.
Pixel-Based Websites: Resources, Tutorials, And Examples
Designing a web interface using pixel-style artwork is relatively obscure compared to modern trends. You really need to dig through a handful of websi…
A Look into: HTML5 Placeholder Attribute
One of my favorite new pieces in HTML5 is the ability to add Placeholder Text easily. The placeholder text is the grey text that you find in an input …
33 Examples of Volume Dial and Knob UI Design
Using a knob or dial is the best way to change volume. It allows for much greater control over the sound level, and they can also look very aesthetica…
Maximize Your CSS with Compass and Sass
In our last post, we mentioned Compass, an open-source CSS Authoring Framework that enhances your workflow. Compass is a powerful extension for Sass, …
Getting Started with Sass: Installation and the Basics
In this post, we are going to discuss a CSS Preprocessor called Sass or Syntactically Awesome Stylesheets. If you have been following our previous pos…
Fresh Resources for Web Designers and Developers (November 2012)
There are a number of new great tools and resources out to give web designers and developers that extra leverage for their job. This month we have som…
Beautiful Blue Color Websites
Every time you come across a website you’ve never seen before, what’s the first thing that strikes you? It’s the color scheme! Color is of prima…
Adding Scalable Vector Graphics (SVG) in Unsupported Browser
In an earlier post in this series, we have mentioned a bit about SVG’s pitfall with old browsers and using Raphael.js to serve the graphic as an alt…
30 Responsive Portfolios For Your Inspiration
Discover stunning examples of responsive portfolios for inspiration and create your own impressive online portfolio.
Working with Text Elements in SVG for Dynamic Designs
In previous posts, we’ve explored how to use SVG to create shapes. In this article, we will focus on creating and styling text with SVG. SVG text of…
40 Beautiful Dark Color Websites For Your Inspiration
Discover the power of dark color schemes for your website design. Learn how to create a stunning and unique look that will captivate your audience.