Picture

MiniScripts @miniscripts

Bite-sized scripts for everyday use. Tweets will largely cover front-end development technologies: HTML, CSS, and JavaScript. Managed by @jonathansampson Joined January 2014
  • Tweets
    95
  • Followers
    308
  • Following
    1
  • Likes
    1
MiniScripts retweeted
rauschma Profile Picture

Axel Rauschmayer (also on 🦣) @rauschma

5 years ago

function shallowEqual(obj1, obj2) { const keys1 = Object.keys(obj1); if (keys1.length !== Object.keys(obj2).length) return false; for (const k1 of keys1) { if (! (k1 in obj2)) return false; if (obj1[k1] !== obj2[k1]) return false; } return true; }

MiniScripts retweeted
anatudor Profile Picture

Ana Tudor 🐯🖤🌻 @anatudor

6 years ago

HEX to RGB in a tweet let hex = '#​c71585'; let rgb = `rgb(${hex.match(/[0-9a-f]{2}/gi).map(c => parseInt(c, 16)).join()})`; #js

miniscripts Profile Picture

MiniScripts @miniscripts

8 years ago

Both Alt and Ctrl keys on your keyboard produce character 65, so how can you tell which is which? The KeyboardEvent.location property tells you the location of the key on your keyboard: 1 means left, and 2 means right (0 for keys with no ambiguity).

miniscripts Profile Picture

MiniScripts @miniscripts

8 years ago

Need to pad your strings? Now you can with padStart and padEnd. You can even provide a pad character: › "Hello".padStart(10) ‹ " Hello" › "Hello".padEnd(10) ‹ "Hello " › "Hello".padEnd(10, ".") ‹ "Hello....."

MiniScripts retweeted
BraveSampson Profile Picture

Sampson @BraveSampson

9 years ago

Now in @brave: Search GitHub, MDN, Stack Overflow from the address bar: :gh brave :m spread :s reactjs {'🦁':'Developers'.repeat(3)+'!'}

miniscripts Profile Picture

MiniScripts @miniscripts

9 years ago

Curious which version of http-server you have installed? Easy! Run from project directory w/o -g for local modules. npm list http-server -g

miniscripts Profile Picture

MiniScripts @miniscripts

9 years ago

Speak to me, Browser. var a = "Hello, friend."; speechSynthesis.speak( new SpeechSynthesisUtterance(a) ); Edge 14, Firefox 49, Chrome 33

miniscripts Profile Picture

MiniScripts @miniscripts

9 years ago

Notification.requestPermission().then( p => p[0] == "g" && new Notification( "Smile", { icon: "ico.png", body: "🙂" } ) ); #Notifications

MiniScripts retweeted
ericelliott_ Profile Picture

Eric Elliott @ericelliott_

9 years ago

ES6 array of numbers: const range = (start, end) => ( Array.from({ length: end - start + 1 }, (x, i) => i + start) ); #JavaScript #es6

miniscripts Profile Picture

MiniScripts @miniscripts

9 years ago

Chaining handlebars Helpers: {{ encodeURI ( join values '|' ) }}

miniscripts Profile Picture

MiniScripts @miniscripts

10 years ago

The window.getComputedStyle method works for both elements, and pseudo elements: getComputedStyle( el ) getComputedStyle( el, "::before" );

miniscripts Profile Picture

MiniScripts @miniscripts

10 years ago

let debounce; win.addEventListener('scroll', () => { clearTimeout(debounce); debounce = setTimeout( () => { /*logic*/ }, 100); });

MiniScripts retweeted
jonathansampson Profile Picture

Sampson @jonathansampson

10 years ago

Unicode code point escape syntax, recently added in JavaScript 2015, also found its way into PHP 7. This makes me very happy. \u{2661} ♡

miniscripts Profile Picture

MiniScripts @miniscripts

10 years ago

An option element's end tag may be omitted if the element is followed by another option, optgroup, or no more content in the parent element.

miniscripts Profile Picture

MiniScripts @miniscripts

10 years ago

4.10.8 The datalist element <input list="fam"> <datalist id="fam"> <option>Luke <option>Vader </datalist>

miniscripts Profile Picture

MiniScripts @miniscripts

10 years ago

Trying to convert RGB values to HEX? You can do so quickly in the console of your @f12devtools: 185..toString(16); // b9

miniscripts Profile Picture

MiniScripts @miniscripts

10 years ago

When gradients are leveraged as solid background images, the angle value can be omitted. linear-gradient( blue, blue );

miniscripts Profile Picture

MiniScripts @miniscripts

10 years ago

Angles can be "deg" (360 in a circle), "grad" (400 in a circle), "rad" (2π in a circle), or "turn" (1 in a circle). w3.org/TR/css3-values…

miniscripts Profile Picture

MiniScripts @miniscripts

10 years ago

Planning on using linear-gradient? While Chrome and Edge implicitly understand 0 to mean 0deg, Firefox and IE do not. Don't cut corners.

Trends for United States

$GAS
4.446 posts
Supreme Court
149 B posts
SCOTUS
38,7 B posts
#666X
Bears
43,6 B posts
Vikings
26,5 B posts
Operation Midway Blitz
12 B posts
Soldier Field
1.469 posts
Banksy
89,8 B posts
Arlington Heights
Jean Carroll
44,5 B posts
JavaScript
13,9 B posts
#Skol
3.607 posts
Epstein Estate
15,1 B posts
Iryna Zarutska
448 B posts
Macron
210 B posts
Monday Night Football
5.534 posts
Ledger
23,4 B posts
Michael Caine
1.905 posts
House Oversight Committee
5.772 posts

You might like

✝️ 👨‍👩‍👧‍👦 🐶 👨‍💻 🎥 🖊 ☕️ 🏊 🛵 🔗 https://t.co/achShA25Pw 🦣 https://t.co/Y8OpFU2tRZ 🦋 https://t.co/VxcKSX4PDZ
Elijah Manor
@elijahmanor
41K Followers
Twitter Threads and Walk-throughs | Building the easiest to read Artificial Intelligence Email Newsletter FryAI
Ryan Lazuka
@lazukars
29K Followers
Graphics/games/low level programming. Created https://t.co/8vlhOlfcTi. Former Apple engineer.
Daniel Hooper
@DanielcHooper
9K Followers
I'm a terrible artist, but an excellent thief. 🏳️‍🌈 He/him https://t.co/hI9KElMc3k
Dylan Staley
@dstaley
657 Followers
Senior intelligence and cybersecurity operations leader. EVP of Intelligence @ Unit129. Senior Adjunct Technical Advisor @ IST RTF. Advisory Council @ ICMEC.
Adam Flatley
@FlatleyAdam
529 Followers
Tweets mostly in pt-br 🇧🇷.
Miguel
@_miguelteixeira
50 Followers