...
0
Cover
Creating Cue Files from Markdown

Pretty specific, huh? While we're going to do exactly what the title says, this post is more about a learning exercise and an example of getting help on…

0
Cover
Еженедельная подборка красивых эффектов на CSS/SVG/JS #66

Подборка свежих эффектов, интересных идей и полезных наработок. Праздничная анимация Технологии: CSS, CSS-гриды, particles.js. Автор: Триша…

0
Cover
From Local Server to Live Site

(This is a sponsored post.) With the right tools and some simple software, your WordPress development workflow can be downright delightful (instead of…

0
Cover
Accessibility Testing Tools

There is a sentiment that accessibility isn't a checklist, meaning that if you're really trying to make a site accessible, you don't just get to check…

0
Cover
ABEM. A more useful adaptation of BEM.

BEM (Block Element Modifier) is a popular CSS class naming convention that makes CSS easier to maintain. This article assumes that you are already familiar…

0
Cover
Collective #374

Our Sponsor ProjectHuddle: Live Feedback On Your Web Project A revolutionary WordPress plugin to gather client feedback directly on top of your web project…

0
Cover
Keeping Parent Visible While Child in :focus

Say we have a <div>. We only want this div to be visible when it's hovered, so: div:hover { opacity: 1; } We need focus styles as well, for…

0
Cover
3D Particle Explorations

This set of demos explores 3D particle animations using three.js and easing. All of the particles and shapes in these demos are made from basic geometry…

0
Cover
Новая политика WHATWG: шаг к единому стандарту HTML?

11 декабря рабочая группа WHATWG объявила о важных изменениях в своей работе. С этого момента у WHATWG есть своя патентная политика, во многом схожая с…

0
Cover
Why React Native Makes You a Better Developer?

Initiated as a tool to build cross-platform applications and transpired as one of the most potential open source technology frameworks, React Native mainly…

0
Cover
How Would You Solve This Rendering Puzzle In React?

Welcome, React aficionados and amateurs like myself! I have a puzzle for you today. Let’s say that you wanted to render out a list of items in a 2 column…

0
Cover
Evolution of img: Gif without the GIF

Colin Bendell writes about a new and particularly weird addition to Safari Technology Preview in this excellent post about the evolution of animated images…

0
Cover
Collective #373

Inspirational Website of the Week: TAO TAJIMA In incredible web experience with surreal effects. Our pick this week. Get inspired This content…

0
Cover
Calendar with CSS Grid

Here’s a nifty post by Jonathan Snook where he walks us through how to make a calendar interface with CSS Grid and there’s a lot of tricks in here that…

0
Cover
An Open Source Etiquette Guidebook

Open source software is thriving. Large corporations are building on software that rests on open collaboration, enjoying the many benefits of significant…

0
Cover
Еженедельная подборка красивых эффектов на CSS/SVG/JS #65

Подборка свежих эффектов, интересных идей и полезных наработок. Эффект 3D-печати Технологии: CSS, Three.js, GreenSock.js. Автор: Shaw (@shshaw…

0
Cover
Slate’s URLs Are Getting a Makeover

Greg Lavallee writes about a project currently underway at Slate, where they’ve defined a new goal for themselves: Our goal is speed: Readers should…

0
Cover
The User Experience of Design Systems

Rune Madsen jotted down his notes from a talk he gave at UX Camp Copenhagen back in May all about design systems and also, well, the potential problems…

0
Cover
On Building Features

We've released a couple of features recently at CodePen that I played a role in. It got me thinking a little bit about the process of that. It's always…

0
Cover
​HelloSign API: Your development time matters

(This is a sponsored post.) We know that no API can write your code for you, but ours comes close. We've placed great importance on making sure our API…

0
Cover
Making your web app work offline, Part 2: The Implementation

This two-part series is a gentle, high-level introduction to offline web development. In Part 1 we got a basic service worker running, which caches our…

0
Cover
Collective #372

Our Sponsor A smart, free solution for handling creative files Your files deserve a safe home. Organizing, sharing & approval of creative in a customizable…

0
Cover
Making your web app work offline, Part 1: The Setup

This two-part series is a gentle introduction to offline web development. Getting a web application to do something while offline is surprisingly tricky…

0
Cover
Animating Border

Transitioning border for a hover state. Simple, right? You might be unpleasantly surprised. The Challenge The challenge is simple: building a button…

0
Cover
Creative SVG Strokes Animation

SVG stroke animations are nothing new, but when using a more complex drawing that is basically made of strokes, then we can create a very original looking…

0
Cover
<i is="морж">

Перевод статьи <i is="the walrus"> с сайта bkardell.com для CSS-live.ru, автор — Брайан Карделл В последнее время я с завидной регулярностью наблюдаю…

0
Cover
A Front End Developer’s Guide to GraphQL

No matter how large or small your application is, you’ll have to deal with fetching data from a remote server at some point. On the front end, this usually…

0
Cover
The Three Developers and the Insightful User Tester

A story by Scott O'Hara: The first of the developers, why he thought he knew best. “I’ll get this done ever so quick!” he said, puffing out his chest…

0
Cover
A Big List of Typography Books

For your holiday gift shopping needs! These my picks for some of the most popular books out there on typography, with a tilt toward web typography. Plus…

0
Cover
Collective #371

Inspirational Website of the Week: Supercrowds Some very exciting slice effects with lots of interesting transitions. Our pick this week. Get inspired…

0
Cover
24 Ways

24 Ways, the advent calendar for web geeks, started up again this week. Throughout December they’ll be publishing a wide range of posts all about web design…

0
Cover
Еженедельная подборка красивых эффектов на CSS/SVG/JS #64

Подборка свежих эффектов, интересных идей и полезных наработок. Анимация «Дуэль» Технологии: CSS, SVG, JS. Автор: Энгер Бьюза (@enger) …

0
Cover
How the Roman Empire Made Pure CSS Connect 4 Possible

Experiments are a fun excuse to learn the latest tricks, think of new ideas, and push your limits. "Pure CSS" demos have been a thing for a while, but…

0
Cover
Font of the Month Club

Every month for the past year, David Jonathan Ross has been publishing a new font to his Font of the Month Club. It’s only $6 for a monthly subscription…

0
Cover
The Front-End Checklist is just a tool… everything depends on you.

One month ago, I launched the Front-End Checklist on GitHub. In less than 2 weeks, more than 10,000 people around the world starred the repository. That…

0
Cover
​7 Days of Free Stock Images

(This is a sponsored post.) Storyblocks is exploding with over 400,000 stock photos, vectors, backgrounds and more! With its user friendly site, massive…

0
Cover
Localisation and Translation on the Web

The other day Chris wrote about how the CodePen team added lang='en' to the html element in all pens for accessibility reasons and I thought it was pretty…

0
Cover
Fontastic Web Performance

In this talk Monica Dinculescu takes a deep dive into webfonts and how the font-display CSS property lets us control the way those fonts are rendered.…

0
Cover
WordPress + React

I posted just 2 months ago about Foxhound and how I found it pretty cool, but also curious that it was one of very few themes around that combine the WordPress…

0
Cover
Collective #370

Our Sponsor You’ve been wanting to build mobile apps… Use your favorite development languages and share code between web and mobile. Check it out…