Collective #485
21.1.2019
Lucid * Web Performance Mini Series * TypeScript ESLint * Beyond the interface * Animating URLs * Animating CSS Grid
Collective #485 was written by Pedro Botelho and published on Codrops
New CodePen Feature: Prefill Embeds
21.1.2019
I've very excited to have this feature released for CodePen. It's very progressive enhancement friendly in the sense that you can take any <pre> block of HTML, CSS, and JavaScript (or any combination of them) and enhance it into an embed, meaning you can see the rendered output. It also...
Firefox DevTools WebConsole 2018 retrospective
21.1.2019
Here’s a wonderful post by Nicolas Chevobbe on what the Firefox DevTools team was up to last year. What strikes me is how many improvements they shipped — from big visual design improvements to tiny usability fixes that help us make sure our code works as we expect it to in the console....
15 Free Crypto UIs and Icons Packs
20.1.2019
It feels like the whole buzz around cryptocurrency has calmed down a little. In comparison to the previous year, when the cost of Bitcoin reached unprecedented heights having cost...
The post 15 Free Crypto UIs and Icons Packs appeared first on Onextrapixel
STAR Apps: A New Generation of Front-End Tooling for Development Workflows
18.1.2019
Product teams from AirBnb and New York Times to Shopify and Artsy (among many others) are converging on a new set of best practices and technologies for building the web apps that their businesses depend on. This trend reflects core principles and solve underlying problems that we may share, so...
Intro to React Hooks
18.1.2019
Hooks make it possible to organize logic in components, making them tiny and reusable without writing a class. In a sense, they’re React’s way of leaning into functions because, before them, we’d have to write them in a component and, while components have proven to be powerful and functional...
Does it mutate?
18.1.2019
This little site by Remy Sharp's makes it clear whether or not a JavaScript method changes the original array (aka mutates) or not.
I was actually bitten by this the other day. I needed the last element from an array, so I remembered .pop() and used it.
const arr = ["doe", "ray", "mee"];
const...
Angular, Autoprefixer, IE11, and CSS Grid Walk into a Bar…
18.1.2019
I am attracted to the idea that you shouldn't care how the code you author ends up in the browser. It's already minified. It's already gzipped. It's already transmogrified (real word!) by things that polyfill it, things that convert it into code that older browsers understand, things that make...
WDRL — Edition 254: Better To Top Buttons, Competing in Jobs, Houdini And Accomplishing More.
18.1.2019
Hey,
What’s better to start the new year with new experiments? Today I figured it was time to rethink JavaScript tooling in one of my projects. And since we wrote everything in plain ECMAScript modules already, I thought it would be easy to serve them natively now and remove all the build...
Freebie: Emojious Icons (AI, SVG, PNG)
18.1.2019
A set of 50 vector icons from the quirky Emojious icon set exclusively for Codrops readers.
Freebie: Emojious Icons (AI, SVG, PNG) was written by Emojious and published on Codrops
2019 CSS Wishlist
17.1.2019
What do you wish CSS could do natively that it can't do now? First, let's review the last time we did this in 2013.
❌ "I'd like to be able to select an element based on if it contains another particular selector"
❌ "I'd like to be able to select an element based on the content...
Create Smart WordPress Forms in Less Than 5 Minutes with WPForms
17.1.2019
(This is a sponsored post.)
Most online form solutions are either too complex or too expensive.
We believe you shouldn't have to spend hours creating online forms for your business. That's why we built WPForms, a drag and drop WordPress form builder that's both EASY and POWERFUL.
WPForms allows...