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] {
| server { | |
| listen 80 default_server; | |
| server_name example.com www.example.com; | |
| access_log /srv/www/example.com/logs/access.log; | |
| error_log /srv/www/example.com/logs/error.log; | |
| root /srv/www/example.com/public; | |
| index index.php index.html; |
(by @andrestaltz)
If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.
| upstream upstream-apache2 { | |
| server 127.0.0.1:8080; | |
| } | |
| upstream upstream-nodejs { | |
| server 127.0.0.1:3000; | |
| } | |
| server { | |
| listen 80; |
| user nginx; | |
| # Set this to match the number of CPU cores | |
| worker_processes 2; | |
| events { worker_connections 1024; } | |
| http { | |
| server_names_hash_bucket_size 64; | |
| types_hash_max_size 2048; | |
| server_tokens off; | |
| include mime.types; | |
| default_type application/octet-stream; |
| # Thanks to this post: | |
| # http://blog.ikato.com/post/15675823000/how-to-install-consolas-font-on-mac-os-x | |
| $ brew install cabextract | |
| $ cd ~/Downloads | |
| $ mkdir consolas | |
| $ cd consolas | |
| $ curl -O http://download.microsoft.com/download/f/5/a/f5a3df76-d856-4a61-a6bd-722f52a5be26/PowerPointViewer.exe | |
| $ cabextract PowerPointViewer.exe | |
| $ cabextract ppviewer.cab |
| /** | |
| * Check if a given ip is in a network | |
| * @param string $ip IP to check in IPV4 format eg. 127.0.0.1 | |
| * @param string $range IP/CIDR netmask eg. 127.0.0.0/24, also 127.0.0.1 is accepted and /32 assumed | |
| * @return boolean true if the ip is in this range / false if not. | |
| */ | |
| function ip_in_range( $ip, $range ) { | |
| if ( strpos( $range, '/' ) == false ) { | |
| $range .= '/32'; | |
| } |
| ul.tree, ul.tree ul { | |
| list-style: none; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| ul.tree ul { | |
| margin-left: 10px; | |
| } | |
| ul.tree li { | |
| margin: 0; |
| Here is a list of scopes to use in Sublime Text 2 snippets - | |
| ActionScript: source.actionscript.2 | |
| AppleScript: source.applescript | |
| ASP: source.asp | |
| Batch FIle: source.dosbatch | |
| C#: source.cs | |
| C++: source.c++ | |
| Clojure: source.clojure | |
| CoffeeScript: source.coffee |
| #!/bin/sh | |
| set -v | |
| set -e | |
| rm -rf repro | |
| mkdir repro | |
| cd repro | |
| git init | |
| touch a b | |
| git add --all |