Search
Font Playground
20.7.2018
This is a wondrous little project by Wenting Zhang that showcases a series of variable fonts and lets you manipulate their settings to see the results. It’s interesting that there’s so many tools like this that have been released over the past couple of months, such as v-fonts, Axis-Praxis...
Building a Complex UI Animation in React, Simply
12.7.2018
Let’s use React, styled-components, and react-flip-toolkit to make our own version of the animated navigation menu on the Stripe homepage. It's an impressive menu with some slick animation effects and the combination of these three tools can make it relatively easy to recreate.
This is...
Unused
11.7.2018
I recently wrote Here’s the thing about "unused CSS" tools, where I tried to enumerate all the challenges any tool would have in finding truly "unused" CSS. The overarching idea is that CSS selectors match elements in the DOM, and those elements in the DOM come from all sorts of places: your static...
15 Interesting JavaScript and CSS Libraries for July 2018
4.7.2018
A collection of our favorite resources for this July, packed with awesome free resources including some powerful CSS frameworks and JS tools
Debugging JavaScript in Google Chrome and Visual Studio Code
19.6.2018
Learning to debug is an essential skill for taking the next step as a developer. It's important to understand and leverage the vast array of tools that exist for a given languge. Unfortunately, deb
Here’s the thing about “unused CSS” tools
18.6.2018
There are a lot of tools that aim to help you remove "unused CSS" from your project. Never a week goes by that I don't see a tool for this being shared or promoted. It must strike some kind of perfect chord for some developers. I care about performance, and I know that reducing file sizes is good...
Animate Images and Videos with curtains.js
6.6.2018
While browsing the latest award-winning websites, you may notice a lot of fancy image distortion animations or neat 3D effects. Most of them are created with WebGL, an API allowing GPU-accelerated image processing effects and animations. They also tend to use libraries built on top of WebGL such...
1 Element CSS Rainbow Gradient Infinity
5.6.2018
I first got the idea to CSS something of the kind when I saw this gradient infinity logo by Infographic Paradise. The gradient doesn't look like in the original illustration, as I chose to generate the rainbow logically instead of using the Dev Tools picker or something like that, but other than...
15 Interesting JavaScript and CSS Libraries for June 2018
5.6.2018
This June's collection is packed with awesome free resources including some powerful CSS frameworks and JS tools
Learning Gutenberg: Building Our Custom Card Block
25.5.2018
We’ve got some base knowledge, we’ve played with some React and now we’ve got our project tools set up. Let’s dive into building our custom block.
Article Series:
Series Introduction
What is Gutenberg, Anyway?
A Primer with create-guten-block
Modern...
Learning Gutenberg: Setting up a Custom webpack Config
24.5.2018
Gutenberg introduces the modern JavaScript stack into the WordPress ecosystem, which means some new tooling should be learned. Although tools like create-guten-block are incredibly useful, it’s also handy to know what’s going on under the hood.
Article Series:
Series Introduction
...
8 Awesome New Features in Sublime Text 3.1
9.5.2018
What are developers without code editors? I can't seem to think of a clear answer to that. In recent times, code editors have evolved from traditional IDEs to smarter and faster tools. While some f
Collective #413
7.5.2018
Brusher * Pin Screen * Impact * Inspecting Animations in DevTools * My most useful RegExp trick * No Lick * illustration.tools
Collective #413 was written by Pedro Botelho and published on Codrops
Inspecting Animations in DevTools
4.5.2018
I stumbled upon the Animation panel in Chrome’s DevTools the other day and almost jumped out of my seat with pure joy. Not only was I completely unaware that such a thing exists, but it was better than what I could’ve hoped: it lets you control and manipulate CSS animations and visualize...
Level Up Your JavaScript Error Monitoring
26.4.2018
(This is a sponsored post.)
Automatically detect and diagnose JavaScript errors impacting your users with Bugsnag without changing your code or adding try/catch blocks. Get comprehensive diagnostic reports, know immediately which errors are worth fixing, and debug in a fraction of the time compared...
JAMstack Comments
24.4.2018
JAMstack sites are often seen as being static. A more accurate mental model for them would be that they are sites which have the ability to be hosted statically. The difference might seem semantic, but thanks to the rise of many tools and services which simplify running a build and deploying...
Choosing a Responsive Email Framework: MJML vs. Foundation for Emails
20.4.2018
Implementing responsive email design can be a bit of a drag. Building responsive emails isn’t simple at all, it is like taking a time machine back to 2001 when we were all coding website layouts in tables using Dreamweaver and Fireworks.
But there's hope! We have tools available that can make...
Script & Style Show: Episode 4: Tooling
19.3.2018
On this week’s episode: David starts the show by revealing he has a headache and an hour of discussing JavaScript tooling will not make it better. The show covers the history of JavaScript tooling (from nothing to JavaScript loaders, minifiers, webpack, and more), the pitfalls of popular...
Další ngParty meetup proběhne v Praze
2.3.2018
Zveme všechny na další ngParty meetup v Praze. Budeme mít hosta Martina Sonnenholzera z Berlína, který nám řekne něco o využiyí Machine Learning pro lazy loading, dale nam Jiří Maršíček naserviruje tochu funkcionalniho programování v podobě Functional Lenses…
30 Unique Design Tools to Make Working Easier
14.2.2018
I’m hoping that something on this list will catch your eye and enable you to work a little bit more swiftly and easily. I know we don’t all work...
The post 30 Unique Design Tools to Make Working Easier appeared first on Onextrapixel