A Pen by Ricardo Magalhães on CodePen.
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 browser = (function () { | |
var ua = navigator.userAgent.toLowerCase(), | |
platform = navigator.platform.toLowerCase(), | |
UA = ua.match(/(opera|ie|firefox|chrome|version)[\s\/:]([\w\d\.]+)?.*?(safari|version[\s\/:]([\w\d\.]+)|$)/) || [null, 'unknown', 0], | |
mode = UA[1] === 'ie' && document.documentMode, | |
name = (UA[1] === 'version') ? UA[3] : UA[1], | |
version = mode || parseFloat((UA[1] === 'opera' && UA[4]) ? UA[4] : UA[2]), | |
browser; | |
return { |
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
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta name="description" content="Mars Challenge" /> | |
<meta charset="utf-8"> | |
<title>Mars Challenge</title> | |
</head> | |
<body> | |
<h2>Mars Challenge</h2> | |
<pre class="neutral"> |
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
/** | |
* __series | |
* Given an array of functions, it will call every function, | |
* once at a time, sequentially. | |
* Every function will have a trigger function as its last argument, | |
* that should be called when the function is done. | |
* If arguments are given to this trigger function, those will be passed | |
* to the next function. | |
* | |
* @example |
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
/* Takes two images and compares them. | |
* If they're different, a GIF with the differences will be created. | |
* | |
* @requires ImageMagick to be installed to generate the GIF :( | |
* Install it via Homebrew: brew install imagemagick | |
* | |
* @usage: node screenshot.js file1.jpg file2.jpg | |
*/ | |
var pngparse = require('pngparse'); | |
var exec = require('child_process').exec; |
- CSSConf EU 2014 - CSS Performance Tooling — by Addy Osmani
- React: CSS in JS — Slides, November 2014
- AngularJS: Realtime Eye Candy — by FITC
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
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta name="description" content="Menu Selector Animation -- trying not to break..." /> | |
<link href='http://fonts.googleapis.com/css?family=Raleway:400,500,800' rel='stylesheet' type='text/css'> | |
<meta charset="utf-8"> | |
<title>JS Bin</title> | |
<style id="jsbin-css"> | |
* { | |
-webkit-box-sizing: border-box; |
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
(function(window){ | |
var EVENT_EXISTS = 'GlobalEvents: Event already exists.'; | |
var eventIsRunning, | |
_eventStack, | |
_findByName, | |
stackEvent, | |
removeEvent, | |
eventListener, |
- Designing in the Browser - https://medium.com/philosophie-is-thinking/designing-in-browser-a-real-workflow-5320e31fa7ca (Feb 23 2015)
- Let's Stop Breaking the Affordance of Scrolling - https://medium.com/user-experience-design-1/dear-web-designer-let-s-stop-breaking-the-affordance-of-scrolling-fe8bf258df7b (Mar 24 2015)
- How Users Perceive Interfaces - https://medium.com/@kresokraljevic/how-users-really-perceive-interfaces-psychological-and-biological-approach-to-user-interfaces-c1271e0225c7
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
#!/bin/bash | |
# This script intends to remove all unused images from the project. | |
# Use with caution and don't forget to back-up before using. | |
SRC=./source/images | |
# Create a `.tmp` folder | |
mkdir -p .tmp |
OlderNewer