A variation of the dynamic text effect created for the website at cryca.com
A Pen by Pali Madra on CodePen.
A variation of the dynamic text effect created for the website at cryca.com
A Pen by Pali Madra on CodePen.
| <!--- | |
| Author: Pali Madra | |
| URL: http://palimadra.tumblr.com | |
| Description: Cheat sheet for markdown on stackedit.io at http://www.stackedit.io | |
| Version: 1.0 | |
| Last updated: 10/26/2014 | |
| ---> | |
| <!--- HEADING ---> | |
| # Header 1 # |
| # Typography | |
| ## Headings | |
| Headings from `h1` through `h6` are constructed with a `#` for each level: | |
| ``` markdown | |
| # h1 Heading | |
| ## h2 Heading | |
| ### h3 Heading |
| <!DOCTYPE html> | |
| <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> | |
| <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> | |
| <html lang="{block:English}en{/block:English}{block:French}fr{/block:French}{block:German}de{/block:German}{block:Japanese}ja{/block:Japanese}{block:Italian}it{/block:Italian}{block:Spanish}es{/block:Spanish}{block:Polish}pl{/block:Polish}"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"/> | |
| <title> | |
| {Title} |
| <?php | |
| /** | |
| * Plugin Name: Static Templates | |
| * | |
| * If most of your site content is in .php template files, and you're tired of | |
| * creating new pages, assigning them page templates, creating page templates | |
| * then doing it all over again on production, this plugin is for you. | |
| * | |
| * Examples: | |
| * |
| <html> | |
| <head> | |
| <title>RSS Feed Reader</title> | |
| </head> | |
| <body> | |
| <?php | |
| //Feed URLs | |
| $feeds = array( | |
| "http://maxburstein.com/rss", | |
| "http://www.engadget.com/rss.xml", |
| The Colorize option changes the nature of the Hue/Saturation control. | |
| When checked, it removes the color from an image and overlays the image with a tint of a single hue and saturation. | |
| Each pixel's luminosity remains unchanged (actually, it is changed, but very little). | |
| With the Colorize option, the Hue and Saturation values are no longer relative numbers based on an offset from a starting point. | |
| Instead, they are absolute numbers. | |
| The Hue value ranges from 0° to 360° and represents an absolute position on the color wheel (0° and 360° are the same color; red) | |
| The Saturation value ranges from 0% to 100%. | |
| If Saturation is changed to 0%, color will be negated and the pixels will go gray. | |
| Using Hue/Saturation to colorize an image is not the same as making a duo tone. |
| <!doctype html> | |
| <title>Site Maintenance</title> | |
| <style> | |
| body { text-align: center; padding: 150px; } | |
| h1 { font-size: 50px; } | |
| body { font: 20px Helvetica, sans-serif; color: #333; } | |
| article { display: block; text-align: left; width: 650px; margin: 0 auto; } | |
| a { color: #dc8100; text-decoration: none; } | |
| a:hover { color: #333; text-decoration: none; } | |
| </style> |
| /** | |
| * Like, basically PERFECT scrollbars | |
| */ | |
| /* | |
| It's pure CSS. | |
| Since a quick google search will confirm people going crazy about Mac OS Lion scrollbars... | |
| this has no fade-out effect. | |
| In Mac OS Lion, the lowest common denominator is always showing scrollbars by a setting. |