Search
New ES2018 Features Every JavaScript Developer Should Know
9.1.2019
The ninth edition of the ECMAScript standard, officially known as ECMAScript 2018 (or ES2018 for short), was released in June 2018. Starting with ES2016, new versions of ECMAScript specifications are released yearly rather than every several years and add fewer features than major editions used...
Toggling Animations On and Off
9.1.2019
A nicely detailed tutorial by Kirupa that gets into how you might provide a UI with persisted options that control whether animations run or not.
The trick is custom properties that control the movement:
body {
--toggle: 0;
--playState: "paused";
}
Which are used within animations...
Styling a Web Component
8.1.2019
This confused me for a bit here so I'm writing it out while it's fresh in mind. Just because you're using a web component doesn't mean the styles of it are entirely isolated. You might have content within a web component that is styled normally along with the rest of your website. Like this:
See...
How To Learn CSS
8.1.2019
Outside of my extreme envy of the SEO they are going to get out of this, Rachel is spot on here. Learning CSS has some pillars, like language syntax, selectors, layout, and flow that, once learned, unlock your CSS merit badge.
What I would add is that if you really want to learn CSS, give yourself...
Sass Techniques from the Trenches
8.1.2019
Having been in the web development industry for more than 14 years, I’ve seen and written my fair share of good and bad CSS. When I began at Ramsey Solutions five years ago, I was introduced to Sass. It blew my mind how useful it was! I dove right in and wanted to learn everything I could about...
The 10,000 Year Clock Design Principals
8.1.2019
In the new year edition of the Clearleft newsletter, Jeremy Keith linked to the design principals Danny Hillis thought about while considering a clock that would work for 10,000 years.
Here's part of that page, satisfyingly displayed as a <dl>:
Longevity:
Go slow
Avoid sliding friction...
Spoják – týden první. To nejdůležitější z webového vývoje za minulý týden. Spojeno dohromady.
8.1.2019
Heslovitě: PHP updatuje. Retro Virtual Machine. Python Humble Bundle. Scratch 3.0. CSS Grid v IE. Flexbox v DevTools. Doom 3 jako WebAssembly. Awesome cheatsheets. unCAPTHA2. Python 3.7 ve Win Store. Google Fuchsia a Android apps. Orinoco z V8. RunJS. LowJS. AVA 1.0. DBCLI
Reader Mode: The Button to Beat
7.1.2019
As a young nerd, I loved to immerse myself in digital worlds, learning the ins and outs of the rules someone else had created for me (intentionally or not). But the older and crankier I get, the more I find myself losing patience when navigating these "delightful" experiences.
This fascination...
CoinMarketCap joins the ecosystem in Malta
7.1.2019
Malta, January 7th, 2019 – CoinMarketCap, the world’s most trusted and accurate source of data for the cryptocurrency market, is to join the office space at the Malta-based chiliZ Blockchain Campus. We aim to better localize and improve our product […]
The post CoinMarketCap joins...
The practical value of semantic HTML
7.1.2019
I love how Bruce steps up to the plate here:
If the importance of good HTML isn’t well-understood by the newer breed of JavaScript developers, then it’s my job as a DOWF (Dull Old Web Fart) to explain it.
Then he points out some very practical situations in which good HTML brings meaningful...
V čem nás čtete. Změřili jsme si vaše prohlížeče. ????
7.1.2019
Na čem si prohlíží web čeští ajťáci, vývojáři a webdesigneři? Můžeme to zkusit odhadnout podle Zdrojáku. A podívat se, jak se ten náš svět za poslední roky změnil
2018 Staff Favorites
4.1.2019
Last year, the team here at CSS-Tricks compiled a list of our favorite posts, trends, topics, and resources from around the world of front-end development. We had a blast doing it and found it to be a nice recap of the industry as we saw it over the course of the year. Well, we're doing it again...
The Most Hearted of 2018
4.1.2019
We've released the Most Hearted Pens, Posts, and Collections on CodePen for 2018! Just absolutely incredible work on here — it's well worth exploring.
Remember CodePen has a three-tiered hearting system, so while the number next to the heart reflects the number of users who hearted the item...
WordCamp US 2018
4.1.2019
I recently attended and had the chance to speak at WordCamp US 2018 in Nashville. I had a great time. I love conferences that bring people together around a tight theme because it's very likely you'll have something to talk about with every person there. Plus, I rather like WordPress and...
The Elements of UI Engineering
4.1.2019
I really enjoyed this post by Dan Abramov. He defines his work as a UI engineer and I especially like what he writes about his learning experience:
My biggest learning breakthroughs weren’t about a particular technology. Rather, I learned the most when I struggled to solve a particular UI problem....
Digital Gold: A Game-Changer for Traditional and Digital Currencies
4.1.2019
Disruption of the global monetary order Trust in currencies is vital for the global economy to function. In the past, when metal money was prevalent, people exchanged gold and silver coins because they were inherently valuable. By contrast, today’s paper […]
The post Digital Gold:...
Jak nejlépe spočítat faktoriál v JavaScriptu?
4.1.2019
Nedávná diskuse na Facebooku mě přiměla, abych toto téma prozkoumal do větších detailů, než mi umožňovaly tamní komentáře. Tato otázka totiž kupodivu nemá jednoduchou odpověď. Když o ní začnete více přemýšlet, ponoříte se do některých zajímavějších oblastí JavaScriptu, které možná ne všichni znají
Background Sync with Service Workers
3.1.2019
Service workers have been having a moment. In March 2018, iOS Safari began including service workers — so all major browsers at this point support offline options. And this is more important than ever — 20% of adults in the United States are without Internet at home, leaving these...
Multi-Line Inline Gradient
3.1.2019
Came across this thread:
CSS superfriends! Have you seen examples of how to do multi-line padded text like this article on @css (https://t.co/2j8p4jmaT4), but with a gradient that doesn't reset for each line? pic.twitter.com/MVPdAjxt1W
— Dan Mall (@danmall) December 3, 2018
My first...
Jetpack
3.1.2019
My favorite way to think about Jetpack is that it's a WordPress plugin that brings a whole heap of features to your site. I've documented the features that we use here on CSS-Tricks, which isn't even all of them (yet).
Some of Jetpack features are essentially connecting it to the powers...