A front-end template that helps you build fast, modern mobile web apps.
Source: Material Design Lite
A front-end template that helps you build fast, modern mobile web apps.
Source: Material Design Lite
A big list of all the props, values, methods, functions, interfaces, modules, constants, constructors, events, attributes, parameters, return values, variables, elements, statements, operators, declarations, types, primatives, selectors and units of all the APIs related to web development.
Source: Know it all
watch and build:
sass --watch scss:styles
@if
p {
@if 1 + 1 == 2 { border: 1px solid; }
@if 5 < 3 { border: 2px dotted; }
@if null { border: 3px double; }
}
@for
@for $i from 1 through 3 {
.item-#{$i} { width: 2em * $i; }
}
@each
@each $animal in puma, sea-slug, egret, salamander {
.#{$animal}-icon {
background-image: url('/images/#{$animal}.png');
}
}
@each $animal, $color, $cursor in (puma, black, default),
(sea-slug, blue, pointer),
(egret, white, move) {
.#{$animal}-icon {
background-image: url('/images/#{$animal}.png');
border: 2px solid $color;
cursor: $cursor;
}
}
@each $header, $size in (h1: 2em, h2: 1.5em, h3: 1.2em) {
#{$header} {
font-size: $size;
}
}
@while
$i: 6;
@while $i > 0 {
.item-#{$i} { width: 2em * $i; }
$i: $i - 2;
}
Variable Arguments
@mixin box-shadow($shadows...) {
-moz-box-shadow: $shadows;
-webkit-box-shadow: $shadows;
box-shadow: $shadows;
}
.shadows {
@include box-shadow(0px 4px 5px #666, 2px 6px 10px #999);
}
I love programming. I enjoy the challenge to not only make a working program,but to do so with style. Programming is like poetry. It conveys a message, not only to the computer, but to those who modify and use your program. With a program, you build your own world with your own rules. You create your world according to your conception of both the problem and the solution. Masterful programmers create worlds with programs that are clear and succinct, much like a poem or essay.
A collection of all country flags in SVG — plus the CSS for easier integration.
Source: flag-icon-css
Build 30 things with vanilla JS in 30 days with 30 tutorials
Source: JavaScript 30 — Build 30 things with vanilla JS in 30 days with 30 tutorials
Other tutorials on this website:
Creates a clone of the website that can be browsed offline
Tried it with one fairly complicated website and it words like a charm. Takes a while though, because it downloads literally everything (inluding all responsive images)