# Anchor
click_link 'Save'
# Button
click_button 'awesome'
# Both above
Abdullah Norozi Iranzad wayferer
🧙♂️
depoulo
/ gist:5832073
Last active
January 3, 2025 15:23
CSS-only multi-line ellipsis with generated content.
License: http://www.wtfpl.net/txt/copying/
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
| @import "compass/css3/images"; | |
| // CSS-only multi-line ellipsis with generated content | |
| // yields `position:relative`, so remember to declare an eventual `position:absolute/fixed` *after* including this mixin | |
| @mixin limitLines( | |
| $maxLinesPortrait, // Mandatory: The number of lines after which the clipping should take action. | |
| $maxLinesLandscape: $maxLinesPortrait, // You may provide a different line limit for landscape orientation. | |
| // Note that 'portrait' is our default orientation. However, if you omit $maxLinesLandscape, | |
| // the value of $maxLinesPortrait is used for whatever orientation (that is, without a media query). |
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> | |
| <meta charset=utf-8 /> | |
| <title>JS Bin</title> | |
| </head> | |
| <body> | |
| <h2>Original CSS</h2> | |
| <style style="display: block; white-space: pre; font-family: monospace"> | |
| h2 { margin:0; } |
PaulKinlan
/ criticalcss-bookmarklet-devtool-snippet.js
Last active
March 12, 2025 01:22
CriticalCSS Bookmarklet and Devtool Snippet.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
| (function() { | |
| var CSSCriticalPath = function(w, d, opts) { | |
| var opt = opts || {}; | |
| var css = {}; | |
| var pushCSS = function(r) { | |
| if(!!css[r.selectorText] === false) css[r.selectorText] = {}; | |
| var styles = r.style.cssText.split(/;(?![A-Za-z0-9])/); | |
| for(var i = 0; i < styles.length; i++) { | |
| if(!!styles[i] === false) continue; | |
| var pair = styles[i].split(": "); |
brettz9
/ serialize.js
Last active
May 9, 2022 10:33
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
| /*jslint continue:true*/ | |
| /** | |
| * Adapted from {@link http://www.bulgaria-web-developers.com/projects/javascript/serialize/} | |
| * Changes: | |
| * Ensures proper URL encoding of name as well as value | |
| * Preserves element order | |
| * XHTML and JSLint-friendly | |
| * Disallows disabled form elements and reset buttons as per HTML4 [successful controls]{@link http://www.w3.org/TR/html401/interact/forms.html#h-17.13.2} | |
| * (as used in jQuery). Note: This does not serialize <object> | |
| * elements (even those without a declare attribute) or |
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
| /* Pre-Define HTML5 Elements in IE */ | |
| (function(){ var els = "source|address|article|aside|audio|canvas|command|datalist|details|dialog|figure|figcaption|footer|header|hgroup|keygen|mark|meter|menu|nav|picture|progress|ruby|section|time|video".split('|'); for(var i = 0; i < els.length; i++) { document.createElement(els[i]); } } )(); |
boye
/ disablesubmit.js
Last active
August 29, 2015 13:56
Simple snippet to disable submit buttons when submitting a form to prevent multiple submits. This is especially useful when the user is on a slow connection.
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 (d) { | |
| var f = d.getElementsByTagName('form'), | |
| i = f.length; | |
| while (i--) { | |
| f[i].addEventListener('submit', function () { | |
| this.querySelector('[type="submit"]').disabled = 1; | |
| }, false); | |
| } | |
| }(document)); |
wormeyman
/ OpenWithBrackets.bat
Last active
January 19, 2022 20:33
— forked from mrchief/LICENSE.md
Run as administrator, when you right click on a file or folder it gives you the option to open in brackets. When you are done close the cmd window.
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
| @echo off | |
| SET st2Path=C:\Program Files (x86)\Brackets\Brackets.exe | |
| rem add it for all file types | |
| @reg add "HKEY_CLASSES_ROOT\*\shell\Open with Brackets" /t REG_SZ /v "" /d "Open with Brackets" /f | |
| @reg add "HKEY_CLASSES_ROOT\*\shell\Open with Brackets" /t REG_EXPAND_SZ /v "Icon" /d "%st2Path%,0" /f | |
| @reg add "HKEY_CLASSES_ROOT\*\shell\Open with Brackets\command" /t REG_SZ /v "" /d "%st2Path% \"%%1\"" /f | |
| rem add it for folders | |
| @reg add "HKEY_CLASSES_ROOT\Folder\shell\Open with Brackets" /t REG_SZ /v "" /d "Open with Brackets" /f |
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
| stats = Sidekiq::Stats.new | |
| stats.queues | |
| stats.enqueued | |
| stats.processed | |
| stats.failed |
p3t3r67x0
/ pseudo_elements.md
Last active
May 15, 2025 19:21
A CSS pseudo-element is used to style specified parts of an element. In some cases you can style native HTML controls with vendor specific pseudo-elements. Here you will find an list of cross browser specific pseudo-element selectors.
Native HTML controls are a challenge to style. You can style any element in the web platform that uses Shadow DOM with a pseudo element ::pseudo-element or the /deep/ path selector.
video::webkit-media-controls-timeline {
background-color: lime;
}
video /deep/ input[type=range] {