Search
Netlify Makes Deployments a Cinch
22.1.2019
(This is a sponsored post.)
Let's say you were going to design the easiest way to deploy a static site you can possibly imagine. If I was tasked with that, I'd say, well, it would deploy whenever I push to my master branch, and I'd tell it what command to run to build my site. Or maybe it has...
Getting Started with Nest.js
22.1.2019
If you have ever worked on a Node.js application before, either built a REST API or an enterprise application, you must have realised how tedious and daunting it was to maintain, especially wheneve
Announcing Scotch.io Coding Challenges! Weekly Code Tests and Twitch Live Streams!
22.1.2019
Code Challenges are an awesome way to improve your knowledge of web development, build interesting stuff and have fun at the same time.
The Scotch Code Challenges are weekly, short and fun challeng
The Secret Weapon to Learning CSS
22.1.2019
For some reason, I’ve lately been thinking a lot about what it takes to break into the web design industry and learn CSS. I reckon it has something to do with Keith Grant’s post earlier this month on a CSS mental model where he talks about a “common core for CSS”:
We need common core tricks like...
Who is @horse_js?
22.1.2019
Many of us follow @horse_js on Twitter. Twenty-one thousand of us, to be exact. That horse loves stirring up mischief by taking people's statements out of context. It happened to me a few times and almost got me in trouble.
I wonder how many people hate CSS because their experience with...
React indeterminate
22.1.2019
I’ve fallen in love with React.js and JSX over the years; state-based rendering and a logical workflow have made me see the light of this modern framework. That doesn’t mean I don’t sometimes get a bit frustrated that the “simple” things seem harder than they should...
SVG Filter Effects: Outline Text with <feMorphology>
22.1.2019
In this second part of our SVG Filter series you'll learn all about the feMorphology filter, how it works and how you can use it to create interesting effects.
SVG Filter Effects: Outline Text with <feMorphology> was written by Sara Soueidan and published on Codrops
The Great Divide
21.1.2019
Let’s say there is a divide happening in front-end development. I feel it, but it's not just in my bones. Based on an awful lot of written developer sentiment, interviews Dave Rupert and I have done on ShopTalk, and in-person discussion, it’s, as they say... a thing.
The divide is between people...
Building a RECIPE app using Prisma and React
21.1.2019
In the last couple of years, GraphQL has taken on the scene in terms of frontend development due to the various
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
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...