This is a comprehensive reference guide for creating high-quality web animations. Use this as a knowledge base for implementing animations in web applications. All principles, timing values, and easing functions provided here are production-tested and ready to use.
Nick nicholasnadel
uxderrick
/ ANIMATION-RESOURCES.md
Last active
May 1, 2026 14:01
Web Animation Best Practices & Guidelines - A comprehensive guide to creating great web animations
IanColdwater
/ twittermute.txt
Last active
August 13, 2026 20:21
Here are some terms to mute on Twitter to clean your timeline up a bit.
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
| Mute these words in your settings here: https://twitter.com/settings/muted_keywords | |
| ActivityTweet | |
| generic_activity_highlights | |
| generic_activity_momentsbreaking | |
| RankedOrganicTweet | |
| suggest_activity | |
| suggest_activity_feed | |
| suggest_activity_highlights | |
| suggest_activity_tweet |
olee
/ css-layout-hack.js
Last active
August 8, 2026 01:50
— forked from vcastroi/css-layout-hack.js
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
| // create a bookmark and use this code as the URL, you can now toggle the css on/off | |
| // thanks+credit: https://dev.to/gajus/my-favorite-css-hack-32g3 | |
| javascript: (function() { | |
| var styleEl = document.getElementById('css-layout-hack'); | |
| if (styleEl) { | |
| styleEl.remove(); | |
| return; | |
| } | |
| styleEl = document.createElement('style'); | |
| styleEl.id = 'css-layout-hack'; |
vcastroi
/ css-layout-hack.js
Last active
August 10, 2026 03:46
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
| // create a bookmark and use this code as the URL, you can now toggle the css on/off | |
| // thanks+credit: https://dev.to/gajus/my-favorite-css-hack-32g3 | |
| javascript: (function() { | |
| var elements = document.body.getElementsByTagName('*'); | |
| var items = []; | |
| for (var i = 0; i < elements.length; i++) { | |
| if (elements[i].innerHTML.indexOf('* { background:#000!important;color:#0f0!important;outline:solid #f00 1px!important; background-color: rgba(255,0,0,.2) !important; }') != -1) { | |
| items.push(elements[i]); | |
| } | |
| } |
stepney141
/ BookmarkAPI_en.md
Last active
December 10, 2025 02:53
(DEPRECATED) Twitter Undocumented Endpoints for Bookmark
Twitter has released the official API v2 endpoint for the bookmark feature. https://twittercommunity.com/t/build-with-bookmarks-on-the-twitter-api-v2/168804/
The following descriptions are or will soon be no longer useful; I suggest using the new official API.
rob0tca
/ batch_ocr.gs
Created
September 28, 2017 04:54
Google Apps script for performing OCR on all JPEGS found in the specified Drive folder. Extracts text to a Google sheet, where it's mapped to the JPEG's filename.
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
| function extractTextOnOpen() { | |
| //ADD YOUR VALUES BELOW | |
| var folderName = "[YOUR PROJECT FOLDER]"; | |
| var sheetId = "[YOUR SHEET ID]"; | |
| //Define folder | |
| var folder = DriveApp.getFoldersByName(folderName).next(); | |
| var folderId = folder.getId(); |
ℹ️ There is a newer alternative project that does similar things and more, check it out at https://github.com/stevenilsen123/mac-keyboard-behavior-in-windows
Make Windows PC's shortcut act like macOS (Mac OS X) (using AutoHotkey (ahk) script)
With this AutoHotKey script, you can use most macOS style shortcuts (eg, cmd+c, cmd+v, ...) on Windows with a standard PC keyboard.
jcubic
/ cross-domain.js
Last active
December 10, 2018 20:34
Cross domain ajax request without CORS using iframe and postMessage
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
| $.fn.crossDomainRequest = function(url, method, data, fn) { | |
| var self = this; | |
| var receiver = self.attr('src').replace(/\/.*$/, '').replace(/^https?::\/\//, ''); | |
| function get(event) { | |
| if (event.origin.match(receiver)) { | |
| // event.data is response from POST | |
| fn(event.data); | |
| } | |
| } | |
| if (window.addEventListener){ |
Twitter informed that a demo of Xanadu had launched, so I went to have a look. The demo only works in Firefox and it seems to be a cut down version of demos that I've seen Ted Nelson give in the past. But still: running code in the wild.
I met Ted Nelson once when we both spoke at an STM Innovations conference in 2006. I suspect he wouldn't have agreed with my much of my talk which looked at the web as a hypertext system and compared it with earlier approaches. My point of view was that we could bring those features back into the web by creating new services and by exploiting Javascript and web browsers to upgrade our experience of using the web. Evolution doesn't need to happen in a coordinated centralised way.
(When I say I met Ted Nelson, I meant that I shyly sat next to him at lunch while he expounded on various topics and fiddled with the tape recorder he was using to record all his conversations. So maybe, "met" isn't the right word (he won't
jedwood
/ belay-js-example.html
Created
February 14, 2014 00:14
Tiny helper for connecting two elements with SVG lines. Assumes jQuery (for now). Original by @johndilworth
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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>SVG Lines</title> | |
| <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> | |
| <script src="belay.js"></script> | |
| <link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"> | |
| <style> | |
| body{ |
NewerOlder