Web Design and Development Resources

Category: 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.



Five Great Tools for Responsive Web Design

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

13th September

When you visit a website, a good design, quality yet easy reading, simplistic navigation with a minimum



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.



Bootstrap, from Twitter

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

16th April

Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites.
It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.



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.



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.



HTML 5 Flowchart

Posted by design4lifeblog in Blog, HTML, Tools. 7 comments

5th January

HTML 5 Doctor released this flowchart that will help you make sense of HTML 5 elements, and how to determine what goes where. Simple and practical, I think I will use it as my desktop background until I know it inside and out.






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.