...
0
Cover
Which Projects Need React? All Of Them!

When does a project need React? That's the question Chris Coyier addressed in a recent blog post. I'm a big fan of Chris' writing, so I was curious to…

0
Cover
React Sketch.app

The "normal" workflow I'm sure we've all lived is that design happens, then coding happens. A healthy workflow has back-and-forth between everyone involved…

0
Cover
WebGL Scroll Spiral

Today we want to show you some shader art made with WebGL. The idea is to create a decorative background effect by twisting images and hexagonal grid patterns…

0
Cover
Now that CSS Custom Properties are a Thing, All Value Parts Can Be Changed Individually

In CSS, some properties have shorthand. One property that takes separated values. Syntactic sugar, as they say, to make authoring easier. Take transition…

0
Cover
PWA Directory

The other day I was watching an interview with Ade Oshineye where he discussed his work on the PWA Directory at Google, a showcase of progressive web apps…

0
Cover
The Many Tools for Shape Morphing

To no one's surprise, I'm sure, there are lots of different ways to do the same thing on the web. Shape morphing, being a thing on the web, is no different…

0
Cover
Выпуск №65

Firefox, Safari, Chrome, асинхронность и ES, PhantomJS всё, спор о веб-компонентах и магические зависимости. — Виталий Слободин — Вадим Макеев — Алексей…

0
Cover
Collective #308

Inspirational Website of the Week: Carbon Beauty Interesting scroll action with some nice, exemplary reveal animations. Our pick this week. Get inspired…

0
Cover
Think you know the top web browsers?

If I had to blindly guess about global marketshare, I would have gotten it wrong. I probably would have forgotten about UC browser (kind of the point of…

0
Cover
Persistence Has a Weird Way of Getting Things Done

I like to think of myself as having a decent amount of persistence. But of course, life is complicated. Sometimes I have it and sometimes I don't. I have…

0
Cover
Firefox 53 (+)

В апрельском выпуске свободного веб-браузера Firefox: сброс обтекания с помощью display: flow-root; поддержка прозрачности в WebM-видео; прекращение поддержки…

0
Cover
Legally Binding Electronic Signatures with eversign

There are few things more obnoxiously tedious than being asked to sign a document over email, where they tell you to print it, sign it, scan it, and email…

0
Cover
The Power of Custom Directives in Vue

When you're initially learning a JavaScript framework, it feels a little like being a kid in a candy store. You take in everything available to you, and…

0
Cover
When Does a Project Need React?

You know when a project needs HTML and CSS, because it's all of them. When you reach for JavaScript is fairly clear: when you need interactivity or some…

0
Cover
Total HTML Agnosticism

A couple of good posts on technology agnosticism lately. Brad Frost says the design system itself is higher level than any particular technology: …

0
Cover
The Can-Do’s of CodePen Projects

We just recently launched Projects, the latest big feature over on CodePen. It's quite a bit different than the Pen Editor, so let's take a look at all…

0
Cover
A Vue.js introduction for people who know just enough jQuery to get by

Matt Rothenberg with a Vue.js tutorial playing off Shu Uesugi's 2015 article React.js Introduction For People Who Know Just Enough jQuery To Get By. Matt…

0
Cover
Collective #307

Learning AI if You Suck at Math Daniel Jeffries’ seventh part of a very insightful series of articles on learning AI. This one is about the “Magic of…

0
Cover
Связывание текстового редактора с Git

При редактировании сообщений комита Git по умолчанию открывает Vim. Для тех кто с ним не знаком, это может стать серьезной проблемой. Хорошо что это поведение…

0
Cover
Between the Lines

Media queries are great for changing values in sudden snaps at different screen sizes. But, combining the power of calc() and viewport units like vw and…

0
Cover
Developer/Designer Page Layout Concept

View demo Download source Today we’d like to share a simple page layout concept with you. The theme of the page is a developer/designer portfolio where…

0
Cover
Focusing a `background-image` on a Precise Location with Percentages

Let's say you have an element with a background-image, where only part of the image is visible, because the image is bigger than the element itself. The…

0
Cover
Выпуск №64

События, Edge 15, доступный туду-лист и много болтаем с Вадимом Макишвили. — Вадим Макишвили — Вадим Макеев — Алексей Симоненко Обсуждайте в Слаке — https…

0
Cover
Photicular

I was on vacation this past week and at some little beach gift shop they were selling this really cool big thick book called Ocean: A Photicular Book.…

0
Cover
Collective #306

Inspirational Website of the Week: ueno.store An impeccable design with lovely details and perfect transitions. Our pick this week. Get inspired …

0
Cover
ES6 modules support lands in browsers: is it time to rethink bundling?

Modules, as in, this kind of syntax right in JavaScript: import { myCounter, someOtherThing } from 'utilities'; Which we'd normally use Webpack to bundle…

0
Cover
Smooth Scrolling and Accessibility

Smooth scrolling (the animated change of position within the viewport from the originating link to the destination anchor) can be a nice interaction detail…

0
Cover
OLED-монитор Dell UP3017Q в продаже (+)

Долгожданный компьютерный OLED-монитор Dell UP3017Q с разрешением 4K (3840×2160) и диагональю экрана 76,19 см (30″) доступен для заказа на официальном…

0
Cover
Dealing with Spacing in Compiled Markdown Articles

Good thinking and exploration by Sebastian Eberlein. I'm a firm believer that you're doing yourself a favor if you blog in Markdown, because it gives you…

0
Cover
Come Learn and Take In Big Ideas at An Event Apart

I'm just back from An Event Apart Seattle, and it was fantastic. High five to y'all I got to run into there. Lots of big moments happen at An Event Apart…

0
Cover
Sketch Now Replicates Inside & Outside Stroke Alignment

I was just bemoaning strokes the other week: And that's the trouble with text-stroke in CSS: you have no choice. It's center-aligned stroke only. Either…

0
Cover
Collective #305

Griddy Griddy is a new tool for learning CSS Grid. Made by Drew Minns. Check it out A Comprehensive Guide To HTTP/2 Server Push Jeremy Wagner…

0
Cover
Brotli and Static Compression

Content compression can be as simple as flipping a switch, but there's a lot to consider beyond that. We pretty well know what we need to compress, but…

0
Cover
Say You Need a Persistent Data Store Entirely on the Client-Side

You got your localStorage. You got your IndexedDB. Those are both client side and capable of storing data, but they are limited to a single browser. I…

0
Cover
Papercons

Bobby Grace, on the Dropbox Paper team: On the engineering side, we use inline SVGs. These have many advantages. One advantage is that SVG is a well…

0
Cover
Debugging Tips and Tricks

Writing code is only one small piece of being a developer. In order to be efficient and capable at our jobs, we must also excel at debugging. When I dedicate…

0
Cover
Strangers in the Woods Together

In the latest episode of ShopTalk, Robyn Kanner told a story of interviewing for a UX job that stuck with me. They asked her to create a social app…

0
Cover
Inspiration for Grid Loading Animations

View demo Download source Today we’d like to share a set of simple, inspirational loading animations for grid items with you. The idea is to show some…

0
Cover
Let’s Define Exactly What Atomic CSS is

As Atomic CSS (also known as Functional CSS) has been gaining in popularity, some confusion has occurred about similar related terms. The goal of this…

0
Cover
Fabrica Dev Kit

Fabrica Dev Kit is a toolkit for WordPress development. You... Clone a GitHub Repo Configure your WordPress project (settings, plugins, etc) through a…