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...
WDRL — Edition 227: Print CSS, Subgrids, EdgeHTML 17 and Bad Design Choices
4.5.2018
Hey,
it’s nice to see people caring about less obvious problems in web development such as providing proper CSS so that users can print the page or parts of the website. Whenever I have to print an invoice, I’m not physically printing it but I save it as PDF file. Creating print stylesheets...
Collective #412
3.5.2018
Pure CSS Francine * Curtains.js * Responsive Knockout Text * ReLaXed * BigInt * Cards Webflow UI Kit * Lobe
Collective #412 was written by Pedro Botelho and published on Codrops
Responsive Knockout Text With Looping Video
3.5.2018
Here’s an idea! Let’s make an an HTML <video> play inside the shape of some letters. Like "Knockout Text" except instead of an image behind, it’s video. A live demo will explain more clearly:
See the Pen basic pen by Giulio Mainardi (@mgiulio) on CodePen.
A key objective here is to develop...
Incapsula DDoS Resiliency Score
3.5.2018
(This is a sponsored post.)
These free training courses from Incapsula give you the technical knowledge and skills to accelerate your website and optimize content delivery. Website Performance Mastery Starts Here in a fun, quiz-based online format, these free training courses give you the technical...
Managing Heading Levels In Design Systems
3.5.2018
Heydon Pickering looks into how to give a React component a certain heading (like <h1>, <h2>, etc.) depending on its context and thereby ensure that the DOM is still perfectly accessible for screen readers. Why is using the right heading important though? Heydon writes in...
15 Interesting JavaScript and CSS Libraries for May 2018
3.5.2018
We share with you a collection of our favorite resources for May, packed with some powerful JS frameworks, awesome date and time libraries, and much more
Announcing THE Book on Server Side Rendering for React with Next.js
2.5.2018
With the high demand for SEO and high-performant web application, server-side rendering has become innevitable for commercial websites since they need to be found and ranked higher
Building a Weather App in Django
2.5.2018
In this article we'll build a simple Django app that displays the current weather for various cities. To get the current weather data, we'll use the Open We
Ideas for Proximity Feedback with Progressive Hover Effects
2.5.2018
We're exploring a progressive hover effect which triggers not just when we are hovering an element but progressively, when we come close to it.
Ideas for Proximity Feedback with Progressive Hover Effects was written by Mary Lou and published on Codrops
IP Geolocation with ipstack (Sponsored)
2.5.2018
Knowing where your web visitor is located is an incredible advantage to any website; you can show relative content like maps, pricing, and availability, output your content in their likely language, etc — I cannot overstate how useful that information is. Of course we have the HTML5...
Container-Adapting Tabs With “More” Button
2.5.2018
Or the priority navigation pattern, or progressively collapsing navigation menu. We can name it in at least three ways.
There are multiple UX solutions for tabs and menus and each of them have their own advantages over another, you just need to pick the best for the case you are trying to solve....