Need some transparent noise on your site? Then noisepng.com is the site for you. You can download the noise as a png or merely copy the data uri. Luv it
Here’s a bunch of nice Google Chrome browser extensions for web development:
- ColorZilla – Pick colors from a website
- Page Ruler – Measure stuff
- Font Changer – Preview how a font will look on a site. Includes all Google Web fonts.
- Corporate Ipsum – Create random fill text
- Rescue Time – Track your time spend
- Web Developer – The classic Web Developer extension with a bunch of tools for Web Development – e.g. clear cookies, resize window.
Google Web Starter Kit is a multi-device responsive boilerplate with a lot of build in features – to mention a few: performance optimization and SASS support.
It looks nice and clean and it follows Google’s Web Fundamentals (best practice for modern web development).
I haven’t used the time to try it out yet, but it’s definitely on my to-do list!
With 479 icons (at the time of writing), Font Awesome fullfills most of my needs when it comes to icons.
As with Twitter Bootstrap’s icons, Font Awesome is created as a font, which makes the icons highly scalable.
The icon font is so easy to use and totally free. I love it too!
Check out all of the icons in Font Awesome here:
- Install Ruby through http://rubyinstaller.org/
- Open you console and run: gem install sass
- Create a .scss file in PhpStorm and click “Add watcher” in the following prompt:
- Edit settings as seen below (make sure that paths match your own paths). Only things I have changed is the “Program” input, the “Environment Variables” input, and finally, I have added “–style compressed” to the “Arguments” input in order to get my output CSS file compressed (this is optional).
That’s it! You are all set – go ahead an write some sweet scss and watch how PhpStorm automatically compiles scss to css.
If you are working on a remote project and want PhpStorm to upload the css file automatically, remember to not only check “Automatic upload” in Tools -> Deployment, but also to check “Upload external changes” in File -> Settings… -> Deployment -> Options.
The Beginners Guide To SEO is a solid introduction to the fundamentals of SEO, produced by the SEO software company Moz.
As a bonus, they provide the guide as a printable PDF version, for those of us who prefer to read on paper.
Check it out if you are new to SEO and wants to learn
Screaming Frog SEO Spider is a desktop tool that crawls websites to extract key SEO elements and report the SEO status back to you.
Smush.it reduces the file sizes of your images without any loss in quality.