Archive for the 'Downloads' Category

Canadians speak up against SOPA!

If you don’t yet know about SOPA, and the laws about banning IPs and copyright issues online going on, you should google it.
There are many sites that are going on “blackout” mode today as protest, thankfully WordPress is one of them. If you are a Canadian and want to speak out against SOPA, go here: openmedia.ca/SOPA. I’ve signed already, get on board! Speak up now!

Post to Twitter

Free textures from texture king

For any of my students (or any designers) who are looking for some good quality free textures check out textureking.com !

Post to Twitter

Responsive type and jquery slider plugins

FitText makes font-sizes responsive and flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element.

Download the kit and use Flexslider to create your own customized amazing, fully responsive jQuery slider plugin.

Post to Twitter

Responsive Video – video from think vitamin

Think Vitamin continues to be an inspiration for me and is one of very few newsletters that I will never regret signing up for. Recently they’ve written an article that comes with a video on a new jQuery plugin that lets you resize your flash video. Responsive web design is not just for layouts – but for images, type, and videos as well. The great thing is you don’t need to be a crazy programming geek to be able to use this system and create your own responsive video. You just have to use this jQuery. The video explains it all very nicely. Please read the rest of Think Vitamin’s article(s) here.

The jQuery plugin is called fitvidsjs and can be found here.

Post to Twitter

Free responsive design templates

Are you a designer or developer who’s looking for a template to start you off with responsive web and mobile design? Here are a few good templates with a free download that you can use to get you started. Skeleton is a collection of CSS & JS files that can help you develop sites that look beautiful at any size, on a 1600px screen or an iPhone. Skeleton is a great resource – but uses Media Queries with specific sizes (4 to be exact) which I still find can be limiting. If you’re looking for free liquid layouts instead of Media Queries please continue reading below.

Golden Grid System (GGS) is also a template that you can use to start your responsive design. Starting with 18 columns, each column on the left and right are used as the outer margins of the grid, which leaves 16 columns for your design. The other thing that makes this one different is that it includes resizing your typography, not just the layout or columns.  Also click on the “Golden Gridlet” in the top right corner, it will show and hide the grid at any given size – fun! Also if you’re just starting to do fluid designs, make sure you check out the tips and faqs at the bottom where there are some useful links!

Post to Twitter