Skip to content

Instantly share code, notes, and snippets.

@midu
Last active August 29, 2015 13:56
Show Gist options
  • Save midu/9273627 to your computer and use it in GitHub Desktop.
Save midu/9273627 to your computer and use it in GitHub Desktop.

CSS Selectors

a page demonstrating how a bunch of CSS selectors work

Standards for developing flexible, durable, and sustainable HTML and CSS.

This site teaches the CSS fundamentals that are used in any website's layout.

similar: magic of css

SASS

The Sass Way covers the latest news and topics on handcrafting CSS with Sass and Compass.

CSS methodology

Testing

Tips & tricks & tools & misc

Responsive design

A simple guide to responsive design.

codepen talks about its resizable embeds

Patterns, resources and news for creating responsive web experiences.

Web components

Brick is a bundle of reusable UI components created to enable rapid development of cross-browser and mobile-friendly HTML5 web applications.

A Detailed Introduction To Custom Elements

HTML5

It's now not only possible to have multiple <h1> level headings per webpage that will make sense to search engines, but in most cases it's actually the recommended course.

Emails

Favicons

Accessibility

ECMASript

Object.observe is one of the newer additions to JavaScript that will be landing in Chrome soon. It lets you listen to changes on objects and their properties. I think it has many interesting applications and here are the few that I’m excited about the most.

Promises

Promises are very simple once you get your head around them, but there are a few gotchas that can leave you with your head scratching. Here are a few that got me.

JavaScript Promises – A Comparison Of Libraries

Many of us are using promises without really understanding them.

Ember.js

A rather extensive slide deck.

Games

the cream of the crop of HTML5 / JavaScript game engines - frameworks that are respected and maintained.

Scripts & libs

Lightweight fuzzy-search, in JavaScript.

  • TaggingsJS

  • quill.js a wysiwyg editor by salesforce

  • Content-Kit

  • at.js At.js, a github-like autocomplete library

  • Heatmap.js -- Dynamic Heatmaps for the Web

  • hello.js -- A Javascript RESTFUL API library for connecting with OAuth2 services, such as Google+ API, Facebook Graph and Windows Live Connect

  • Emoji codes -- Free open Emojis for the web by emojione

    • move.js -- small JavaScript library making CSS3 backed animation extremely simple and elegant.

Rspec

Better specs - styleguide/guidelines for writing specs with rspec like a boss

Tools & services

icons

Fonts

CSS

  • http://gridstylesheets.org/ /GSS reimagines CSS layout & replaces the browser’s layout engine with one that harnesses the Cassowary Constraint Solver — the same algorithm Apple uses to compute native layout./

2 factor authentication services

Docker

RabbitMQ

other

We keep referring to Metalsmith as a “static site generator”, but it’s a lot more than that. Since everything is a plugin, the core library is actually just an abstraction for manipulating a directory of files.

performance

  • speed curve speedcurve.com tracks performance (a la zoompf)
  • zoompf front end performance monitoring
  • sitespeed.io open source, self hosted, performance monitoring

SSL / Security / Encryption

  • https://letsencrypt.org/howitworks/ Anyone who has gone through the trouble of setting up a secure website knows what a hassle getting and maintaining a certificate can be. Let’s Encrypt automates away the pain and lets site operators turn on and manage HTTPS with simple commands.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment