I saw some JS filter setups, so naturally I had to see if I could make a CSS one. Pretty simple.
A Pen by Sam Gordon on CodePen.
Cristian Ferrari cristianferrarig
- htttp://www.cristianferrari.com
CodeMyUI
/ Pure CSS content filter.markdown
Last active
April 9, 2025 13:42
— forked from anonymous/Pure CSS content filter.markdown
Pure CSS content filter
This file contains hidden or 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"> | |
| (function (css_href) { | |
| "use strict"; | |
| // a simple event handler wrapper | |
| function on(el, ev, callback) { | |
| if (el.addEventListener) { | |
| el.addEventListener(ev, callback, false); | |
| } else if (el.attachEvent) { | |
| el.attachEvent("on" + ev, callback); |
hdragomir
/ sm-annotated.html
Last active
February 2, 2025 02:22
The deferred font loading logic for Smashing Magazine. http://www.smashingmagazine.com/
This file contains hidden or 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"> | |
| (function () { | |
| "use strict"; | |
| // once cached, the css file is stored on the client forever unless | |
| // the URL below is changed. Any change will invalidate the cache | |
| var css_href = './index_files/web-fonts.css'; | |
| // a simple event handler wrapper | |
| function on(el, ev, callback) { | |
| if (el.addEventListener) { | |
| el.addEventListener(ev, callback, false); |
This file contains hidden or 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
| git branch -m old_branch new_branch # Rename branch locally | |
| git push origin :old_branch # Delete the old branch | |
| git push --set-upstream origin new_branch # Push the new branch, set local branch to track the new remote |
bomberstudios
/ sketch-plugins.md
Last active
December 11, 2025 19:43
A list of Sketch plugins hosted at GitHub, in no particular order.
NOTE: the list has moved to https://github.com/sketchplugins/plugin-directory
A list of Sketch plugins hosted at GitHub, in no particular order.
- brandonbeecroft/Lorem-Ipsum-Plugin-for-Sketch This is a plugin for quickly creating Lorem Ipsum text in Sketch
- sebj/Sketch Templates and Plugins for Sketch by Bohemian Coding
- FredericJacobs/crop_Artboard A script to export the Sketch App artboards to the clipboard
- almonk/SketchGit A simple Git client built right into Sketch.
polarblau
/ extract_colors.rb
Last active
December 29, 2015 02:19
Extract all colors with Ruby from a stylesheet.
This file contains hidden or 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
| css = IO.read('application.css') | |
| # find all hex color values | |
| hex = css.scan(/#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})/).flatten.map(&:strip) | |
| # convert the short code colors into long versions | |
| hex.map! { |color| color.length == 3 ? (c = color.split('')).zip(c).join : color } | |
| # find all rgb and rgba color values | |
| rgb = css.scan(/(rgba?\(\d+,\s*\d+,\s*\d+(?:,\s*\d+(?:\.\d+)?)?\))/).flatten |
This file contains hidden or 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
| class CustomMarkdown < Middleman::Extension | |
| $markdown_options = { | |
| autolink: true, | |
| fenced_code_blocks: true, | |
| no_intra_emphasis: true, | |
| strikethrough: true, | |
| tables: true, | |
| hard_wrap: true, | |
| with_toc_data: true | |
| } |
adamico
/ simple_form_bootstrap.rb
Created
August 30, 2013 09:06
Twitter Bootstrap 3 initializer for Simple Form
This file contains hidden or 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
| # Use this setup block to configure all options available in SimpleForm. | |
| SimpleForm.setup do |config| | |
| # you need an updated simple_form gem for this to work, I'm referring to the git repo in my Gemfile | |
| config.input_class = "form-control" | |
| config.wrappers :bootstrap, tag: 'div', class: 'form-group', error_class: 'error' do |b| | |
| b.use :html5 | |
| b.use :placeholder | |
| b.use :label | |
| b.use :input |
Preparing for installation & installation.
- Follow the myHack guide to build an image on a USB drive.
- Download and add MultiBeast to the USB drive to add a library of post-install kexksts (e.g. for ethernet)
Post installation.
Add the following to /Extra/org.chameleon.Boot.plist:
polarblau
/ baseline.sass
Last active
December 19, 2015 04:59
Simple Sass helper for baseline grid value calculations.
This file contains hidden or 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
| // set base font size if not set | |
| // normalize.css standard value | |
| $base-font-size: 16px !default | |
| // define scope font size to make it available globally | |
| $__scope: $base-font-size | |
| @function relative($arguments) | |
| // ensure that the scope size is set | |
| $__scope: $base-font-size !default |
NewerOlder