Adrian D. Alvarez 06b

(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.

Simple Security Guidelines

Using an iDevice? (Best option)

Use an iPod or an iPad without a SIM card
Use an iPhone
Do not jailbreak
Always upgrade to new iOS versions
Use Brave browser

Need Secure chat?

#From https://github.com/Pestov/essential-gulp-plugins ##HTML&CSS autoprefixer - parse CSS and add vendor prefixes to rules by Can I Use.

gulp-browser-sync - keep multiple browsers & devices in sync when building websites.

gulp-useref - parse build blocks in HTML files to replace references to non-optimized scripts or stylesheets.

gulp-email-design - a workflow for designing and testing HTML email templates.

Event Notes

Event Name:
Location:
Date:
Conference format: (number of days, tracks, and speakers)

Talk

$/
  artifacts/
  build/
  docs/
  lib/
  packages/
  samples/
  src/
 tests/

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

	var comments = document.querySelectorAll('#comment-list > li');
	var commentsList = [];

	var array = new Uint32Array(comments.length);
	var randomIds = window.crypto.getRandomValues(array);

	Array.prototype.forEach.call(comments, function(el, i){
	if (el.id) commentsList.push({id: el.id, rand: randomIds[i]});
	});

	Windows Registry Editor Version 5.00

	[HKEY_CURRENT_USER\Software\MPC-BE]
	@=dword:00000001

	[HKEY_CURRENT_USER\Software\MPC-BE\Capture]
	"VidDispName"="@device:pnp:\\\\?\\usb#vid_04ca&pid_7025&mi_00#7&1e983a4a&0&0000#{65e8773d-8f56-11d0-a3b9-00a0c9223196}\\global"
	"AudDispName"=""
	"Country"=dword:00000001
	"VidOutput"=dword:00000001

	<script type="text/javascript">
	(function () {
	"use strict";
	// once cached, the css file is stored on the client forever unless
	// the URL below is changed. Any change will invalidate the cache
	var css_href = './index_files/web-fonts.css';
	// a simple event handler wrapper
	function on(el, ev, callback) {
	if (el.addEventListener) {
	el.addEventListener(ev, callback, false);

	@binkmail.com
	@bobmail.info
	@chammy.info
	@devnullmail.com
	@letthemeatspam.com
	@mailinater.com
	@mailinator.net
	@mailinator2.com
	@notmailinator.com
	@reallymymail.com