Search
10 Amazing Media Tricks Made Possibly by Cloudinary (Sponsored)
30.11.2020
Cloudinary is my go-to place for transforming and optimizing media before delivery. By simply modifying the URL of an image or video, you can customize its size, presentation, Instagram-like filtering, and various other aspects. I previously posted about the 10 excellent image tricks...
What I’m Thankful For: 2020
24.11.2020
My parents loathe when I use poor language but luckily they don’t read this blog so I’ll just be blunt: 2020 has been an absolute shit show. COVID-19 has been a world-wide source of devastation to lives, jobs, and our quality of life. That said, I’ve found myself feeling...
Use a Submit Button Outside of !
24.11.2020
Have you ever felt like you’ve been a professional developer or designer forever, and somehow not known something basic, and borderline hate yourself? That’s me with a trick that was introduced to me by Miguel Piedrafita: 🔥 You can submit forms from a button outside of the form...
Detect Generator Functions with JavaScript
23.11.2020
In the current JavaScript climate of new syntaxes, features, and using loads of external libraries, it seems harder than ever to be sure what your functions are being given or even what the data represents. Of course, we’ve come up with Flow and TypeScript to help, but we can’t count...
git: Remove Untracked Files
19.11.2020
I’ve always said that I know just enough about git to get the job done, but also do something destructive. Nothing embodies that more than my recent mistake. I somehow found a git repository full of untracked files and git stash wouldn’t fix it. Desperation led me to learning how...
grid-auto-flow : CSS Grid :: flex-direction : Flexbox
19.11.2020
When setting a parent element to display: flex, its child elements align left-to-right like this:
CodePen Embed Fallback
Now, one of the neat things we can do with flexbox is change the direction so that child elements are stacked vertically on top of each other in a column. We can do that with...
Node isConnected
13.11.2020
Every so often I discover a property in JavaScript objects that I didn’t know existed, oftentimes using another trick to accomplish the same functionality. One such property I just learned about was isConnected, a node property that attached to a context (i.e. document). Here’s how...
The Cleanest Trick for Autogrowing Textareas
11.11.2020
Earlier this year I wrote a bit about autogrowing textareas and inputs. The idea was to make a <textarea> more like a <div> so it expands in height as much as it needs to in order to contain the current value. It’s almost weird there isn’t a simple native solution...
Limit Promise Concurrency with pool
3.11.2020
Methods like Promise.all, Promise.allSettled, Promise.race, and the rest are really excellent for managing multiple Promises, allowing for our apps to embrace async and performance. There are times, however, that limiting the number of concurrent operations may be useful, like rate limiting...
Létající auto Liberty úspěšně prošlo testy a smí na evropské silnice a dálnice
30.10.2020
Nizozemská společnost PAL-V oznámila, že její létající automobil Liberty úspěšně absolvoval všechny zkoušky a bude tak moct jezdit po evropských silnicích i dálnicích.
Liberty, který je prezentován coby „první létající vůz na světě“, byl za účelem získání této certifikace od února podrobován
How Hacker News Crushed David Walsh Blog
28.10.2020
Earlier this month, David’s heartfelt posting about leaving Mozilla made the front page of Hacker News. Traffic increased by 800% to his already-busy website, which slowed and eventually failed under the pressure. Request Metrics monitors performance and uptime for David’s blog, and our metrics...
Detect Changed Files with git
26.10.2020
There are numerous reasons to want to know which files have been added or modified in a git repository, one of which is your text editor highlighting those files. Another use case is running tasks against only files which are presently changed, like lint or other validation routines. So how can...
cookieStore: Async Cookie API
20.10.2020
One pattern in the JavaScript API world that web development veterans will notice is that we’ve been creating new methods to accomplish what older, grosser APIs once achieved. XMLHttpRequest became the fetch API, some APIs like Battery became async, and there are dozens of other examples....
How to Prevent Pasting into an Input
19.10.2020
Every once in a while I get to a website that doesn’t allow me to paste into a form input. In most cases it’s something to do with login credentials (username and or password) and auth codes. So how are they preventing me from pasting information? It’s as easy as you’d...
How to Conditionally Add Attributes to Objects
16.10.2020
JavaScript is full of tricks that you don’t know you want until you … want … them. Or maybe just until you see them. One trick I recently realized was conditionally adding attributes to React elements. Of course this trick essentially boils down to conditionally adding properties...
Sports Data for Developers: SportdataAPI (Sponsored)
12.10.2020
Most of the side projects I consider starting revolve around sports, since I’m a huge sports fan. I spend my Saturdays watching soccer, Sundays spent watching soccer and NFL, and of course the mid-week Champions League and Europa League matches. One problem I’ve always had is not being...
39 Shirts – Leaving Mozilla
6.10.2020
In 2001 I had just graduated from a small town high school and headed off to a small town college. I found myself in the quaint computer lab where the substandard computers featured two browsers: Internet Explorer and Mozilla. It was this lab where I fell in love with Mozilla — a browser that...
Curate Custom Content with mediastack
6.10.2020
I used to have a personal aggregator of sites I enjoyed but maintaining it was a nightmare. I needed to grab each site’s RSS feed, categorize their contents, deal with errors and individual rate limits, etc. I had to tear the whole project down because it was a nightmare to manage. Fast...
How to Detect When a Sticky Element Gets Pinned
5.10.2020
The need for position: sticky was around for years before it was implemented natively, and I can boast that I implemented it with JavaScript and scroll events for ages. Eventually we got position: sticky, and it works well from a visual perspective, but I wondered how can we determine when...
[aktualita] Škoda Auto zařadila do osobních vozů zpravodajství ČTK
1.10.2020
Nový informační systém v osobních autech značky Škoda zobrazuje zpravodajství ČTK. Konkrétně jde o infotainment třetí generace v modelech Scala, Kamiq, Superb iV a vozech Superb, Karoq a Kodiaq modelového roku 2021. Uživatel má možnost si sám přidat až pět dalších zpravodajských kanálů dle vlastní...