...
0
Cover
Computer Science Distilled, Chapter 2: Complexity

This is a full chapter excerpt from Wladston Viana Ferreira Filho's brand new book Computer Science Distilled which he has graciously allowed for us to…

0
Cover
Scaling SVG Clipping Paths for CSS Use

A legit CSS trick documented by Eric Meyer! So there is polygon() in CSS and <polygon> in SVG. They are closely related, but there are all kinds…

0
Cover
Websites to Generate SVG Patterns

These aren't particularly hard to web search for, but just in case you didn't know they existed I figured I'd drop them here. I've used all three of these…

0
Cover
Annotation is Now a Web Standard

This sure is exciting news: the various groups that make up the W3C have agreed upon a set of rules by which we’ll be able to annotate, highlight and make…

0
Cover
Responsive Images in WordPress with Cloudinary, Part 2

In Part 1 of this series, I provided some background on responsive images, describing how you can add srcset and sizes attributes to an img element to…

0
Cover
Touch Devices Should Not Be Judged By Their Size

Front-end developers and web designers live in an insane multi-device reality. A few months ago, the Red Hat UXD team discussed how to design enterprise…

0
Cover
First Person Sunglasses Try-On Experiment

View demo Download source Today we’d like to share a fun little experiment with you: a geeky “try-on” sunglasses effect. It’s not a …

0
Cover
Выпуск №57

Safari TP24, браузеры в 2017, кастомные свойства, make great again, новый HTML-заголовок, нервный опенсорс, W3C против WHATWG. — Ольга Алексашенко — Вадим…

0
Cover
Google Analytics Data Studio

I've said a number of times in the past: I wish I could just check a checkbox and make certain Google Analytics data public. I get that analytics can…

0
Cover
Collective #292

Inspirational Website of the Week: Listeners Playlist Wonderful colors combined with some extraordinary, smooth hover effects. Our pick this week. …

0
Cover
An Animated Intro to RxJS

You might have heard of RxJS, or ReactiveX, or reactive programming, or even just functional programming before. These are terms that are becoming more…

0
Cover
Deep dive CSS: font metrics, line-height and vertical-align

Vincent De Oliveira has written an epic post that details pretty much everything you might ever want to know about the line-height and vertical-align properties…

0
Cover
Individual CSS Transform Functions

Dan Wilson documents a classic annoyance with transforms: button { transform: translateY(-150%); } button:hover { /* will (perhaps unintentionally) override…

0
Cover
​The Best Tech Jobs in the World

Over 6,000 companies use Hired to find their next team member and with transparency into each company, you're empowered to make the right decision about…

0
Cover
Different elements of UAT testing and how to get them right

Whether you are a backend developer or a frontend one – you will know the pains of testing, user acceptance testing in particular. On one hand, it means…

0
Cover
Do responsive sites have to be so tall on mobile?

Kevin Vigneault: I don't believe that the overall page length itself is inherently problematic. I have noticed though that in many responsive designs…

0
Cover
Set a Timed Debugger To Web Inspect Hard-To-Grab Elements

The DevTools (in any browser) are an invaluable development tool for CSS developers. If you need to see (and play with) the styles on any given element…

0
Cover
Collective #291

AR.js A repo with very useful and efficient code for Augmented Reality for the Web using ARToolKit. By Jerome Etienne. Check it out This…

0
Cover
GitFTP-Deploy

The following is a guest post by Jan Östlund. Jan is the creator of the GitFTP-Deploy, now at v2.0. He wrote to me about GitFTP-Deploy, and I thought it…

0
Cover
Трюк: раздельные функции CSS-трансформации

Перевод статьи  A Trick: Individual CSS Transform Functions с сайта danielcwilson.com, опубликовано на css-live.ru с разрешения автора — Дэна Уилсона.…

0
Cover
Два новых первых публичных черновика CSS

Сегодня W3C опубликовал первые публичные черновики двух новых модулей CSS: изоляции (CSS Containment level 1) и временных функций (CSS Timing Functions…

0
Cover
HTTP/2 – A Real-World Performance Test and Analysis

Perhaps you've heard of HTTP/2? It's not just an idea, it's a real technology and slowly but surely, hosting companies and CDN services have been releasing…

0
Cover
DebugMe Interview: Kiwani Dolean, Digital Designer

In our new series, we are going to interview digital professionals from front-end developer or UX designer to product owner. This entry is an interview…

0
Cover
Выпуск №56

Новинки Chrome, плохой Base64, отладчик WebKit, ES-модули в браузере, Node.js и Webpack, спокойный UI, книга с рыбами, CSS-переменные. — Сергей Господарец…

0
Cover
Нужен ли нам новый заголовочный элемент? Мы не знаем

Перевод статьи Do we need a new heading element? We don’t know с сайта jakearchibald.com, опубликовано на css-live.ru с разрешения автора — Джейка Арчибальда…

0
Cover
Squeezy Stretchy Flexbox Nav

I saw an interesting take on off-canvas navigation the other day over on The New Tropic. It wasn't the off-canvas part so much. It was how the elements…

0
Cover
“lives in a sort of purgatory”

Brad Frost: A front-end designer ... lives in a sort of purgatory between worlds: They understand UX principles and best practices, but may not spend…

0
Cover
“Write a script”

Jeremy Keith, on teaching people JavaScript for the first time: blockquote> A lot of that boils down to this pattern: When (some event happens…

0
Cover
Optimizing GIFs for the Web

Ire Aderinokun describes a frustrating problem that we’ve probably all noticed at one point or another: Recently, I’ve found that some of my articles…

0
Cover
Collective #290

Inspirational Website of the Week: Anagram.paris An interesting dragging effect and a great design. Our pick this week. Get inspired Design…

0
Cover
CSS Grid: One Layout, Multiple Ways

I've really been enjoying getting acquainted with CSS Grid. The feature is starting to ship in many browsers and it looks like we'll be able to start using…

0
Cover
Выпуск 46: Учиться, учиться и еще раз учиться

Чтобы развеять мифы вокруг онлайн школ, занимающихся обучением фронтенду, мы пригласили в гости представителей двух популярных школ: одного из основателей…

0
Cover
HTML APIs: What they are and how to design a good one

I’m a strong believer in lowering the barrier of what it takes to create rich, interactive experiences and improving the user experience of programming…

0
Cover
Responsive Images in WordPress with Cloudinary, Part 1

If you're reading this, you’re probably already familiar with responsive images. Even so, it may be helpful to have a little background. (Then we'll get…

0
Cover
Transparent JPG (With SVG)

Let's say you have a photographic image that really should be a JPG or WebP, for the best file size and quality. But what if I need transparency too? Don…

0
Cover
Coding CSS for Context

Snook on naming a class: Here's what's important: We want to identify that this is a variation on our button. We want to indicate the purpose of this…

0
Cover
Collective #289

HTML & CSS is hard An awesome guide to web development with great visualizations, not just for beginners. Made by Oliver James. Check it out …

0
Cover
Websites We Like: February 2017

It has been a while since we've taken stock of all the beautiful websites out there. Here's our favorites from the past couple of weeks! Fuzzco Who…

0
Cover
Creating Non-Rectangular Headers

Over at Medium, Jon Moore recently identified "non-rectangular headers" as a tiny trend. A la: it's not crazy popular yet, but just you wait, kiddo. …

0
Cover
Most of the web really sucks if you have a slow connection

Dan Luu on the sorry state of web performance: ...it’s not just nerds like me who care about web performance. In the U.S., AOL alone had over 2 million…