13 Useful and Free CSS Editors

free-css-editors

In this article I decided to list several free CSS editors where you can create and edit CSS files. Some of those editors listed need to be downloaded but many others are available directly from your browser.

I hope you find on this list something useful to help you when working with CSS and don’t forget to check our previously article 14 Useful Sites for Designers.

30 Beautiful Examples of Organic Website Design

30 Beautiful Examples of Organic Website Design

Organic website design is a style of design that uses natural textures such as wood and paper, as well as scenic or floral imagery. There are many, many sites that could be considered organic in their design, and in this collection we have selected 30 of the best we could find that are beautifully presented and use organic elements to their very best effect.

Cheat Sheets for Front-end Web Developers

cheat-sheets

Cheat Sheets are quick reference cards that help you quickly find information you want about specific topics, in this case HTML, CSS and Javascript.

In this article you will find a list of some good cheat sheets and hope you like them (PDF format or web page).

Showcase of 40+ Websites Using Fullscreen Background Images

Showcase of 40+ Websites Using Fullscreen Background Images

‘A picture is worth a thousand words’ according to Frederick R. Barnard, and it seems web designers have eventually taken this quote on board with fullscreen background images seriously trending in web design right now. This collection of more than 40 websites that use fullscreen background images comprises some static images and some sites that incorporate another current trend: a fullscreen slideshow.

There is no doubt that these sites are user-friendly in terms of visual appeal, but using this style of design gives the designer the problem of how to incorporate navigation. Why not visit the sites listed here and see how the designers have worked the navigation into the fullscreen background.

30 Effective Examples of Vertical Scrolling in Web Design

30 Effective Examples of Vertical Scrolling in Web Design

Vertical scrolling is predicted to be one of the trends of 2013, and it makes a lot of sense. Actually, many of the predictions for new trends lean towards mobile device browsing, and given the rise in the use of mobiles, it is no surprise! Vertical scrolling is the art of putting all the site’s content on one long landing page, and the user simply has to scroll down through the site. The clear advantage of this style of design is reduced time waiting for the next page to load, especially for mobile users.

In this collection of vertical scrolling sites, the only links that take you away from the page are those to blogs or other sites, otherwise the entire website content is on one page and clicking the navigation links will take you up or down the page.

The Ins and Outs of CSS Grids

css-grids

In the simplest of terms a grid is a layout guideline. They are most often used by designers to align elements vertically, and even horizontally, so that the design looks well manicured due to the alignment.

10 Great PSD to HTML Tutorials

preview600x300

In this article I decided to list some tutorials that teach you how to convert a design from PSD to HTML using CSS3 and latest HTML version.

Today, HTML5 and CSS3 are finally being used but there is still a lack of good and detailed tutorials teaching you how to code one page using this versions. I tried to select the ones I thought were the best but hope to see more tutorials about this topic being published in 2013.

200+ Great CSS3 Buttons and Icons Ready to Use

css3-buttons

Last week I was working on a new project and needed some buttons that I would prefer to create using CSS3.

I decided to look around and see what was available and ready to be used on a project and at same time I decided to create a post listing the ones I liked the most so you can also benefit from this quest.

20 Creative Illustrator Text Effect Tutorials

illustrator-text-effect-tutorials

You want to learn how to create text effects in Adobe Illustrator? Look no further. In this article I am listing 20 amazing text effect tutorials that will help you create your own text effects.

With this list of Illustrator text effect tutorials you will learn to create glossy, stitched, folded, grungy, neon and a lot of other type of text effects.

Reclaim Your Productivity with Flexible Time Blocks

Flexible-Time-Blocks-Feature-Image

For many freelancers, the inability to keep some semblance of a regular schedule in the midst of a chaotic existence is a constant source of anxiety and lack of productivity. Insomnia, sudden and frequent interruptions, visiting family, travelling for weddings, and the average sick day (or series of sick days) – all of these occurrences (and many others) can cause the delicate balance of a freelancer’s schedule to careen off course. This can unfortunately result in missing deadlines, losing clients, and other not-so-awesome consequences.

Which is why in today’s post I’m going to show you a method I developed during a prolonged bout of insomnia that has helped me stay on task no matter how random my day becomes. Its all about breaking your ideal work day down into flexible time blocks so that you can rearrange them at a moment’s notice.

Page 2 of 8 1 2 3 4 5 8