Web Design and Development Resources

Tag: Tools


Responsive tables with visual scroll cue

Posted by design4lifeblog in Blog, Javascript, Tools, Tutorials. 1 Comment

10th February

Create responsive tables that will display a visual cue when viewed on small screen devices.



Learning JavaScript

Posted by design4lifeblog in Blog, Javascript, Tools. Comments Off

4th August

I have been really busy at my new job recently and it has taken my full concentration, I have been delving deeper and deeper into JavaScript and want to share some of the learning resources I have been using. Feel free to add more resources in the comments.



Responsive design workflow with Initializr & HTML5 Boilerplate + build script

Posted by design4lifeblog in Blog, CSS, JQuery, Tools, Tutorials. 1 Comment

1st May

If you are looking for a very decent workflow for developing responsive HTML5/CSS3 and optimizing as well, try out using Initializr to set up a sweet development starting point, then downloading and using HTML5 Boilerplate’s Build Script to optimize the files for better performance.



Style Tiles

Posted by design4lifeblog in Blog, CSS, Freebies, Graphics, HTML, Tools. Comments Off

18th April

Style Tiles are a design deliverable consisting of fonts, colors and interface elements that communicate the essence of a visual brand for the web.



YAML CSS Framework

Posted by design4lifeblog in Blog, CSS, HTML, Tools. Comments Off

15th April

YAML stands for: yet another multicolumn layout. A very complete foundation framework for building websites. It is responsive if you like.



JavaScript language a- z cheat sheet

Posted by design4lifeblog in Blog, Javascript, Tutorials. Comments Off

14th April

A nice Javascript cheat sheet by Alex Staveley. Some key JS patterns. Nicley commented and explained.



Free Social Icon Pack “Through The Cracks”

Posted by design4lifeblog in Blog, Freebies, Graphics. Comments Off

4th March

This month’s freebie is an awesome icon pack called “Trough The Cracks” by Media Junkie. An extra thank you to Media Junkie aka MDA Design for providing us with our second exclusive freebie. Do you have a freebie you would like us to feature? contact us here.



Fully layered macbook air psd

Posted by design4lifeblog in Blog, Freebies, Graphics. Comments Off

14th February

Another great freebie, this one was featured on Orman Clark’s Premium Pixels website, he does premium WordPress themes and provides all sorts of amazing design resources on his site. Check him out at www.premiumpixels.com



New CSS3 Click Chart Version

Posted by design4lifeblog in Blog, CSS, Tools. 2 comments

17th January

Impressivewebs is back with an updated CSS3 click chart, I posted about their previous version not too long ago. They said they would update the chart, and well, they just did. It is actually more than just an update, it has be revamped big time.



placehold.it – placeholder service

Posted by design4lifeblog in Blog, CSS, HTML, Tools. 1 Comment

6th January

A really convenient and clever way to use placeholder images when creating for the web. I love this tool and shutter when I think of the time I have wasted creating placeholders by hand with photoshop.






Recent Posts!

Here you find articles, posts and write-ups about resources and issues relevant to web design and development.

Responsive tables with visual scroll cue
Create responsive tables that will display a visual cue when viewed on small screen devices.
iPhone5 and iPad mini mockups
Free iPhone5 and iPad mini mockups, come and get em!
Five Great Tools for Responsive Web Design
When you visit a website, a good design, quality yet easy reading, simplistic navigation with a minimum
Learning JavaScript
I have been really busy at my new job recently and it has taken my full concentration, I have been delving deeper and deeper...
Responsive design workflow with Initializr & HTML5 Boilerplate + build script
If you are looking for a very decent workflow for developing responsive HTML5/CSS3 and optimizing as well, try out using Initializr...
15 Apple Device Inspired Icons
Awesome Apple device icon PSDs posted by http://favbulous.com, they have a lot of free PSDs resources check them out here.
Style Tiles
Style Tiles are a design deliverable consisting of fonts, colors and interface elements that communicate the essence of a visual brand for the web.