28 Tutorials about SVG Images in Web Design

28 Tutorials about SVG Images in Web Design

Scalable images have become a lot more popular in recent years. As modern browsers slowly accept the notion of SVG images we can see many techniques being released out on the web. These range from scalable responsive logos to animated line drawings – all through the use of dynamically-generated images.

This collection of tutorials should be more than enough to get you all caught up to speed with the latest trends. Even if you know absolutely nothing about SVG images or how they’re created, these articles should provide insight along with a few industry tips & tricks. SVG resources appear to be a growing solution amongst web designers. Take a look over this showcase to understand what all the fuss is about.

30 Powerful Google Chrome Extensions for Web Designers & Developers

30 Powerful Google Chrome Extensions for Web Designers & Developers

When Google first released their web browser into the public it caught attention like overplayed news stories. Most web developers were previously using Firefox and although many still do prefer Mozilla, Google has offered up some big competition. Chrome includes many similar features along with powerful browser extensions like Firefox. Developers and designers can benefit from toying with these extensions and sticking them into a daily workflow.

This gallery includes 30 free and powerful browser extensions for Google Chrome. Many are focused on design patterns while others relate to frontend or backend web development. Plus the Chrome Web Store is always filling up with new extensions that you can test out. If you love Chrome but haven’t dabbled much into extensions I would highly recommend trying any of the resources from this collection.

Design Freebies For Creatives: February 2014

Design Freebies For Creatives: February 2014

This is the second instalment of the ongoing DesignWoop freebies series, a monthly design and development freebie collection.

The free design goodies included in this months round-up feature some quality PSD templates, coded HTML templates, backgrounds and some super nice fonts. The free typeface called ‘Adam’ really caught my eye and was rather quickly download into my font library.

15 Aesthetically Pleasing Creative Single Page Web Designs

15 Aesthetically Pleasing Creative Single Page Web Designs

Creating a single page website can be deceptively hard to pull-off. A single page concept is ideal for situations where you may have little content, promoting a product or portfolio page for yourself, the uses are limitless.

The single page designs I have listed here today, make use of some pretty cool combinations of jQuery and CSS3 effects, helping improve the navigation and content discovery on the page.

30 Eye-Catching Website Templates using Twitter Bootstrap

30 Eye-Catching Website Templates using Twitter Bootstrap

Twitter Bootstrap has been around for a few years gaining a lot of momentum. Designers love the simple interface along with the many pre-built JS components. Bootstrap allows any designer to focus on the semantics, without worrying about page resets or rebuilding HTML structure. Bootstrap is naturally responsive with options to create fixed-width layouts, too.

This gallery includes 30 brilliant website templates created using Twitter Bootstrap. Many are free to download while others can be purchased from premium marketplaces. Bootstrap themes are much cheaper than CMS themes because there is no backend. Yet even the free examples are great learning tools.

20 Stunning App Icon Designs

14-icon

I’ve been a fan of icon design for years. Much like how a logo represents the tone and personality of a company, an icon represents a program or app. Both make use of a tiny canvas size and often have a lot to say with little space to say it.

Ever since iPhone apps started picking up traction, icon design has improved more and more. With time, designers and developers have been able to practice creating a beautiful, stylish and slick icon that suits the device it’s on, and looks great at high resolution and when it’s a tiny icon on a home screen.

It’s important to mention that it’s remarkably challenging to create an icon that looks good – it can take an extraordinary amount of work and skill to create something that looks simple, and the more complex a design, the more talent is required.

Build Your Portfolio With A Grid Based WordPress Theme

25 Grid Based WordPress Portfolio Themes

WordPress provides you with super easy way to mange your blog posts, pages and uploaded media items. There are also loads of fantastic themes available that you can quickly upload and configure to create an elegant portfolio, powered by WordPress.

Today I have collected some really nice grid based WordPress themes, which provide you with a great framework from which to build a portfolio.

Design Freebies For Creative Minds: Jan 2014

Design Freebies For Creative Minds: Jan 2013

This is the first in the series of the monthly design and development freebie collection. I have some super resources in this months collection ranging from HTML templates, PSD files, a Ghost CMS template and a couple of free fonts. The Readium Ghost theme looks fantastic, it is my personal favorite in the collection and unbelievably it is free, kudos to Sven Read and his team.