Resources of the week No.3

1. ANGULARJS TUTORIAL: A COMPREHENSIVE 10,000 WORD GUIDE

AngularJS promotes itself as a framework for enhancing HTML, it brings concepts from various programming languages, both JavaScript and server-side languages and makes HTML the dynamic language too. This means we get a fully data-driven approach to developing applications without needing to refresh Models, update the DOM and other time-consuming tasks such as browser bug fixes and inconsistencies. We focus on the data, and the data takes care of our HTML, leaving us to programming our application.

angular tutorial

http://www.airpair.com/angularjs

2. SVG <USE> AND CSS STYLING

Use your SVG symbol/image once and then reference to it via the <use> tag.
Then you can change the styling through CSS.

SVG

http://codepen.io/FWeinb/pen/rGBsC

3. DATALISTS FOR DIFFERENT INPUT TYPES

How to set custom values for an input field.

data lists

http://css-tricks.com/datalists-different-input-types/

4. HTML5 INPUT ATTRIBUTES

Browser support for new HTML5 input fields, attributes, elements. By clicking on any of them there is also an extended example.

html5 inout tyoes

http://www.wufoo.com/html5/
https://miketaylr.com/code/input-type-attr.html

5. SUBTLE HOVER EFFECT IDEAS

Two sets of pure CSS animations for inspiration!

hover ideas

http://tympanus.net/codrops/2014/10/28/some-more-subtle-hover-effect-ideas/

6. SHAPE BLOBBING IN CSS

Let’s look at shapes that blob into each other! You know, that gooey squishy blobby effect like droplets of mercury on a surface.

shape blobbing

http://css-tricks.com/shape-blobbing-css/

Save