Resources
There are so many websites on the web today, but there are only a select few that are genius in there design and functionality. I have created a collection to share with you, of sites that have captured my admiration and have inspired me in some way or another.
Enjoy :)
HTML5 CSS3 & Responsive Design
- www.initializr.com
Initializr is an HTML5 templates generator to help you getting started with a new project based on HTML5 Boilerplate. It generates for you a clean customizable template with just what you need to start!
- alistapart.com/article/responsive-web-design
A primer article on designing for the responsive web.
- Grid-based Layouts Resource Collection
If you have yet to start using grids in your web design projects, but want to get started…we’re here to help. In this post, we’ve rounded up 13 excellent tools and systems for CSS grid based layouts.
- Building Grids with CSS3
- Fluid Grids
- HTML5 Presentation
UX & User Tesing Resources
Remote User Testing Options
- Quick and Dirty Remote User Testing - article
- OptimalSort
- Card Sorting Testing
Online Card Sorting Software for UX professionals- A card sort is a quick and easy way to find out how people think your content should be organised. It's a useful approach for designing information architecture, workflows, menu structure or website navigation paths.
Web Conferencing Software
- GoToMeeting
- Adobe Connect
- Skype
Developer Resources
General Learning
Developer Libraries
HTML Codes for Special Characters
Image & Text Place Holder Generators
Text Editors
- Coda (Mac Only) Panic Software -$75
- Diet Coda (iPad) - $9.99
- TextWrangler
- BBEdit
- NotPad++ (PC Only)
- Komodo Edit
- Sublime Text 2 (Windows and Mac)
FTP Client
- Filezilla
Syntax Checkers
- PHP Syntaxt Checker
You can take advantage of an online resource to help you check the syntax of your PHP code by pasting the code into the form provided at the PHP Syntax Check site.
JavaScript Resources
- HUGEpic
When you want to upload HUGE pictures that you can zoom in on like a map.
- BigVideo.js
This plugin makes it easy to add fit-to-fill background video to websites. It can play silent ambient background video (or series of videos). Or use it as a player to show video playlist. BigVideo.js can also show big background images, which is nice to have for showing big background images for devices that don’t have autoplay for ambient video.
- Font Bomb
Font Bomb is a fun little JavaScript bookmarklet you can use to plant bombs all around a webpage. Just drag the bookmarklet to your bookmarks bar and then head to a page you want to destroy. Click the bookmarklet and then start clicking anywhere on the page to plant bombs.
- KickAssApp
Kick Ass is a JavaScript bookmarklet created by Erik Andersson that turns the entire web into a game of Asteroids. Just head over to the site, drag the bookmarklet into your tool bar and start destroying stuff.