A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.
One-line version to paste in your DevTools
Use $$ if your browser aliases it:
~ 108 byte version
dverbovyi
/ gulpfile.js
Last active
January 19, 2021 12:41
ES6 project with Gulp, Sass, Babel & Browserify
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * Created by Dmytro on 3/27/2016. | |
| */ | |
| var browserify = require('browserify'), | |
| gulp = require('gulp'), | |
| sourcemaps = require('gulp-sourcemaps'), | |
| sass = require('gulp-sass'), | |
| autoprefixer = require('gulp-autoprefixer'), | |
| source = require('vinyl-source-stream'), | |
| buffer = require('vinyl-buffer'), |
addyosmani
/ README.md
Last active
April 2, 2024 20:18
— forked from 140bytes/LICENSE.txt
108 byte CSS Layout Debugger
daveis
/ article-next-prev-titles-function.php
Created
September 20, 2014 15:21
Returns the prev/next article title while reading an article in Anchor CMS. Goes in your theme's functions.php file
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Return next and previous article titles | |
| function dg_article_previous_title() { | |
| $page = Registry::get('posts_page'); | |
| $query = Post::where('created', '<', Registry::prop('article', 'created')) | |
| ->where('status', '!=', 'draft'); | |
| if($query->count()) { | |
| $article = $query->sort('created', 'desc')->fetch(); | |
| $page = Registry::get('posts_page'); |
When hosting our web applications, we often have one public IP
address (i.e., an IP address visible to the outside world)
using which we want to host multiple web apps. For example, one
may wants to host three different web apps respectively for
example1.com, example2.com, and example1.com/images on
the same machine using a single IP address.
How can we do that? Well, the good news is Internet browsers
grandmanitou
/ gist:8863248
Created
February 7, 2014 14:10
Place multiple markers with infowindow on Google Maps API v3, use external links to trigger click and center map on desired location.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?language=fra&sensor=false"></script> | |
| <script type="text/javascript"> | |
| var map; | |
| var Markers = {}; | |
| var infowindow; | |
| var locations = [ | |
| [ | |
| 'Samsung Store Madeleine', | |
| '<strong>Samsung Store Madeleine</strong><p>5 Boulevard Malesherbes, 75008 Paris<br>10h – 20h</p>', | |
| 48.8701925, |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| angular.module('jobFoundryDirectives').directive 'spy', ($location) -> | |
| restrict: "A" | |
| require: "^scrollSpy" | |
| link: (scope, elem, attrs, scrollSpy) -> | |
| attrs.spyClass ?= "current" | |
| elem.click -> | |
| scope.$apply -> | |
| $location.hash(attrs.spy) |
glueckpress
/ px-rem-cheat-sheet.css
Created
May 26, 2013 16:17
Cheat sheet for rem-calculations based upon 14px and 16px.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*! = $rembase: 14px | |
| -------------------------------------------------------------- | |
| * hmtl { font-size: 87.5%; } | |
| * body { font-size: 14px; font-size: 1rem; line-height: 1; } | |
| * 4px 0.28571429rem | |
| * 8px 0.571428571rem | |
| * 12px 0.857142857rem | |
| * 13px 0.928571429rem | |
| * 14px 1rem | |
| * 16px 1.142857143rem |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <link rel="icon" sizes="32x32" href="path/to/your/image.png" /> <!-- Hi-res favicon --> | |
| <link rel="shortcut icon" type="image/x-icon" href="path/to/your/favicon.ico" /> <!-- Favicon fallback --> |
fcingolani
/ index.html
Created
August 9, 2012 02:16
How to render a full PDF using Mozilla's pdf.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <body> | |
| <!-- really dirty! this is just a test drive ;) --> | |
| <script type="text/javascript" src="https://raw.github.com/mozilla/pdf.js/gh-pages/build/pdf.js"></script> | |
| <script type="text/javascript"> | |
| function renderPDF(url, canvasContainer, options) { | |
| var options = options || { scale: 1 }; |
inlikealion
/ Dummy Text
Created
April 7, 2011 13:53
Dummy text provided by Matthew Smith of Squared Eye
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| This is dummy copy. It is not meant to be read. It has been placed here solely to demonstrate the look and feel of finished, typeset text. Only for show. He who searches for meaning here will be sorely disappointed. These words are here to provide the reader with a basic impression of how actual text will appear in its final presentation. Think of them merely as actors on a paper stage, in a performance devoid of content yet rich in form. That being the case, there is really no point in your continuing to read them. After all, you have many other things you should be doing. Who's paying you to waste this time, anyway? | |
| This is dummy copy. It's Greek to you. Unless, of course, you're Greek, in which case, it really makes no sense. Why, you can't even read it! It is strictly for mock-ups. You may mock it up as strictly as you wish. | |
| Meaningless mock-up, mock turtle soup spilled on a mock turtle neck. Mach I Convertible copy. To kill a mockingbird, you need only force it to read this copy. This is Meaningless |
NewerOlder