jareware

⇐ 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

dylanjha

<div id='nav'>
    <ul class='nav-list'>
        <li class='nav-item'><a href="javascript://">Home</a></li>
        <li class='nav-item'><a href="javascript://">There</a></li>
    </ul>
</div>
<div id='flash-container' class='flash-container'>
</div>
<div id='content'>
    Here is some content.

umidjons

Creating PDF thumbnails in PHP

Install Ghostscript

Download and install right version of ghostscript. In my case my PHP was x86 architecture, so I download Ghostscript 9.14 for Windows (32 bit).

Enable ImageMagick

graydon

# extracted from http//www.naturalearthdata.com/download/110m/cultural/ne_110m_admin_0_countries.zip
# under public domain terms

country_bounding_boxes = {
    'AF': ('Afghanistan', (60.5284298033, 29.318572496, 75.1580277851, 38.4862816432)),
    'AO': ('Angola', (11.6400960629, -17.9306364885, 24.0799052263, -4.43802336998)),
    'AL': ('Albania', (19.3044861183, 39.624997667, 21.0200403175, 42.6882473822)),
    'AE': ('United Arab Emirates', (51.5795186705, 22.4969475367, 56.3968473651, 26.055464179)),
    'AR': ('Argentina', (-73.4154357571, -55.25, -53.628348965, -21.8323104794)),
    'AM': ('Armenia', (43.5827458026, 38.7412014837, 46.5057198423, 41.2481285671)),

patelsan

#How you get Sail.js running on Openshift#

This instruction is tested with:

• Sails.js v0.9.16
• Node.js 0.10 on Openshift ( 05 May 2014)

###1) package.json

If you use the package.json build by sails new Projectname than you have to add a few fields for openshift – so the server can start you app automatically. Sails uses Grunt to build minify css/js and so on. Openshift dont have grunt installed so you have to add this also.

keopx

gunzip -c database.sql.gz | drush sqlc

btroncone

Comprehensive Introduction to @ngrx/store

By: @BTroncone

Also check out my lesson @ngrx/store in 10 minutes on egghead.io!

Update: Non-middleware examples have been updated to ngrx/store v2. More coming soon!

Table of Contents

gatlin

What is a lens?

Note: you can copy the file 2-lenses.js below over to repl.it and play along from home!

A lens in programming, much like a lens in the real world, allows you to focus in on a small part of a larger whole and then do something with or to

RTLer

Vue.component('child', {
    ready(){
        // send flash message
        this.$root.$broadcast('flashMessage',{
            text: 'Better check yourself, you\'re not looking too good.',
            type: 'warning',//optional
            important: false,//optional
            timeout: 5000//optional

        });

brianneisler

require('./module.js')               // { a: 1 }
import module from './module.js'     // undefined
import { a } from './module.js'      // 1

require('./module2.js')              // { default: { a: 1 }, b: 2 }
import module2 from './module2.js'   // { a: 1}
import { b } from './module2.js'     // 2
 
require('./module3.js')              // { default: { a: 1 }, b: 2 }