Service Worker Cookbook serviceworke.rs Service Worker Cookbook I stumbled upon this site the other day from Mozilla that’s a collection of recipes to get started with a Service Worker — from caching strategies and notifications to providing an offline fallback to your users, this little cookbook has it all. You can also check out our guide to making...

Learning Gutenberg: Building Our Custom Card Block css-tricks.com Learning Gutenberg: Building Our Custom Card Block We’ve got some base knowledge, we’ve played with some React and now we’ve got our project tools set up. Let’s dive into building our custom block. Article Series: Series Introduction What is Gutenberg, Anyway? A Primer with create-guten-block Modern...

WDRL — Edition 229: Photo Grid, Chrome Security UX, Dark Themes with CSS and about Resumes wdrl.info WDRL — Edition 229: Photo Grid, Chrome Security UX, Dark Themes with CSS and about Resumes Hey, This week I was really not sure whether to send the newsletter or wait at least until the beginning of the week. But I think I shouldn’t hold the content I found just because of a new law called “GDPR” that forces a lot of companies to send a lot of emails regarding updated privacy...

Collective #418 feedproxy.google.com Collective #418 Dynamic Bézier Curves * Cool Backgrounds * Winds 2.0 * GDPR Hall of Shame * FacePause * Hello TensorFlow * Immersive Linear Algebra Collective #418 was written by Pedro Botelho and published on Codrops

Learning Gutenberg: Setting up a Custom webpack Config css-tricks.com Learning Gutenberg: Setting up a Custom webpack Config Gutenberg introduces the modern JavaScript stack into the WordPress ecosystem, which means some new tooling should be learned. Although tools like create-guten-block are incredibly useful, it’s also handy to know what’s going on under the hood. Article Series: Series Introduction ...

​High Performance Hosting with No Billing Surprises synd.co ​High Performance Hosting with No Billing Surprises (This is a sponsored post.) With DigitalOcean, you can spin up Droplet cloud servers with industry-leading price-performance and predictable costs. Our flexible configurations are sized for any application, and we save you up to 55% when compared to other cloud providers. Get started today. Receive...

Build Native Modals Using the Dialog Element scotch.io Build Native Modals Using the Dialog Element With release of HTML 5.2 comes the dialog element. The dialog element has been around for a while now but was an experimental technology. Previously, if we wanted to build a mo

Learning Gutenberg: React 101 css-tricks.com Learning Gutenberg: React 101 Although Gutenberg is put together with React, the code we’re writing to make custom blocks isn’t. It certainly resembles a React component though, so I think it’s useful to have a little play to get familiar with this sort of approach. There’s been a lot of reading in this series so far, so let’s...

Realtime Exchange Rates With Currencylayer scotch.io Realtime Exchange Rates With Currencylayer Ever wanted an accurate and reliable currency data that can be easily integrated into your business; be it CRM, ERP, accounting applications etc., built in any programming languages? Then say hello

Learning Gutenberg: Modern JavaScript Syntax css-tricks.com Learning Gutenberg: Modern JavaScript Syntax One of the key changes that Gutenberg brings to the WordPress ecosystem is a heavy reliance on JavaScript. Helpfully, the WordPress team have really pushed their JavaScript framework into the present and future by leveraging the modern JavaScript stack, which is commonly referred to as ES6 in...

Grid Layout with Motion Hover Effect and Content Preview feedproxy.google.com Grid Layout with Motion Hover Effect and Content Preview A retro-style grid layout with a playful motion hover effect on the grid items. When clicking on a grid item, a content preview opens. Grid Layout with Motion Hover Effect and Content Preview was written by Mary Lou and published on Codrops

Just a Couple’a Fun Typography Links css-tricks.com Just a Couple’a Fun Typography Links Marcin Wichary made an incredible demo exploring "segmented type" as in, the kind you might see on a display like a microwave, but scaling up in complexity from there. "Datalegreya is a typeface which can interweave data curves with text." Airbnb commissions their own new font, Cereal (complete...

Learning Gutenberg: A Primer with create-guten-block css-tricks.com Learning Gutenberg: A Primer with create-guten-block Welcome back! We’ve just taken a look at what Gutenberg is and how it operates from the admin side. Gutenberg is certainly going to have a massive impact on the WordPress world. If you are just arriving here and have no idea what we’re talking about, I recommend at least skimming Part 1 to make...

​Build live comments with sentiment analysis using Nest.js synd.co ​Build live comments with sentiment analysis using Nest.js (This is a sponsored post.) Interestingly, one of the most important areas of a blog post is the comment section. This plays an important role in the success of a post or an article, as it allows proper interaction and participation from readers. This makes it inevitable for every platform with...

Script & Style Show: Episode 10: Dojo davidwalsh.name Script & Style Show: Episode 10: Dojo In this episode: David and Todd welcome Dojo and JavaScript legend Dylan Schiemann and TypeScript and Dojo 2 superhero Nick Nisi.  We cover the early days of Dojo, the road to 2.0, and what’s in Dojo 2.0 and beyond.  Enjoy! The post Script & Style Show: Episode 10: Dojo appeared first...

Dark theme in a day medium.com Dark theme in a day Marcin Wichary has written a great piece that dives into how he used CSS Variables to create a night mode and high contrast theme in an app. There’s so many neat tricks about how to use CSS Variables (Chris has also looked at theming) as well as how to organize them (Andras Galante has...

Collective #417 feedproxy.google.com Collective #417 Segmented Type * Toybox * Strimpack * Lordicon * Daily CSS Design * Vuido * What if JavaScript wins? * Night Owl Collective #417 was written by Pedro Botelho and published on Codrops

Introduction To Koa - The Future of Express scotch.io Introduction To Koa - The Future of Express Express is one of the most popular Node.js frameworks out there. With about about 4+ million weekly downloads, Express has clearly made its mark in the world of

Learning Gutenberg: What is Gutenberg, Anyway? css-tricks.com Learning Gutenberg: What is Gutenberg, Anyway? Gutenberg is the new React-driven SPA editing experience in WordPress. Oh wait, a string of buzzwords doesn't count for a viable explanation of software? We’re going to unpack that string of buzzwords as we explain what Gutenberg is. Article Series: Series Introduction What...

Learning Gutenberg: Series Introduction css-tricks.com Learning Gutenberg: Series Introduction Hey CSS-Tricksters! 👋 We have a special long-form series we’re kicking off here totally dedicated to Gutenberg, a major change to the WordPress editor. I’ve invited a dynamic duo of authors to bring you this series, which will bring you up to speed on what Gutenberg is, what it can do...

Regain Disk Space from Homebrew davidwalsh.name Regain Disk Space from Homebrew One of my favorite utilities is Homebrew, the shell utility for installing and upgrading other utilities — it’s a lazy developer’s dream.  Dreams can easily turn to nightmares, however, and I recently learned that Homebrew caches older versions of installed packages, leading...

Foreword for CSS In Depth amzn.to Foreword for CSS In Depth Keith Grant recently released a brand new book on CSS: CSS in Depth. If you're looking for a book focused specifically on learning CSS, you've found it. I was happy to write the foreword for it, which I'll republish here. "A minute to learn... A lifetime to master." That phrase might feel...

Foreword for CSS In Depth css-tricks.com Foreword for CSS In Depth Keith Grant recently released a brand new book on CSS: CSS in Depth. If you're looking for a book focused specifically on learning CSS, you've found it. I was happy to write the foreword for it, which I'll republish here. "A minute to learn... A lifetime to master." That phrase might feel...

Get to Know React's New Context API scotch.io Get to Know React's New Context API In a world where there are lots of different front-end frameworks, it's always hard to know which one to pick. Do I want to use the ever popular Angular? Or would diving into VueJS be beneficial to

Unicode Patterns yuanchuan.name Unicode Patterns These Unicode patterns by Yuan Chuan are extraordinarily clever. It's a <css-doodle> custom web component that sets up a CSS grid and randomizes what character to drop into a cell and things, like color. See all their gorgeous work on CodePen and the very cool <css-doodle> website...

Custom List Number Styling css-tricks.com Custom List Number Styling How about a classic CSS trick! This isn't even so tricky anymore, since CSS has counter-increment and counter-reset and such that is perfect for this. I just wanted to make sure you knew how it works and had some easy-to-copy examples at the ready. Let's say all you wanna do is style the dang...

WDRL — Edition 228: Responsive CSS Tables, Progressive Enhancement And Free Product Design Principles wdrl.info WDRL — Edition 228: Responsive CSS Tables, Progressive Enhancement And Free Product Design Principles Hey, we often talk about performance and request browsers to render things faster. But when they finally do, we as developers use the chance to demand even more performance. Alex Russel from the Chrome team shared some thoughts on developer abuse of browser performance and explains why websites...

How Error Monitoring Helps You Find Bugs BEFORE Users Do scotch.io How Error Monitoring Helps You Find Bugs BEFORE Users Do One of the biggest distractions to any software team building web and mobile applications is the act of fixing up problems in previously written code. I'm willing to bet that your personal p

Tento web používá k poskytování služeb, zobrazení reklam a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace