ZaneDev zanedev

Star rating

JQuery + CSS code to make a simple rating widget based on Fontawesome. Nothing fancy but I don't want to figure out how to do it again.

Based on the example found here: http://css-tricks.com/star-ratings/ which unfortunately provides only CSS and no actual functionality.

See it on Plunker: https://plnkr.co/vptHYAnWHMbX2LfR6a02

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

⇐ 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

	/* bling.js */
	window.$ = document.querySelector.bind(document);
	window.$$ = document.querySelectorAll.bind(document);
	Node.prototype.on = window.on = function(name, fn) { this.addEventListener(name, fn); };
	NodeList.prototype.__proto__ = Array.prototype;
	NodeList.prototype.on = function(name, fn) { this.forEach((elem) => elem.on(name, fn)); };

	<?php
	namespace Application\Job;

	use Job as AbstractJob;
	use Concrete\Core\Workflow\Progress\PageProgress;
	use Concrete\Core\Workflow\EmptyWorkflow;

	class ClearEmptyWorkflowProgress extends AbstractJob
	{

	#!/bin/bash

	# Make sure you are up to date
	yum -y update && yum -y install wget

	# Install EPEL repository
	rpm -ivh http://dl.fedoraproject.org/pub/epel/6/x86_64/epel-release-6-8.noarch.rpm

	# Get us a clean working directory
	mkdir /php

	var flattenObject = function(ob) {
	var toReturn = {};

	for (var i in ob) {
	if (!ob.hasOwnProperty(i)) continue;

	if ((typeof ob[i]) == 'object') {
	var flatObject = flattenObject(ob[i]);
	for (var x in flatObject) {
	if (!flatObject.hasOwnProperty(x)) continue;

	<?php if ($showPagination): ?>
	<?php echo $pagination;?>
	<?php endif; ?>