amitabha ghosh amitabhaghosh197

##Sass Functions Cheat Sheet

RGB Functions
HSL Functions
Opacity Functions
Other Color Functions
List Functions
Map Functions
Selector Functions
String Functions

A curated list of AWS resources to prepare for the AWS Certifications

A curated list of awesome AWS resources you need to prepare for the all 5 AWS Certifications. This gist will include: open source repos, blogs & blogposts, ebooks, PDF, whitepapers, video courses, free lecture, slides, sample test and many other resources.

OP: @leonardofed founder @ plainflow.

Flexbox CSS Frameworks :

Bootstrap 4+ : http://blog.getbootstrap.com/2015/08/19/bootstrap-4-alpha/
pureCSS : http://purecss.io/
Foundation 6+ : http://foundation.zurb.com/
Flexboxgrid : http://flexboxgrid.com/
Ionic Framework : http://ionicframework.com
Scriptura : http://scriptura.github.io/Pages/GridLayout.html
Juiced : http://juicedcss.com/
KNACSS 4+ : http://knacss.com

⇐ back to the gist-blog at jrw.fi

Advanced SCSS

Or, 16 cool things you may not have known your stylesheets could do. I'd rather have kept it to a nice round number like 10, but they just kept coming. Sorry.

I've been using SCSS/SASS for most of my styling work since 2009, and I'm a huge fan of Compass (by the great @chriseppstein). It really helped many of us through the darkest cross-browser crap. Even though browsers are increasingly playing nice with CSS, another problem has become very topical: managing the complexity in stylesheets as our in-browser apps get larger and larger. SCSS is an indispensable tool for dealing with this.

This isn't an introduction to the language by a long shot; many things probably won't make sense unless you have some SCSS under your belt already. That said, if you're not yet comfy with the basics, check out the aweso

<?php

// Your functions.php content

function has_children() {
  global $post;
  
  $pages = get_pages('child_of=' . $post->ID);

	// _decimal.scss \| MIT License \| gist.github.com/terkel/4373420

	// Round a number to specified digits.
	//
	// @param {Number} $number A number to round
	// @param {Number} [$digits:0] Digits to output
	// @param {String} [$mode:round] (round\|ceil\|floor) How to round a number
	// @return {Number} A rounded number
	// @example
	// decimal-round(0.333) => 0

	<picture>
	<source
	media="(min-width: 1280px)"
	sizes="50vw"
	srcset="opera-fullshot-200.webp 200w,
	opera-fullshot-400.webp 400w,
	opera-fullshot-800.webp 800w,
	opera-fullshot-1200.webp 1200w,
	opera-fullshot-1600.webp 1600w,
	opera-fullshot-2000.webp 2000w"

	/*
	Based on:
	1. http://stephen.io/mediaqueries
	2. https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
	*/

	/* iPhone 6 in portrait & landscape */
	@media only screen
	and (min-device-width : 375px)
	and (max-device-width : 667px) {

	//Add a stylesheet after default style.css
	wp_enqueue_style( 'my-css', get_template_directory_uri() . 'my-css.css', array('themename-style'));

	//WooCommerce - Sort products by SKU
	add_filter('woocommerce_get_catalog_ordering_args', 'custom_woocommerce_catalog_orderby');
	function custom_woocommerce_catalog_orderby( $args ) {
	$args['meta_key'] = '_sku';
	$args['orderby'] = 'meta_value';
	$args['order'] = 'asc';
	return $args;

	//Add a stylesheet after default style.css
	wp_enqueue_style( 'my-css', get_template_directory_uri() . 'my-css.css', array('themename-style'));

	//WooCommerce - Sort products by SKU
	add_filter('woocommerce_get_catalog_ordering_args', 'custom_woocommerce_catalog_orderby');
	function custom_woocommerce_catalog_orderby( $args ) {
	$args['meta_key'] = '_sku';
	$args['orderby'] = 'meta_value';
	$args['order'] = 'asc';
	return $args;