Search
Collective #532
15.7.2019
Framer Motion * Listmonk * Accessible CSS Generated Content * WebGL month * BaseDash
Collective #532 was written by Pedro Botelho and published on Codrops
Collective #531
11.7.2019
CSS Lists, Markers, And Counters * Atomize * SEO Mythbusting * Texel * Animating with Clip-Path
Collective #531 was written by Pedro Botelho and published on Codrops
How to Add Smooth Scrolling with Inner Image Animations to a Web Page
10.7.2019
A tutorial on how to add a smooth scrolling effect to a website and also animate the images that enter the viewport.
How to Add Smooth Scrolling with Inner Image Animations to a Web Page was written by Mary Lou and published on Codrops
A Guide to HTML5 Semantics for Better SEO
10.7.2019
The concept of semantics originates from the field of linguistics. It literally means the “study of meaning”. So, semantics is the discipline of finding connections between different signifiers such...
The post A Guide to HTML5 Semantics for Better SEO appeared first on Onextrapixel
Inspirational Websites Roundup #6
9.7.2019
A fresh collection of inspirational websites to give you an overview of current creative trends.
Inspirational Websites Roundup #6 was written by Mary Lou and published on Codrops
Collective #530
8.7.2019
Chaos Design * Why is my webpack build slow? * Zfont * Five Methods for Five-Star Ratings
Collective #530 was written by Pedro Botelho and published on Codrops
6 Best Caching Plugins for Your WordPress Site
6.7.2019
Caching is one of the most important techniques you can use to speed up your WordPress site. The best caching plugins make it possible to serve pages much faster...
The post 6 Best Caching Plugins for Your WordPress Site appeared first on Onextrapixel
Collective #529
4.7.2019
User Inyerface * Menu (or not) * Generative Machines * CodeSandbox Templates * Dark Patterns at Scale
Collective #529 was written by Pedro Botelho and published on Codrops
7 Best CSS Optimization Tips for Better Page Load Times
2.7.2019
In today’s web, page load time is one of the most important website metrics. Even milliseconds can have a huge impact on your bottom line and slow page loads...
The post 7 Best CSS Optimization Tips for Better Page Load Times appeared first on Onextrapixel
Collective #528
1.7.2019
Bounds.js * CSS Animation Worklet API * Numverify * HTML can do that? * Using Basis Textures in Three.js
Collective #528 was written by Pedro Botelho and published on Codrops
The (Developer’s) Growth Model
29.6.2019
I really like the post "The Designer’s Growth Model" by Dennis Hambeukers. Dennis just invented this model, but it's based on some existing ideas and it all rings true for me. Let me try to summarize the five stages as he lays them out for designers.
Producers: You learn how to design. You learn...
Weekly Platform News: Event Timing, Google Earth for Web, undead session cookies
28.6.2019
In this week's news, Wikipedia helps identify three slow click handlers, Google Earth comes to the web, SVG properties in CSS get more support, and what to do in the event of zombie cookies.
The post Weekly Platform News: Event Timing, Google Earth for Web, undead session cookies appeared first...
Which CSS IS AWESOME makes the most sense if you don’t know CSS well?
27.6.2019
Peter-Paul posted this question:
Which of the examples in the image do you consider correct?
If you know CSS well, don't reply, just retweet.
If you don't know CSS too well, please reply to the poll in the next tweet. pic.twitter.com/4bgnf9Wdkc
— ppk 🇪🇺 (@ppk) June...
Different Approaches for Creating a Staggered Animation
27.6.2019
Animating elements, at its most basic, is fairly straightforward. Define the keyframes. Name the animation. Call it on an element.
But sometimes we need something a little more complex to get the right “feel" for the way things move. For example, a sound equalizer might use the same animation...
Using Percy to add visual testing to a Jekyll site
27.6.2019
Visual testing is the automated process of reviewing software from a purely visual standpoint. Instead of testing the code underneath, visual testing is all about what end users actually see and interact with.
Similar to functional testing, however, visual testing fits directly into your stack...
The Ultimate Guide to Flexbox Centering
27.6.2019
Flexbox is a popular CSS layout module that helps you position HTML elements on the screen. There are multiple use cases when it can be a godsend; horizontal and...
The post The Ultimate Guide to Flexbox Centering appeared first on Onextrapixel
Three Predictions From the State of CSS 2019 Survey
27.6.2019
Running a developer survey like the State of CSS is a multi-stage process. First, you need to collect the data. Then, you process it into a usable shape. Finally, you come up with nifty ways to visualize it and release it to the world.
But then, once the dust settles and the traffic dies down...
Three Predictions From the State of CSS 2019 Survey
27.6.2019
Running a developer survey like the State of CSS is a multi-stage process. First, you need to collect the data. Then, you process it into a usable shape. Finally, you come up with nifty ways to visualize it and release it to the world.
But then, once the dust settles and the traffic dies down...
Getting to Know the useReducer React Hook
26.6.2019
useReducer is one of a handful of React hooks that shipped in React 16.7.0. It accepts a reducer function with the application initial state, returns the current application state, then dispatches a function.
Here is an example of how it is used;
const [state, dispatch] = useReducer(reducer...
Spam Detection APIs
25.6.2019
I was trying to research the landscape of these the other day — And by research, I mean light Googling and asking on Twitter. Weirdly, very little comes to mind when thinking about spam detection APIs. I mean some kind of URL endpoint, paid or not, where you can hit it with a block of text...