Attention: the list was moved to
https://github.com/dypsilon/frontend-dev-bookmarks
This page is not maintained anymore, please update your bookmarks.
Attention: the list was moved to
https://github.com/dypsilon/frontend-dev-bookmarks
This page is not maintained anymore, please update your bookmarks.
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
| @font-face { | |
| font-family: 'the name you will use as the font-family of your selectors, e.g. Lato'; | |
| src: url('fonts/FONTNAME.eot'); | |
| src: url('fonts/FONTNAME.eot?#iefix') format('embedded-opentype'), url('fonts/FONTNAME.woff') format('woff'), url('fonts/FONTNAME.ttf') format('truetype'), url('fonts/FONTNAME.svg#FONT_ID_IN_THE_SVG') format('svg'); | |
| /** | |
| * These rules are necessary to have crisp-looking fonts. Any font weight or style changes | |
| * must be implemented as a different @font-face declaration. E.g. if you want Lato Bold, | |
| * make a new @font-face declaration for it using this template (do NOT set font-weight | |
| * to bold in its declaration), and set your desired selector's font-family to 'LatoBold'. |
| <!doctype html> | |
| <html class="no-js"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <title>Coming Soon</title> | |
| <meta name="description" content=""> | |
| <meta name="viewport" content="width=device-width"> |
| <?php | |
| /** | |
| * Load site scripts. | |
| * | |
| * @since 1.0.0 | |
| * | |
| * @return void | |
| */ | |
| function wpgulp_enqueue_scripts() { |
| #!/bin/bash | |
| ### VARIABLES ### | |
| PRE_PACK="openssl-devel pcre-devel make gcc" | |
| VER="1.5.1" | |
| # Setup Colours | |
| black='\E[30;40m' | |
| red='\E[31;40m' |
| use Corcel; | |
| class Booter | |
| { | |
| public static function boot() | |
| { | |
| self::setupEloquentDatabase(); | |
| } | |
| protected static function setupEloquentDatabase() | |
| { |
| # HTML, TXT, CSS, JavaScript, JSON, XML, HTC: | |
| <IfModule filter_module.c> | |
| <IfModule version.c> | |
| <IfVersion >= 2.4> | |
| FilterDeclare COMPRESS | |
| FilterProvider COMPRESS DEFLATE "%{CONTENT_TYPE} =~ m#^text/(html|css|plain|xml|x-component)#i" | |
| FilterProvider COMPRESS DEFLATE "%{CONTENT_TYPE} =~ m#^application/(javascript|json|xml|xhtml+xml|rss+xml|atom+xml|vnd.ms-fontobject|x-font-ttf)#i" | |
| FilterProvider COMPRESS DEFLATE "%{CONTENT_TYPE} =~ m#^image/(svg+xml|x-icon)#i" | |
| FilterProvider COMPRESS DEFLATE "%{CONTENT_TYPE} = 'font/opentype'" | |
| FilterChain COMPRESS |
| # Apache Server Configs v2.14.0 | MIT License | |
| # https://github.com/h5bp/server-configs-apache | |
| # (!) Using `.htaccess` files slows down Apache, therefore, if you have | |
| # access to the main server configuration file (which is usually called | |
| # `httpd.conf`), you should add this logic there. | |
| # | |
| # https://httpd.apache.org/docs/current/howto/htaccess.html. | |
| # ###################################################################### |
| /** | |
| * @param array $config | |
| * | |
| * @return array | |
| */ | |
| function tiny_mce_before_init(array $config) | |
| { | |
| $styleFormats = [ | |
| // Utility classes like "float right" | |
| [ |