Archive for the ‘CSS’ category

Screenshot

Website layouts are typically seen as a combination of design and development meshed together. UI design can be performed using graphics software, code, or in most cases both. This subject offers an interesting combination of skills that work hand-in-hand with each other. Frontend inspiration can offer a lot of great ideas for anyone who builds […]

28 Free Open Source CSS3 Code Snippets

Screenshot

Web developers are constantly building awesome stuff and releasing the code online for free. Open source code allows other developers to recreate page elements without spending hours of time writing code again from scratch. This can range from website navigation to image sliders and even CSS dropdown menus. As a developer myself I have learned […]

Screenshot

Constructing a website from scratch has become easier and less stressful over these past few years. I find myself ripping out fewer and fewer hairs as more open source projects become available. One of the most common UI elements would be a dropdown menu for multi-tier navigation. In the past I’ve written about coding a […]

Screenshot

The task of coding a new website is often repetitive and time-consuming. It takes effort and hard work to build an HTML/CSS layout fitted properly in all browsers. Alternatively the design process is much more fluid to allow for new ideas and thought patterns. If you feel the web development cycle takes a bit too […]

20 Free Open Source CSS3 User Interface Kits

Screenshot

The power of CSS3 design offers unique trends for building custom website interfaces. And with the help of the open source movement, it is now easier than ever to make your own customized layout design. CSS3 user interface kits have become more common and you can find these published within various websites and blog. For […]

Screenshot

It doesn’t seem like the many CSS3 standards are so “new” anymore. Web designers have been implementing these properties into most of the new layouts I run into. Rounded corners and text shadows are commonplace for the modern web.

I want to use this article as a small case study into CSS3 effects. I’ll be examining some big-name websites and how they are building unique web interfaces. The techniques are not exclusive to any single entity – and it’s actually simple to put together some code of your own. But it is my hope these examples can spur new ideas in budding developers.

Scroll back to the top