| /* http://posteed.com/internetzugriffe-von-wordpress-blocken/ */ | |
| define( 'WP_HTTP_BLOCK_EXTERNAL', true ); |
| <!DOCTYPE html> | |
| <title>!</title> |
| // Translate mixin | |
| // ------------------------------ | |
| .translate(@x; @y) { | |
| -webkit-transform: translate(@x, @y); | |
| -ms-transform: translate(@x, @y); | |
| -o-transform: translate(@x, @y); | |
| transform: translate(@x, @y); | |
| } | |
| // Center-align mixin |
| .text-embossed { | |
| text-shadow: 0 1px 0 #CCCCCC, 0 2px 0 #C9C9C9, 0 3px 0 #BBBBBB, 0 4px 0 #B9B9B9, 0 5px 0 #AAAAAA, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15); | |
| } |
| body:before { | |
| content: ""; | |
| position: fixed; | |
| top: -10px; | |
| left: 0; | |
| width: 100%; | |
| height: 10px; | |
| -webkit-box-shadow: 0 0 10px rgba( 0, 0, 0, .8 ); | |
| -moz-box-shadow: 0 0 10px rgba( 0, 0, 0, .8 ); | |
| box-shadow: 0 0 10px rgba( 0, 0, 0, .8 ); |
| #g:target body { | |
| columns: 15em; | |
| column-gap: 0; | |
| } |
| // added 2014-10-30, taken from http://toddmotto.com/mastering-svg-use-for-a-retina-web-fallbacks-with-png-script/ | |
| function supportsSVG() { | |
| return !! document.createElementNS && !! document.createElementNS('http://www.w3.org/2000/svg','svg').createSVGRect; | |
| } | |
| if (supportsSVG()) { | |
| document.documentElement.className += ' svg'; | |
| } else { | |
| document.documentElement.className += ' svg-off'; | |
| var imgs = document.getElementsByTagName('img'); | |
| var dotSVG = /.*\.svg$/; |
| /** | |
| * WordPress' missing is_blog() function. Determines if the currently viewed page is | |
| * one of the blog pages, including the blog home page, archive, category/tag, author, or single | |
| * post pages. | |
| * | |
| * Doesn't include is_search(), if you only use search for the blog, then add that in or test separately | |
| * | |
| * @props grantnorwood @wesbos @toscho @jjeaton | |
| * @return bool | |
| */ |
A curated list by Eric Elliott and friends. Suggest links in the gist comments.
Help us turn this into a proper website!
This is a very exclusive collection of only must-have JavaScript links. I'm only listing my favorite links. Nothing else makes the cut. Feel free to suggest links if you think they're good enough to make this list. The really curious should feel free to browse the comments to find other links. I can't guarantee the quality of links in the comments.
Pure SASS-adaption of Lea Verou's contrast-ratio javascript. Can be useful when eg. generating colored buttons from a single supplied color as you can then check which out of a couple of text colors would give the best contrast.
This script currently lacks the support for alpha-transparency that Lea supports in her script though.
In addition to the color-contrast adaption there's also some math methods that were needed to be able to calculate the exponent of a number and especially so when the exponent is a decimal number. A 2.4 exponent is used to calculate the luminance of a color and calculating such a thing is not something that SASS supports out of the box and not something I found a good pure-SASS script for calculating and I much prefer pure-SASS over ruby extensions. The math methods might perhaps be unecessary though if you're running Compass or similar as they may provide compatible math methods themselves.
Normal usage: `color: pick_best_color(#f00