Josh Levinger jlev

Styling native elements

Native HTML controls are a challenge to style. You can style any element in the web platform that uses Shadow DOM with a pseudo element ::pseudo-element or the /deep/ path selector.

video::webkit-media-controls-timeline {
  background-color: lime;
}

video /deep/ input[type=range] {

When times get tough and people get nasty, you’ll need more than a killer smile. You’ll need a killer contract.

Used by 1000s of designers and developers Clarify what’s expected on both sides Helps build great relationships between you and your clients Plain and simple, no legal jargon Customisable to suit your business Used on countless web projects since 2008

…………………………

	-- Get Max ID from table
	SELECT MAX(id) FROM table;

	-- Get Next ID from table
	SELECT nextval('table_id_seq');

	-- Set Next ID Value to MAX ID
	SELECT setval('table_id_seq', (SELECT MAX(id) FROM table));

	from flask import Flask, render_template
	from flask_assets import Bundle, Environment


	app = Flask('app')
	app.config['JST_COMPILER'] = u'_.template'
	app.config['JST_NAMESPACE'] = 'window.Templates'
	app.config['JST_BARE'] = False
	env = Environment()

	import requests

	zips = "59221, 73949, 86515, 42223, 86044, 84536, 97635, 02861, 71749, 81137, 63673, 88063, 89439".split(', ')

	url = 'https://congress.api.sunlightfoundation.com/districts/locate?apikey=4356d7e2b68340a69fb9b5e156e9cd49&zip='

	for z in zips:
	r = requests.get(url + z).json()['results']
	print z, r

	# -- coding: utf-8 --
	import codecs
	import subprocess

	from fdfgen import forge_fdf
	from django.core.exceptions import ImproperlyConfigured
	from django.template import engines
	from django.template.backends.base import BaseEngine
	from django.template.engine import Engine, _dirs_undefined

	<script type="text/javascript">
	// Automatically log supporters out of Salsa pages, effectively disabling the
	// Welcome Back Message. See https://help.salsalabs.com/hc/en-us/articles/223344487

	// This script will not run if Salsa's returned an error.
	if (document.querySelector('.error') == null) {
	if (typeof window.sessionStorage.redirected == "string") {
	delete window.sessionStorage.redirected;
	} else {
	var notThese = ['event/common.+checkout.sjs', 'guestReg', 'receipt.sjs',

	#Model

	@user.should have(1).error_on(:username) # Checks whether there is an error in username
	@user.errors[:username].should include("can't be blank") # check for the error message

	#Rendering
	response.should render_template(:index)

	#Redirecting
	response.should redirect_to(movies_path)

	<!-- Raven.js Config -->
	<script src="{{ JS_PATH }}/lib/raven.js" type="text/javascript"></script>
	<script type="text/javascript">
	// Ignore list based off: https://gist.github.com/1878283
	var ravenOptions = {
	// Will cause a deprecation warning, but the demise of `ignoreErrors` is still under discussion.
	// See: https://github.com/getsentry/raven-js/issues/73
	ignoreErrors: [
	// Random plugins/extensions
	'top.GLOBALS',

	<!DOCTYPE html>
	<html>
	<head>
	<script src="http://d3js.org/d3.v3.min.js"></script>
	<style>
	body { margin:0; padding:0; }
	#map { width:960px; height:500px; background:cyan; }
	</style>
	</head>
	<body>