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;
| <?php | |
| // API access key from Google API's Console | |
| define( 'API_ACCESS_KEY', 'YOUR-API-ACCESS-KEY-GOES-HERE' ); | |
| $registrationIds = array( $_GET['id'] ); | |
| // prep the bundle | |
| $msg = array |
| <?php | |
| /** | |
| * [list_searcheable_acf list all the custom fields we want to include in our search query] | |
| * @return [array] [list of custom fields] | |
| */ | |
| function list_searcheable_acf(){ | |
| $list_searcheable_acf = array("title", "sub_title", "excerpt_short", "excerpt_long", "xyz", "myACF"); | |
| return $list_searcheable_acf; | |
| } |
| <?php | |
| /** | |
| * WordPress Query Comprehensive Reference | |
| * Compiled by luetkemj - luetkemj.com | |
| * | |
| * CODEX: http://codex.wordpress.org/Class_Reference/WP_Query | |
| * Source: http://core.trac.wordpress.org/browser/tags/3.5.1/wp-includes/query.php | |
| */ | |
| $args = array( |
| <?php | |
| /** | |
| * Skip cart and redirect to direct checkout | |
| * | |
| * @package WooCommerce | |
| * @version 1.0.0 | |
| * @author Alessandro Benoit | |
| */ | |
| // Skip the cart and redirect to check out url when clicking on Add to cart |
| <?php | |
| // Trims the_content. In place of excerpt, this allows us to output line breaks and styling | |
| $post_content = get_the_content_with_formatting(); | |
| // Checks the string length, if under 500 chars... | |
| if (strlen($post_content) < 500){ | |
| // Outputs the whole post content | |
| print $post_content . '...'; | |
| }else{ | |
| // Output only 500 chars, but don't cut halfway through a word | |
| $post_trimmed = substr($post_content, 0, strpos($post_content, ' ', 500)); |
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] {
| // Add snippet to your functions.php file to add a second password field to the WooCommerce checkout page. | |
| add_action( 'woocommerce_checkout_init', 'wc_add_confirm_password_checkout', 10, 1 ); | |
| function wc_add_confirm_password_checkout( $checkout ) { | |
| if ( get_option( 'woocommerce_registration_generate_password' ) == 'no' ) { | |
| $checkout->checkout_fields['account']['account_password2'] = array( | |
| 'type' => 'password', | |
| 'label' => __( 'Confirm password', 'woocommerce' ), | |
| 'required' => true, | |
| 'placeholder' => _x( 'Confirm password', 'placeholder', 'woocommerce' ) | |
| ); |
| <html> | |
| <head> | |
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> | |
| <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> | |
| <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> | |
| <script> | |
| $(function() { | |
| $(".video").click(function () { | |
| var theModal = $(this).data("target"), | |
| videoSRC = $(this).attr("data-video"), |
| server { | |
| server_name [hostname]; | |
| listen 80; | |
| location / { | |
| proxy_pass http://localhost:[port]; | |
| proxy_set_header X-Forwarded-Host $http_host; | |
| proxy_set_header X-Forwarded-Proto $scheme; | |
| #proxy_set_header X-Real-IP $remote_addr; |