1. RADIAL PARALLAX WITH SVG, SMIL AND CSS
An amazing article by Adam Guttentag about a visual effect that combines radial perspective with parallax effect that does not require JavaScript or plugins.
http://codepen.io/guttentag/blog/radial-parallax-with-svg-smil-and-css
2. DISCOVER NEW FONTS AND COLORS WITH EVERY TAB
Palletab is a Chrome extension which uses Google fonts and amazing ColourLovers palettes to inspire you with fresh and clean inspiration every time you hit that new tab button!
3. FLEXBOX PLAYGROUND AND CODE GENERATOR
A handy css generator about flexbox. Just select the options you want and the code will be automatically generated for you
http://the-echoplex.net/flexyboxes/
4. CUTTING-EDGE CSS FEATURES: BLEND MODE, MASK IMAGE, CSS CLIP-PATH
CSS continues to evolve and today’s native features are becoming closer to tools we’d normally use in our favorite graphics editor.
http://blog.teamtreehouse.com/cutting-edge-css-features-can-use-today
5. ONLINE PHP DECODER
UnPHP is a free service for analyzing obfuscated and malicious PHP code.
6. RESPONSIVE IMAGES FOR RETINA: USING HTML5’S SRCSET
An article that proposes a solution on the retina problem: send high-resolution versions of images to devices that can use them, while maintaining a standard resolution for others. The srcset attribute does just that.
http://demosthenes.info/blog/944/Responsive-Images-For-Retina-Using-HTML5s-srcset
7. BEST WEBSITE / SHOWCASE OF CANVAS
Our favorite site! Choose between Canvas Playground and WebGL Experiements and see the interactions. ACNPL\WGL stands for ACTIVATION NODEPLUS Lab, a digital real-time graphic handicraft built with HTML5 real-time technique.
8. CHROME DEVTOOLS CHEATSHEET
http://anti-code.com/devtools-cheatsheet/
9. INTRO TO D3.JS
D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG and CSS.
http://square.github.io/intro-to-d3/
10. GREAT CANVAS PEN
A pen featuring an interactive canvas particles system
http://codepen.io/Mattykins/pen/Llwxy
11. EXPLORING CIRCLES IN CSS
CSS only solution for circles with percentage highlight
http://codepen.io/resting/pen/Ekwbs
12. FONT PAIRING & RECOMMENDATIONS
Browse through the most used fonts, find font pairings through examples and see recommendations in font combining!
13. CSS-ONLY SOLUTION FOR UI TRACKING
How to track page views & events in devices that do not support javaScript.
http://www.smashingmagazine.com/2014/10/16/css-only-solution-for-ui-tracking/
14. FOR LOOP ON AN ARRAY IN LESS
A way to produce css using a for loop in LESS.
http://codepen.io/xavhan/pen/eBJEq
15. WEBDESIGNREPO
Find inspiration, news & tutorials through a list of categorized sites. Webdesignrepo is a curated collection of helpful links from around the web.
16. AWESOM SVG
A very useful curated list for SVG. Find tutorials, examples, plugins and everything you might need in this list.
https://github.com/willianjusten/awesome-svg
17. GETTING STARTED WITH CSS SHAPES
For a long time, web designers have been forced to create within the constraints of the rectangle. Most content on the web is still trapped in simple boxes because most creative ventures into non-rectangular layout end in frustration. That is about to change with the introduction of CSS Shapes, available starting with Chrome 37.
CSS Shapes allow web designers to wrap content around custom paths, like circles, ellipses and polygons, thus breaking free from the constraints of the rectangle.
http://www.html5rocks.com/en/tutorials/shapes/getting-started/
