Francis Hogue francishogue

(as a reply to: https://css-tricks.com/svg-use-with-external-reference-take-2/)

While I love SVG (sprites) there are a lot of issues to take into account.

Advocating The Most Accessible Markup

UPDATE: you should take a look at https://dl.dropboxusercontent.com/u/145744/accessible-svg-icon/test.html which seems a simpler and more robust approach

Another thing: since people copy-paste our code examples it would be great if we could advocate the most robust and accessible markup IMO. I am no a11y expert, but in my understanding we could/should take some extra steps to make out SVG sprite icons more accessible.

Project Title

One Paragraph of project description goes here

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

Prerequisites

Frontend Development

Attention: the list was moved to

https://github.com/dypsilon/frontend-dev-bookmarks

This page is not maintained anymore, please update your bookmarks.

Multiple SSH Keys settings for different github account

create different public key

create different ssh key according the article Mac Set-Up Git

$ ssh-keygen -t rsa -C "[email protected]"

	const puppeteer = require('puppeteer');
	const imagemin = require('imagemin');
	const imageminPngquant = require('imagemin-pngquant');

	// Get the URL and the slug segment from it
	const url = process.argv[2];
	const segments = url.split('/');
	const slug = segments[segments.length-2];

	(async () => {

	/* jshint strict: false */
	/* globals require, console */
	var gulp = require('gulp');
	var exit = require('gulp-exit');

	var browserify = require('browserify');
	var watchify = require('watchify');
	var babelify = require('babelify');

	var source = require('vinyl-source-stream');

	<script>
	// Let's wrap everything inside a function so variables are not defined as globals
	(function(){
	// This is gonna our percent buckets ( 10%-90% )
	var divisor = 10;
	// We're going to save our players status on this object.
	var videos_status = {};
	// This is the funcion that is gonna handle the event sent by the player listeners
	function eventHandler(e){
	switch(e.type) {

	<!-- non-retina iPhone pre iOS 7 -->
	<link rel="apple-touch-icon" href="icon57.png" sizes="57x57">
	<!-- non-retina iPad pre iOS 7 -->
	<link rel="apple-touch-icon" href="icon72.png" sizes="72x72">
	<!-- non-retina iPad iOS 7 -->
	<link rel="apple-touch-icon" href="icon76.png" sizes="76x76">
	<!-- retina iPhone pre iOS 7 -->
	<link rel="apple-touch-icon" href="icon114.png" sizes="114x114">
	<!-- retina iPhone iOS 7 -->
	<link rel="apple-touch-icon" href="icon120.png" sizes="120x120">

	(function (root, factory) {
	if ( typeof define === 'function' && define.amd ) {
	define([], factory(root));
	} else if ( typeof exports === 'object' ) {
	module.exports = factory(root);
	} else {
	root.myPlugin = factory(root);
	}
	})(typeof global !== "undefined" ? global : this.window \|\| this.global, function (root) {

	// ---------------------------------------------------------------------------------
	// CSS Image Paths
	// ---------------------------------------------------------------------------------
	$bg-img-path: '/path/to/images/'; // Base Path for BG Layout Images