Search
Lazy Object Initialization
17.2.2020
The Firefox DevTools underlying code, which is written with JavaScript and HTML, is a complex application. Due to the complexity and amount of work going on, the DevTools team has done everything they can to load as little as possible. Furthermore the team has a system of lazily importing...
Land Your Dream Job with Vettery (Sponsored)
17.2.2020
Whether you’re an experienced pro or someone new to the industry, finding a great job can be a scary, stressful process. Engineers and designers get inundated with Hacker Rank tests, portfolio requests, and a variety of other queries. Vettery improves the experience for free agents...
Override window.alert
11.2.2020
For years the only bit of feedback web developers could get was via alert("{str}") calls. These days we have the web console but, in rare cases, we don’t have a console and alert calls are our only window into a value at a given time. One problem: if an alert sneaks into production code, your...
German Economy in Risk of Recession Amid Weak Demand, Tariff Threat, and Epidemic
8.2.2020
Germany, the economic powerhouse of Europe, is facing renewed challenges that may soon push it towards recession. Falling industrial production and dwindling factory orders are the prime cause of concern. The negative results have been announced on the backdrop of weak demand from Eurozone...
Awesome Forward & Reverse Geocoding API: positionstack (Sponsored)
6.2.2020
One awesome web functionality we take for granted is geolocation. Based on geolocation data, we can get someone to their destination, provide them suggestions based on their location, and so on. One downside of native geolocation, especially in the browser, is that it’s limited in both input...
Git Branch Autocompletion
4.2.2020
Naming git branches is something most of us have down to a science. My branch naming pattern is usually {issue number}-short-feature-description, though many developers prefer to lead with the description and end with the issue. Regardless of the pattern you use, having a feature like autocomplete...
Don’t Invest in Bitcoin Code, Bitcoin Doubler or Bitcoin Trader – They Are All Scams
2.2.2020
Those new to crypto and with money signs in their eyes can easily be taken in by scams, and there are many, thanks to the decentralized nature of bitcoin and the lack of knowledge surrounding it for beginners. Promises of easy and incredible gains thanks to the guidance of some shadowy...
IP Geolocation and Threat Intelligence API: ipdata (Sponsored)
20.1.2020
An IP address is a simple, numeric piece of information that gets passed to a server, but that IP address can provide a wealth of information with ipdata. With ipdata you can learn user location, language, currency, and much more! Quick Hits ipdata is an IP Geolocation and Threat Intelligence API....
Hranice 500 km/h zřejmě padne. Koenigsegg připravuje nejrychlejší auto na silnice
19.1.2020
Automobilka Bugatti se během léta minulého roku pochlubila působivým rekordem, kdy s upraveným prototypem modelu Chiron dosáhla maximální rychlostí 304,773 mil v hodině (489,484 km/h). Bugatti se tak pyšnilo titulem výrobce nejrychlejšího silničního vozu světa, i když to bylo trochu
Už jsme zkusili s počítačem pracovat vestoje, ale co vleže? Jde to, ale řešení stojí víc než auto
17.1.2020
Na veletrhu CES, který probíhal minulý týden, vystavovala kalifornská firma Altwork svůj produkt Signature Station. Protože název tak úplně nevystihuje, oč přesně se jedná, prozradíme vám, že jde o kancelářské vybavení, umožňující práci v horizontální poloze.
Začněme tím, jak celý produkt
Animate Text on Scroll
13.1.2020
We covered the idea of animating curved text not long ago when a fun New York Times article came out. All I did was peek into how they did it and extract the relevant parts to a more isolated demo.
That demo is here:
See the Pen
Selfie Crawl by Chris Coyier (@chriscoyier)
...
CSS-Only Carousel
10.1.2020
It's kind of amazing how far HTML and CSS will take you when building a carousel/slideshow.
Setting some boxes in a horizontal row with flexbox is easy.
Showing only one box at a time with overflow and making it swipable with -webkit-overflow-scrolling is easy.
You can make the "slides" line...
Fantastic Flight API with aviationstack (Sponsored)
9.1.2020
I didn’t fly until I was 25 years of age — I was hopeless in knowing I had to be there early, the process of security, and the whole gate structure. Now that I’ve flown dozens of times for Mozilla, I feel much more comfortable with the process of flying, but feel less comfortable...
The Auto-Flowing Powers of Grid’s Dense Keyword
8.1.2020
Let's say we're working on the homepage of a news website. You're probably used to seeing some card-based content in a grid layout, right? Here's a classic example, The New York Times:
Yeah, something like that.
There are going to be some cards/elements/boxes/whatever that need to take up more...
[článek] Zajímavosti z CES 2020: Auto od Sony, rolovací televize i ohebný laptop
8.1.2020
[čtení do minuty] V Las Vegas se tradičně představuje možná budoucnost spotřební elektroniky. Co zajímavého se zatím na veletrhu CES 2020 objevilo? V Las Vegas se tradičně představuje možná budoucnost spotřební elektroniky. Co zajímavého se zatím na veletrhu CES 2020 objevilo?
How Auto Margins Work in Flexbox
6.1.2020
Robin has covered this before, but I've heard some confusion about it in the past few weeks and saw another person take a stab at explaining it, and I wanted to join the party.
Say you have a flex container with some flex items inside that don't fill the whole area.
See the Pen
ZEYLVEX...
Duplicated Argument Names
6.1.2020
Oftentimes we override or monkey patch functions and, in many cases, there are arguments we don’t care too much about. A common practice for those arguments is using _ for argument names — it’s a generally accepted and known practice for “this isn’t important”....
Validate CSP from Command Line
2.1.2020
The content security policy spec has been an amazing front-end security tool to help prevent XSS and other types of attacks. I’d go as far to say that every site should implement as specific CSP as possible. If you aren’t familiar with CSPs, here’s a quick example:...
Goals For 2020
30.12.2019
Every new year brings about a sense of optimism that the next 365 can bring about big, positive changes in different phases of life. That’s no exception for me and this blog. I did pretty well with last year’s goals, so I thought I’d push myself again with a new set of goals. Be...
Make a smooth shadow, friend.
19.12.2019
One box-shadow is cool and all, but check out Philipp Brumm's tool for building out comma-separated multiple box-shadows, which result in a much smoother and more natural look.
This reminds me very much of the idea for easing linear-gradient. In a gradient, this smoothing effect is handled...