It is quite lovely to see that new tools are launched pretty often to help web designers or web developers do their work easier. Although most of these below are new I’ve also included a few oldies but goldies that I’ve used over the years. They helped me on my projects and I’m sure they will also help you. There aren’t only CSS generators or CSS related tools, but also various javascript libraries, cross browser testing tools and more.
CSS Lint is a tool to help point out problems with your CSS code. It does basic syntax checking as well as applying a set of rules to the code that look for problematic patterns or signs of inefficiency. The rules are all pluggable, so you can easily write your own or omit ones you don’t want.
I’ve shown you a few top quality minimalist WordPress themes last week if you didn’t want to create something minimalist of your own, but if you want to build a minimalist site, you will need for start some inspiration and here you have 46 interesting and new minimalist sites.
Admire the simplicity and the brilliancy of these websites which are not based on rich graphics, but instead on calculated zone placements and interesting typography.
Web sites have changed since the appearance of HTML5 and CSS3 and also after the latest jQuery releases. They now have interesting features which make them more dynamic and also easy to load and navigate because most of the graphics that were previously jpeg, gif or png files are now mostly done in code. Most of the sites in this article are making use of these new technologies and that can be seen easily when navigating. It’s a pleasure to see wonderful sites like for which people worked carefully and with a clear strategy.
Cascading Style Sheets, frequently referred to as CSS, are the most efficient way to design the stylistic elements of a website, from its font, color and background presentation. Although many stylistic elements can be designed in HTML code, having a separate style sheet makes it much easier to make widespread changes to the website. Instead of editing each individual page, the web designer can simply alter the underlying style sheet. And to make the process even easier to manage, there are five basic ways to organize your style sheets so that you can easily edit, change or update them.
Create A Table Of Contents
It may sound obvious, but creating a table of contents helps you quickly determine what style sheet does what. Some websites have so many stylistic elements that creating a numbered code will help you quickly navigate each section, allowing you to perform your edits in the fastest time possible. Continue reading
I was trying a few weeks ago to find some CSS3 tutorials on a specific topic so I looked and looked and went through a lot of articles and annoyed me that I spent a lot of time looking for that single tutorial I wanted. To help you not go through the same thing I’ve made a sorted list of CSS3 tutorials on 5 categories: Menus tutorials, Buttons tutorials, Text tutorials, Gallery and Animation tutorials and Misc tutorials. This way a newcomer to CSS3 coding can find what he wants and needs.
In this tutorial we will create a unique sliding box navigation. The idea is to make a box with the menu item slide out, while a thumbnail pops up. We will also include a submenu box with further links for some of the menu items. The submenu will slide to the left or to the right depending on which menu item we are hovering.
Apple is known for very clean design and if you have been to their website in the last few years you’ve seen their primary navigation. It’s a staple of the apple website and today I wanted to take a crack at recreating the Apple navigation using CSS3 techniques. Continue reading
