Skip to content

Instantly share code, notes, and snippets.

View pankajparashar-zz's full-sized avatar

Pankaj Parashar pankajparashar-zz

View GitHub Profile

An ongoing project to catalogue all of these sneaky, hidden, bleeding edge selectors as I prepare my JSConf EU 2012 talk.

Everything is broken up by tag, but within each the selectors aren't particularly ordered.

I have not tested/verified all of these. Have I missed some or got it wrong? Let me know. - A

A friendly reminder that you may need to set this property on your target/selected element to get the styling results you want:

-webkit-appearance:none;

meter{
display: block;
border: 1px outset;
height: 20px;
width: 100px;
overflow: hidden;
}
meter div
{
display: block;
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
div {
width: 400px;
height: 400px;
background: #FFF;
border-top: 1px solid rgba(255, 255, 255, 0.5);
box-shadow: 0 -30px 64px -28px rgba(0, 0, 0, 0.09) inset,
2px 0 5px 0 rgba(0, 0, 0, 0.045),
0 1px 3px 0 rgba(0, 0, 0, 0.05),

To access the developer tools, on any web page or app in Google Chrome you can use one of these options:

  • Select the Wrench menu at the top-right of your browser window, then select Tools → Developer tools.
  • Right-click on any page element and select Inspect element.
  • Shortcut keys:
[
{
"code": "1xx",
"phrase": "**Informational**",
"description": "\"indicates an interim response for communicating connection status or request progress prior to completing the requested action and sending a final response.\" ~ [sure](http://www.urbandictionary.com/define.php?term=sure)",
"spec_title": "httpbisp2#6.2",
"spec_href": "http://tools.ietf.org/html/draft-ietf-httpbis-p2-semantics#section-6.2"
},
{
"code": "100",
// Comments are like C. Single-line comments start with two slashes,
/* and multiline comments start with slash-star
and end with star-slash */
// Statements can be terminated by ;
doStuff();
// ... but they don't have to be, as semicolons are automatically inserted
// wherever there's a newline, except in certain cases.
@pankajparashar-zz
pankajparashar-zz / background.md
Last active December 24, 2015 05:49
Effective shorthand CSS techniques. Fork this gist to add more and let me know!

Case 1 - All the background details explicitly specified.

/* syntax */
background: [background-image]
            [background-position]
            [background-size]
            [background-repeat]
            [background-attachment]
 [background-origin]
$?: Check the status of the last command
!!: Repeat the last command entirely
!$: Repeat the last parameter of the last command
$$: Get your process id
# Single line comments start with a hash.
""" Multiline strings can be written
using three "'s, and are often used
as comments
"""
####################################################
## 1. Primitive Datatypes and Operators
####################################################