| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Responsive Design Testing</title> | |
| <style> | |
| body { margin: 20px; font-family: sans-serif; overflow-x: scroll; } | |
| .wrapper { width: 6000px; } | |
| .frame { float: left; } | |
| h2 { margin: 0 0 5px 0; } |
| if (typeof (AC) === "undefined") { | |
| AC = {} | |
| } | |
| AC.ImageReplacer = Class.create({ | |
| _defaultOptions: { | |
| listenToSwapView: true, | |
| filenameRegex: /(.*)(\.[a-z]{3}($|#.*|\?.*))/i, | |
| filenameInsert: "_☃x", | |
| ignoreCheck: /(^http:\/\/movies\.apple\.com\/|\/105\/|\/global\/elements\/quicktime\/|_(([2-9]|[1-9][0-9]+)x|nohires)(\.[a-z]{3})($|#.*|\?.*))/i, | |
| attribute: "data-hires", |
This is a tiny content strategy framework focused on goals, messages, and branding. This is not a checklist. Use what you need and scrap the rest. Rewrite it or add to it. These topics should help you get to the bottom of things with clients and other people you work with.
Give me feedback on Twitter (@nicoleslaw) or by email (nicole@nicolefenton.com).
| <?php | |
| /** | |
| * Set global/skip_process_modules_updates to '1' in app/etc/local.xml and | |
| * then use this script to apply updates and refresh the config cache without | |
| * causing a stampede on the config cache. | |
| * | |
| * @author Colin Mollenhour | |
| */ | |
| umask(0); | |
| ini_set('memory_limit','512M'); |
| add_filter("mce_external_plugins", "tomjn_mce_external_plugins"); | |
| function tomjn_mce_external_plugins($plugin_array){ | |
| $plugin_array['typekit'] = get_template_directory_uri().'/typekit.tinymce.js'; | |
| return $plugin_array; | |
| } |
| /* Vertically centered text with SVG */ | |
| div { | |
| width: 300px; | |
| height: 150px; | |
| background: #f06; | |
| font: bold 150% sans-serif; | |
| text-shadow: 0 1px 2px rgba(0,0,0,.5); | |
| overflow: hidden; resize: both; /* just for this demo */ | |
| color: white; |
A list of Sketch plugins hosted at GitHub, in no particular order.
| // # Block Grid | |
| // | |
| // Technique adapted from Foundation 5 for Bootstrap 3.0.3 to at least 3.3.1. | |
| // https://github.com/zurb/foundation/blob/f755d8704123f86c281ede0b171881e2672f150d/scss/foundation/components/_block-grid.scss | |
| // | |
| // # Example Usage | |
| // | |
| // To produce a grid of 2 items per row on an extra-small screen, and 3 items | |
| // per row on a small screen: | |
| // |
| This is now part of craft-scripts: | |
| https://github.com/nystudio107/craft-scripts |