Web Design and Development Resources

Category: Blog


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.



iPhone5 and iPad mini mockups

Posted by design4lifeblog in Blog, Freebies, Graphics. 2 comments

9th December

Free iPhone5 and iPad mini mockups, come and get em!



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.



15 Apple Device Inspired Icons

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

19th April

Awesome Apple device icon PSDs posted by http://favbulous.com, they have a lot of free PSDs resources check them out here.



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.



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.






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.