⌘T | go to file |
⌘⌃P | go to project |
⌘KB | toggle side bar |
⌘⇧P | command prompt |
⌃ ` | python console |
⌘⇧N | new window (useful for new project) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var Fibonacci = function () { | |
//private | |
var nums = [0,1]; | |
return { | |
pushNumbers: function (q) { | |
//check if value pass to this method is a number | |
//if not set it to 0 | |
q = typeof q === 'number' ? q : 0; | |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- source image and inspiration from Ramiro Galan on Dribbble: http://dribbble.com/shots/674715-Sparkle-Light-Trail --> | |
<img src="http://dribbble.s3.amazonaws.com/users/36991/screenshots/674715/game.png" /> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Clínica geral: | |
Marcus Thuma. Kant Praxis | |
Centro para medicina interna | |
Cardiologia, Gastroenterologia, Clínica Geral | |
Kurfürstendamm 42 | |
10719 Berlim | |
Tel: (030) 88 71 44 60 | |
Fax: (030) 88 71 44 619 | |
E-mail: [email protected] |
#CSS FTW My way to face the challenge: Maintainable + Efficient + Optimized
##General
- YSlow + Page Speed (Performance Rules)…
- CSSLint Rules…
- Don’t use too many web fonts
talk to your designer, and explain the impact of loading many sources.
##Tools
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var app = angular.module('plunker', []); | |
app.controller('MainCtrl', function($scope) { | |
$scope.name = 'World'; | |
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
Example usage Parse | |
var string = "user(1),about,accounts.limit(20).fields(hometown,albums.limit(10).fields(comments))" | |
PARAMS.parse(string); | |
return { | |
'about': null, | |
'accounts': { | |
'fields': { | |
'hometown': null, | |
'albums': { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
=size($property , $size, $size-right: false, $size-bottom: false, $size-left: false) | |
@if $size == $size-bottom and $size-right == $size-left //Check if we can discard size-bottom | |
$size-bottom: false | |
@if $size-right == $size-left //If horizontal sizes are equal we only need one of the properties | |
$size-left: false | |
@if $size and $size-right == false //All equal | |
#{$property}: $size * 1px | |
#{$property}: $size * 0.1rem | |
@if $size and $size-right != false and $size-bottom == false // Vertical and Horizontal | |
#{$property}: $size * 1px $size-right * 1px |
I wrote this in early January 2012, but never finished it. The research and thinking in this area led to a lot of the design of Yeoman and talks like "Javascript Development Workflow of 2013", "Web Application Development Workflow" and "App development stack for JS developers" (surpisingly little overlap in those talks, btw).
Now it's June 2013 and the state of web app tooling has matured quite a bit. But here's a snapshot of the story from 18 months ago, even if a little ugly and incomplete. :p
- Intro to tooling
W3C Introduction to Web Components - explainer/overview of the technologies
OlderNewer