Put flip somewhere in your $PATH and chmod a+x it.
Copy fuck into ~/.bashrc.
remy
/ crud-removal.css
Last active
August 21, 2023 14:46
A user style sheet to remove crud from twitter
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
| /* ==UserStyle== | |
| @name twitter.com - 24/07/2023, 22:01:46 | |
| @namespace github.com/openstyles/stylus | |
| @version 1.0.1 | |
| @description Remove all the crud from twitter | |
| @author Remy Sharp | |
| ==/UserStyle== */ | |
| @-moz-document domain("twitter.com") { | |
| h1 a[aria-label="Twitter"] svg, /* stupid new logo */ |
Integralist
/ Description.md
Last active
April 25, 2020 16:20
This is how BBC News currently implements it's Image Enhancer for responsive images. Note: this is a completely rebuilt version of the code so the BBC's original source code doesn't actually look anything like the below example.
The BBC has a server-side image service which provides developers with multiple sized versions of any image they request. It works in a similar fashion to http://placehold.it/ but it also handles the image ratios returned (where as placehold.it doesn't).
The original BBC News process (and my re-working of the script) follows roughly these steps...
- Create new instance of ImageEnhancer
- Change any
divs within the page (which have a class ofdelayed-image-load) into a transparent GIF using a Base64 encoded string.- We set the
width&heightHTML attributes of the image to the required size - We know what size the image needs to be because each
divhas customdata-attrset server-side to the size of the image - We then set a class of
image-replaceonto each newly created transparent image
- We set the
- We use a 250ms
setTimeoutto unblock the UI thread and which calls a functionresizeImageswhich enhances theimage-replaceimages so their source is now set to a URL whe
stevesouders
/ activetable.js
Last active
December 30, 2024 05:11
ActiveTable is a bookmarklet that makes any table sortable. It also allows you to remove columns, and it remembers the removed columns for next time. Use alt+click to UNhide all columns (and clear memory). To use it, create a bookmark called "ActiveTable" that has this URL: javascript:(function(){ var jselem=document.createElement('SCRIPT'); jse…
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
| // ActiveTable - a bookmarklet to make tables sortable and editable | |
| function init() { | |
| var aHrows = getHrows(); | |
| var numHrows = aHrows.length; | |
| var aHidden = getHiddenColumns(); | |
| ATpopup = document.createElement("div"); | |
| ATpopup.style.cssText = "position: absolute; visibility: hidden; padding: 0; font-family: Arial; background-color: rgba(255, 255, 255, 0.9); border-radius: .5em; text-align: center; box-shadow: .05em .05em .5em #00C;"; | |
| ATpopup.innerHTML = "<a href='sort' title='sort' onclick='sortColumn(); return false'><img border=0 src='http://stevesouders.com/images/sort_up_down.png' style='padding-top: 0.2em;'></a><br><a href='hide' style='color: #C00; font-family: monospace; font-size: 1.5em; text-decoration: none;' title='hide' onclick='hideColumn(); return false'>x</a>"; // TODO - use protocol-less URL for img |
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
| gifify() { | |
| if [[ -n "$1" ]]; then | |
| if [[ $2 == '--good' ]]; then | |
| ffmpeg -i $1 -r 10 -vcodec png out-static-%05d.png | |
| time convert -verbose +dither -layers Optimize -resize 600x600\> out-static*.png GIF:- | gifsicle --colors 128 --delay=5 --loop --optimize=3 --multifile - > $1.gif | |
| rm out-static*.png | |
| else | |
| ffmpeg -i $1 -s 600x400 -pix_fmt rgb24 -r 10 -f gif - | gifsicle --optimize=3 --delay=3 > $1.gif | |
| fi | |
| else |
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
| <html> | |
| <head> | |
| <script src="http://d3js.org/d3.v3.min.js"></script> | |
| <script src="http://code.jquery.com/jquery-1.9.0.min.js"></script></script> | |
| <style type='text/css'> | |
| svg {font: 12px sans-serif;} | |
| .IndexBox {fill: #DDDDDD;stroke: #FFFFFF;} |
meyerweb
/ US Custom.keylayout.xml
Last active
December 11, 2015 02:28
An OS X US keyboard layout file with some customizations (created using Ukelele running on Snow Leopard, if that matters).
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
| <?xml version="1.0" encoding="UTF-8"?> | |
| <!DOCTYPE keyboard PUBLIC "" "file://localhost/System/Library/DTDs/KeyboardLayout.dtd"> | |
| <!--Last edited by Ukelele version 2.1.10 on 2012-07-12 at 12:43 (EDT)--> | |
| <!-- | |
| An OS X US keyboard layout file with the following customizations: | |
| * Option-. ONE DOT LEADER ( ․ ) | |
| * Option-h UPWARDS WHITE ARROW ( ⇧ ) | |
| * Option-j UP ARROWHEAD ( ⌃ ) | |
| * Option-k OPTION KEY ( ⌥ ) |
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
| @media only screen and (min-width: 320px) { | |
| /* Small screen, non-retina */ | |
| } | |
| @media | |
| only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), | |
| only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 320px), | |
| only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 320px), |
leostratus
/ webkit-pseudo-elements.md
Created
September 21, 2012 01:44
Webkit Pseudo-Element Selectors (Shadow DOM Elements)
An ongoing project to catalogue all of these sneaky, hidden, bleeding edge selectors as I prepare my JSConf EU 2012 talk.
Everything is broken up by tag, but within each the selectors aren't particularly ordered.
I have not tested/verified all of these. Have I missed some or got it wrong? Let me know. - A
A friendly reminder that you may need to set this property on your target/selected element to get the styling results you want:
-webkit-appearance:none;
romanr
/ mpnml
Created
July 27, 2012 16:20
— forked from holms/mpnml
Mysql, Php-fpm, Nginx on OSX Mountain Lion
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
| sudo port -v install mysql5-server | |
| sudo -u _mysql mysql_install_db5 | |
| # if above command produce this error: ERROR: 1004 Can't create file '/var/tmp/#sqle967_1_0.frm' (errno: 9) | |
| # do this: | |
| # sudo chown -R mysql:mysql /opt/local/var/db/mysql5 | |
| # sudo chmod u+rwx,go= /opt/local/var/db/mysql5 | |
| # sudo /opt/local/lib/mysql5/bin/mysql_install_db --user=mysql | |
NewerOlder