Simone Magnaschi
Senior Full Stack Web Dev
Bookmarks tagged with #webdev.
Show all


_____ ______________ __________ ___________________ ___ | \ / \ | | | | | | | \_/ __ \_| __ | | ___ ___ |__| | | | | | | | | | | | | | | |\ /| |__| _ |__| |____| | | | | __ | | | \___/ | | \ | | | | | | | |___| |__________| \_____________________| |___| |___| |___| A data hoarder’s dream c
Tags: #tools #webdev
Saved on: 2024-03-25

Correctly Configure (Pre) Connections – Harry Roberts – Web Performance Con

In the right circumstances, this simple, single line of HTML can make pages hundreds of milliseconds faster! But time and again, I see developers misconfiguring even this most basic of features. Because, as is often the case, there’s much more to this ‘basic feature’ than meets the eye.
Saved on: 2023-12-10

Pacchetto di CSS: 2023!

Complimenti. Il 2023 è stato un anno fantastico per CSS. Da #Interop2023 a molti nuovi punti di accesso nello spazio CSS e UI che consentono agli sviluppatori di funzionalità una volta che pensavano impossibili sulla piattaforma web.
Tags: #css #webdev
Saved on: 2023-12-08

HTML DOM — Phuoc Nguyen

Web development moves at lightning speed. I still remember when I first started using libraries like jQuery, Prototype,, Zepto, and many more. Even with modern tools like Angular, VueJS, React, Solid and Svelte, we still have to deal with the Document Object Model (DOM).
Tags: #webdev
Saved on: 2023-11-06

Accessible Palette: stop using HSL for color systems

Recently, I set out on a mission to reconstruct a color system in Postmark. This project addressed several problems with our design system, involved a lot of research, and even required building a few custom tools.
Saved on: 2023-08-29

The ideal viewport doesn’t exist

Before you settle on basing design decisions on a handful of strict breakpoints, make sure you consider the vast fragmentation of screen sizes and browser viewports. Here at Set Studio, we conducted a little casual experiment to answer “how fragmented are viewport sizes?”.
Tags: #webdev
Saved on: 2023-08-22

htmx ~ Locality of Behaviour (LoB)

Locality of Behaviour (LoB) "The primary feature for easy maintenance is locality: Locality is that characteristic of source code that enables a programmer to understand that source by looking at only a small portion of it.
Saved on: 2023-08-16

A Blog Post With Every HTML Element

After learning a little bit more about web accessibility last year I had been exploring some of the less common HTML elements, and making changes to this website, like wrapping the text of the posts on this blog in <article> tags and adding a <main> tag in the website’s layout templates (this webs
Tags: #webdev
Saved on: 2023-08-13


A collection of common UX patterns optimized for Core Web Vitals. This collection includes patterns that are often tricky to implement without hurting your Core Web Vitals scores. You can use the code in these examples to help ensure your projects stay on the right track.
Saved on: 2023-06-29

Build Your Own Web Framework

Have you ever wondered what it takes to build your own web framework that also deploys to edge and serverless infrastructure? What features does a modern framework need to support, and how can we ensure that these features allow us to build a scalable, performant web application?
Saved on: 2022-07-30

SPA Alternative

The emerging norm for web development is to build a React single-page application, with server rendering. The two key elements of this architecture are something like: This idea has really swept the internet.
Saved on: 2022-07-20

SPAs: theory versus practice | Read the Tea Leaves

I’ve been thinking a lot recently about Single-Page Apps (SPAs) and Multi-Page Apps (MPAs). I’ve been thinking about how MPAs have improved over the years, and where SPAs still have an edge.
Saved on: 2022-06-28

Making the world’s fastest website, and other mistakes - DEV Community

I work on Kroger’s ecommerce sites for their regional chains, most of which share a codebase. You’d probably guess the front-end stack: React, Redux, and their usual symptoms of too much JavaScript. React/Redux packages used totaled 44.7 kB before any feature code.
Saved on: 2022-06-09

Benjamin Moore Paints as CSS Colours

How Blue Am I?
Tags: #art #webdev
Saved on: 2022-06-03

Magical SVG Techniques — Smashing Magazine

14 min read SVG, Resources, Round-Ups Share on Twitter, LinkedIn Data Visualization Masterclass with Amelia Wattenberger Deep Dive On Accessibility Testing with Manuel Matuzović New Front-End Adventures, 2023 Edition with Vitaly Friedman Smart Interface Design Patterns, 9h-video course Smart SVG te
Saved on: 2022-05-27


Introducing Indigo — the native macOS app which will revolutionise the way you configure and run local web servers on your Mac. Nginx, Apache, PHP, MySQL... Indigo comes with everything you’ll need to get your projects running locally in no time.
Saved on: 2022-05-24

Setting Up CloudFront to Host Your Web App | CSS-Tricks - CSS-Tricks

DigitalOcean joining forces with CSS-Tricks! Special welcome offer: get $100 of free credit. In my last article, we went over how to set up a web app that serves chunks and bundles of CSS and JavaScript from CloudFront.
Tags: #webdev
Saved on: 2022-04-29

Super — Build websites with Notion

Custom domains, themes, password-protection, and more—no code required. You already use Notion for nearly everything—websites are a natural extension. Notion is a dream CMS.
Tags: #tools #webdev
Saved on: 2022-04-05


Shoelace provides a collection of professionally designed, every day UI components built on a framework-agnostic technology.
Saved on: 2022-04-04

Web Designer & Developer Toolkit by Addy Codes – Curated tools & resources

Google Meta Tags — Preview, Edit and Generate With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more! Facebook metatags.
Tags: #tools #webdev
Saved on: 2022-03-21

Google Tag Manager, la nouvelle arme anti adblock

EDIT 25 mai 2021 : le "Server-Side Tagging" de Google Tag Manager évolue, et contourner les adblockers devient de plus en plus simple. J'ai ajouté la section "Un temps d'avance sur les adblockers" à l'article.
Tags: #webdev
Saved on: 2022-02-21

Munter/subfont: Command line tool to optimize your webfont loading. Aggress

subfont A command line tool to statically analyse your page in order to generate the most optimal web font subsets, then inject them into your page. Speed up your time to first meaningful paint by reducing the web font payload and critical path to the font files.
Tags: #tools #webdev
Saved on: 2022-02-18

A guide to designing accessible, WCAG-conformant focus indicators

This post is a modified, text-only excerpt from my Practical Accessibility video course.
Saved on: 2021-11-07

Developer Tools secrets that shouldn’t be secrets

Update: As this is blowing up on Hackernews I added information to each of the tips in which environment they are supported in parenthesis after each heading. When I state “Chromium browsers”, this refers to all browsers that use the Chromium core and also feature all the Developer Tools.
Tags: #webdev
Saved on: 2021-11-02

Best practices for using third-party embeds

An overview of techniques to load popular third-party embeds efficiently. Many sites use third-party embeds to create an engaging user experience by delegating some sections of a web page to another content provider.
Tags: #webdev
Saved on: 2021-10-18

Increment: Frontend

This issue surveys the breadth and depth of frontend development, from its principles, tools, and frameworks to its shifting scope and far-reaching fringes. Visit the Increment Store to purchase subscriptions and individual issues.
Saved on: 2021-10-05

Web Vitals patterns

A carousel is a UX component that displays content in a slideshow-like manner. Large, above-the-fold carousels often contain a page's Largest Contentful Paint (LCP) element, and therefore can have a significant impact on LCP.
Saved on: 2021-09-17

A Complete Guide To Accessibility Tooling — Smashing Magazine

19 min read Accessibility, Tools Share on Twitter, LinkedIn Get started with a free developer test account Accessible Front-End Patterns Masterclass Smashing Online Workshops: interactive and live Quick summary ↬ In a new short series of posts, we highlight some of the useful tools and techniques
Saved on: 2021-06-17

Delba de Oliveira

I love finding delightful UI elements on the web and I think recreating components is a great way for front-end developers to apply their skills. If you visited my site before, you probably know I started this challenge with an ambitious goal to recreate 30 front-end components in 30 days.
Saved on: 2021-06-14


WICKEDBLOCKS is an open source growing collection of layout blocks and components built with Tailwind CSS V2 ready to copy paste on your Tailwind project. Bla, bla, bla...
Saved on: 2021-05-25

Links on Performance | CSS-Tricks

DataStax Astra — Open, multi-cloud stack for modern apps Making GitHub’s new homepage fast and performant — Tobias Ahlin describes how the scrolling effects are done more performantly thanks to IntersectionObserver and the fact that it avoids the use of methods that trigger reflows, like getBo
Saved on: 2021-05-25

Lightning-Fast Web Performance: an online lecture series from Scott Jehl

Lightning-Fast Web Performance has a new home! Updated for 2022, the course remains free to view on the WebPageTest site thanks to Catchpoint.
Saved on: 2021-05-20

DOM Events

DOM Events Learn about the DOM Event system through exploration Legend An event is a message that is dispatched to event target's. There are many categories of events including user events such as 'click' and system events such as 'DOMContentLoaded'.
Tags: #webdev
Saved on: 2021-05-19


In this article, I will share with you some very useful HTML tips. Enjoy! Hypertext Markup Language (HTML) is the standard markup language for documents designed to be displayed in a web browser.
Tags: #webdev
Saved on: 2021-05-06

Getting my blog ready for Core Web Vitals & Page Experience - Paul Bakaus'

I’m a big fan of Core Web Vitals, and the cumulative set of criteria that Google calls “Page Experience”, and that is not a coincidence! In the many conversations I’ve had with AMP haters skeptics, most have asked “why we can’t just measure whether something is fast & user friendly” wh
Saved on: 2021-04-24

The headless editor framework for web artisans.

Tiptap gives you full control about every single aspect of your text editor experience. It’s customizable, comes with a ton of extensions, is open source and has an extensive documentation. Join our welcoming community and start building cool things! It’s headless and comes without any CSS.
Saved on: 2021-04-23

Deep dive in CORS: History, how it works, and best practices

No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Access to fetch at ‘’ from origin ‘http://localhost:3000’ has been blocked by CORS policy.
Tags: #webdev
Saved on: 2021-04-14

HTTP HTTPS Async Clipboard API Notes: Augmented Reality (AR) Implemented behind the experimental flag chrome://flags/#enable-experimental-web-platform-features. Encrypted Media (EME) May succeed without permission depending on the implementation. Attempts to use known key systems.
Tags: #webdev
Saved on: 2021-03-26


HTTP is fundamental to modern development, from frontend to backend to mobile. But like any widespread mature standard, it's got some funky skeletons in the closet.
Tags: #webdev
Saved on: 2021-03-04

Browse Fonts - Google Fonts

Making the web more beautiful, fast, and open through great typography
Tags: #webdev
Saved on: 2021-03-03

The great SameSite confusion

In this post, I dissect a common misconception about the SameSite cookie attribute and I explore its potential impact on Web security. You undoubtedly have heard of the SameSite cookie attribute.
Saved on: 2021-02-05

7 bite-sized tips for reliable web automation and scraping selectors

If you’re like most developers, you’ve probably encountered Cascading Style Sheet (CSS) selectors for styling webpages. We can mix-and-match CSS selectors to describe any subset of elements on a page.
Tags: #webdev
Saved on: 2021-02-02

form best practices

Use cross-platform browser features to build sign-in forms that are secure, accessible and easy to use. If users ever need to log in to your site, then good sign-in form design is critical. This is especially true for people on poor connections, on mobile, in a hurry, or under stress.
Tags: #webdev
Saved on: 2021-01-25

React Authentication: How to Store JWT in a Cookie | by Ryan Chenkie | Medi

If that’s the case, there’s a decent chance that your API is secured somehow. Maybe you’re making authentication and authorization happen with JSON Web Tokens. If so, there’s also a decent chance you’re keeping your JWTs in local storage.
Saved on: 2021-01-22

How We Improved SmashingMag Performance — Smashing Magazine

33 min read Smashing, Optimization, Performance, Case Studies, Core Web Vitals Saved for offline reading Share on Twitter, LinkedIn In this article, we’ll take a close look at some of the changes we made on this very site — running on JAMStack with React — to optimize the web performance and
Saved on: 2021-01-22

Maximally optimizing image loading for the web in 2021

Sara Soueidan said: Maximally optimizing image loading for the web in 2021 by @cramforce Loads of great #performance tips in there, some I didn’t know of before (like the `decoding` attribute 😯) Thread Sebastien Lorber 🇫🇷 said: TIL there's a "decoding" attr in html image in this post fro
Saved on: 2021-01-20

You want overflow: auto, not overflow: scroll | Kilian Valkhof

Every now and then a web developer using a Mac discovers that their beautiful design is littered with scroll bars on other platforms. Either because someone points it out to them or because they attach a mouse to their mac which makes scroll bars appear.
Tags: #css #webdev
Saved on: 2021-01-07

How to Favicon in 2021: Six files that fit most needs — Martian Chronicles,

It’s time to rethink how we cook a set of favicons for modern browsers and stop the icon generator madness. Frontend developers currently have to deal with 20+ static PNG files just to display a tiny website logo in a browser tab or on a touchscreen.
Tags: #webdev
Saved on: 2020-12-23

Polypane, the perfect browser for web developers and designers

Powerful devtools, multiple synced viewports, full-height screenshots, over two dozen debug tools, device and media query emulation, built-in live-reloading and more. Mobile screens to 5K monitors, get all viewports in one overview.
Tags: #tools #webdev
Saved on: 2020-11-12

Stupid solutions: Live server push without JS

So in my post Is this evil? I covered a way of tracking users with CSS. While thinking about those weird ways of using the web I also started thinking about pushing live data to clients without JS. Or at least maintaining a connection. So WebSockets requires JS. WebRTC requires JS.
Saved on: 2020-09-29

The Ultimate Guide to Web Performance 🚀

There's so many ways to speed up your site. Don't you wish every web performance tip was in one place? That's what I thought too, so I put them all in one place: this post. Use this guide as a reference.
Saved on: 2020-09-25

The failed promise of Web Components – Lea Verou

Web Components had so much potential to empower HTML to do more, and make web development more accessible to non-programmers and easier for programmers.
Saved on: 2020-09-25

How I Redesigned My Laravel Blog (Again) - Christoph Rumpel

In 2018, I moved my blog from Jekyll to Laravel, and I took the opportunity to redesign it as well. The site was based on Sebastian De Deyne's blog, a Laravel application working with markdown files for posts.
Saved on: 2020-09-17

Tailwind CSS Resources you wish you had.

This week I decided to take a look at Tailwind CSS and create a simple e-commerce website. The first thing I noticed is how well the documentation was written. Even if Tailwind is your first CSS framework, you will easily be able to navigate through different sections😉.
Saved on: 2020-09-16

State of Self-Serve Website Building in 2020

While building our simple new website, we evaluated many website builder options, and realized how much the landscape has changed for self-serve business website design and hosting.
Tags: #webdev
Saved on: 2020-09-11

A high-performance blog template for 11ty

Awais said: ✍️ Well, this is fantastic. A free high-performance 11ty Blog template by Google mostly @cramforce, @mathias, and of course @zachleat. Lots of interesting web perf practices in the code — that's all FOSS (Free & Open Source Software). Have at it.
Saved on: 2020-09-07

Blade UI Kit

With 27 different components, we probably have something for you. Blade UI Kit was designed to work smoothly with these technologies.
Saved on: 2020-09-03

Legacy to Laravel: How to Modernize an Aging PHP Application | Tighten

Here at Tighten, we love Laravel and get excited about staying up to date with the latest and greatest features our framework of choice has to offer.
Saved on: 2020-09-02

Caching is hard, draw me a picture | APIs You Won't Hate - A community that

Another guest post from our friend Darrel Miller. This is my attempt to make the HTTPbis caching rules more accessible and hopefully shine a light on how powerful HTTP caching can be.
Tags: #webdev
Saved on: 2020-09-01

How to Use AVIF: The New Next-Gen Image Compression Format — Lightspeed

January 13, 2021 Update: Firefox 86 now supports the AVIF format. August 26, 2020 Update: Chrome 85 now supports the AVIF format and the link to the preview build of the has been updated as it now fully supports AVIF.
Tags: #webdev
Saved on: 2020-08-24

Learn Puppeteer & Playwright -

Puppeteer and Playwright can be particularly useful when scraping data accessible only behind a login wall. This article shows a practical example of such a case. Scraping expenses on Amazon For our... Puppeteer and Playwright can be used to create PDFs from webpages.
Tags: #webdev
Saved on: 2020-08-19

What's next for Chrome Music Lab?

Chrome Music Lab is a website that makes learning music more accessible through fun, hands-on experiments. Many teachers have been using Chrome Music Lab as a tool in their classrooms to explore music and its connections to science, math, art, and more.
Tags: #music #webdev
Saved on: 2020-08-05

Pagination and Scroll Restoration with Turbolinks · Gray Matter

This solution has issues we try to fix in part two. Still a useful read for context, though.
Tags: #webdev
Saved on: 2020-07-23

Things I Wish I’d Known About CSS

Skip to content Already purchased? Login → Things I Wish I’d Known About CSS I learned how to build websites the old fashioned way: looking at website source code and trying to replicate the things I saw.
Tags: #css #webdev
Saved on: 2020-07-17

Everything You Need to Know About OAuth (2.0)

The modern human likely has profiles on dozens of applications. Whether it’s social media applications, music/video streaming, or workspace resources, each of us must manage accounts that contain personal information. Over time, these siloed applications have become increasingly connected.
Saved on: 2020-07-16 | Design less develop more.

A collection of tools for developers who have little to no artistic talent. Join the movement #nodesigndev.
Tags: #webdev
Saved on: 2020-06-08

Throttling and Debouncing. Avoiding unnecessary API calls. - DEV Community

There are sometimes that we need to perform actions on certain events controlled by the user. This can be the case of events like click, onPress, mouseMove, etc.
Saved on: 2020-04-08

HTML DOM - Common tasks of managing HTML DOM with vanilla JavaScript

Manage HTML DOM with vanilla JavaScript
Tags: #guide #webdev
Saved on: 2020-04-02

Pavithra Kodmad su Twitter: "Hey twitter friends, can you link me to articl

Hey twitter friends, can you link me to articles in the frontend and web dev space that are timeless and changed your perspective in some way. It maybe a gist, a readme, a tutorial or even a video. Looking to read some good content. RT for reach?
Tags: #webdev
Saved on: 2020-01-23

Developers: Get Ready for New SameSite=None; Secure Cookie Settings

When a resource on a web page accesses a cookie that matches the site the user is visiting, this is same-site or “first party” context.
Saved on: 2019-10-24

A simple guide to HTML <head> elements

Valid <head> elements include meta, link, title, style, script, noscript, and base. These elements provide information for how a document should be perceived, and rendered, by web technologies. e.g. browsers, search engines, bots, etc.
Tags: #webdev
Saved on: 2019-10-01

Menus with "Dynamic Hit Areas" | CSS-Tricks

Flyout menus! The second you need to implement a menu that uses a hover event to display more menu items, you’re in tricky territory. For one, they should work with clicks and taps, too. Without that, you’ve broken the menu for anyone without a mouse.
Tags: #css #ux #webdev
Saved on: 2019-09-24

Using Backblaze B2 and Cloudflare Workers for free image hosting

When communicating with people online, it’s very common to share images or screenshots of what you’re working on, or even screen recordings, gifs, and other media.
Tags: #webdev
Saved on: 2019-08-25

Why is modern web development so complicated? A long yet hasty explanation:

Modern frontend web development is a polarizing experience: many love it, others despise it. It is a LOT to explain!
Tags: #webdev
Saved on: 2019-08-08

The CSS background-image property as an anti-pattern

The CSS background-image property allowed us to do some amazing things, but in most cases, it's time to leave it behind.
Saved on: 2019-07-28

Going serverless with Hugo and Netlify - Freek Van der Herten's blog on PHP

Our team releases a lot of open source packages. All of our packages are well documented. For the smaller packages, we use a simple readme on GitHub. The bigger packages, like medialibrary and event projector get documented on our documentation site.
Saved on: 2019-07-18

The Evolution of Spotify Home Architecture

Samuels: Imagine putting on your headphones and listening to your favorite song or discovering a new artist whose songs you just can't live without, or hearing an album that just dropped by an artist that you already know and love and adding those songs into your rotation.
Saved on: 2019-06-19

How to Section Your HTML | CSS-Tricks

DigitalOcean joining forces with CSS-Tricks! Special welcome offer: get $100 of free credit. The sectioning elements in HTML5 are <nav>, <aside>, <article>, and <section>. <body> is also kind of a sectioning element since all content lying inside of it is part of the default document section.
Saved on: 2019-06-19

Interactive Charts with D3.js

This is 2019 and the web browser opens up a whole new realm of possibilities when visualizing data. Let’s take advantage of these new possibilities and talk about how to take your chart to the next level.
Saved on: 2019-06-13

Extract critical CSS  |

Learn how to improve render times with critical CSS technique. The browser must download and parse CSS files before it can show the page, which makes CSS a render-blocking resource.
Saved on: 2019-06-05

This page is a truly naked, brutalist html quine.

This page is a truly naked, brutalist html quine. One of my favorite things is to misuse technology in creative ways. Breaking the rules without breaking the rules.
Tags: #css #webdev
Saved on: 2019-06-05

Building a stateless API proxy

Web APIs are lots of fun. However, things can get tricky when it comes to granting other applications access to your data on a specific service. I ran into this trickiness with the GitHub API. In Google Cloud we have client libraries for about 40 products across 8 programming languages.
Saved on: 2019-05-30

The Sass Ampersand | CSS-Tricks

The & is an extremely useful feature in Sass (and Less). It’s used when nesting. It can be a nice time-saver when you know how to use it, or a bit of a time-waster when you’re struggling and could have written the same code in regular CSS. Let’s see if we can really understand it.
Tags: #css #webdev
Saved on: 2019-05-28

HTTP headers for the responsible developer - Twilio

Level up your Twilio API skills in TwilioQuest, an educational game for Mac, Windows, and Linux. Download Now BLOG Build the future of communications. Start building for free Build the future of communications. Start today with Twilio's APIs and services.
Tags: #https #webdev
Saved on: 2019-05-08

Uppy 1.0: Your best friend in file uploading — Uppy

Today, after three years of development, we are launching version 1.0 of Uppy, our file uploader for web browsers. Three years ago, Transloadit was ready to replace their jQuery-based file uploading & processing plugin for browsers with something more modern.
Saved on: 2019-04-29

Elixir, Phoenix, Absinthe, GraphQL, React, and Apollo: an absurdly deep dive

If you’re anything like me, at least 3 or 4 of the keywords in the title of this article fall under the category of “things I’ve been wanting to play with but haven’t gotten around to it yet.” React is the exception; I use it almost every day at work and know it front and back.
Saved on: 2019-04-22

TwirPHP: A modern RPC framework for PHP

In the last couple years RPC started to become popular again as a communication mechanism for web-based APIs. It's not a new concept at all, but it changed a lot over the years: the technology evolved, new IDLs and frameworks (like protobuf and gRPC) appeared.
Saved on: 2019-04-20

How to properly set up ESLint with Prettier for Vue or Nuxt in VSCode

Writing tech tutorials is hard because certain configurations might stop working after several months. As I’m also working on other things I don’t always have time to check if this is still working.
Tags: #webdev
Saved on: 2019-04-15

NoCoffee – Vision Simulator for Chrome

Vision problems are more pervasive than most of us realize. Upwards of 285 million people worldwide are visually impaired. Many more have low or moderate visual difficulties. The number in the U.S. is expected to double by 2020, due to the aging of the baby boomer generation.
Saved on: 2019-04-12

Solve accessibility issues before they reach your customers.

Easy for developers to address most common accessibility errors in under 5 minutes. Assess your websites for WCAG 2.1 AA coverage.
Saved on: 2019-04-12


Axe is an accessibility testing engine for websites and other HTML-based user interfaces. It's fast, secure, lightweight, and was built to seamlessly integrate with any existing test environment so you can automate accessibility testing alongside your regular functional testing.
Saved on: 2019-04-12 - Native image lazy-loading for the web!

In this post, we'll look at the new loading attribute which brings native <img> and <iframe> lazy-loading to the web!. For the curious, here's a sneak preview of it in action: We are hoping to ship support for loading in ~Chrome 75 and are working on a deep-dive of the feature we'll publish soon.
Tags: #webdev
Saved on: 2019-04-08

Rich text / HTML editors and frameworks

Strictly Frameworks Mobiledoc - - framework to build editors with a standardized JSON structure Substance - - library for building editors and publishing systems ShareDB - https://github.
Tags: #tools #webdev
Saved on: 2019-04-03

delight-im/PHP-I18N: Internationalization and localization for PHP

Provide your application in multiple languages, to users in various countries, with different formats and conventions. Note: On Windows, you may have to use the non-thread-safe (NTS) version of PHP.
Tags: #php #webdev
Saved on: 2019-03-29

Color Picker — A handy design tool from Color Supply

17 Case Studies. Detailed description.
Tags: #webdev
Saved on: 2019-03-21

Use Cases For Flexbox — Smashing Magazine

10 min read CSS, Flexbox Saved for offline reading Share on Twitter, LinkedIn In this final article of the series, we wrap up by taking a look at some of the common uses for Flexbox.
Tags: #css #webdev
Saved on: 2019-03-05

Cache-Control for Civilians – CSS Wizardry – CSS Architecture, Web Performa

The best request is the one that never happens: in the fight for fast websites, avoiding the network is far better than hitting the network at all. To this end, having a solid caching strategy can make all the difference for your visitors.
Tags: #webdev
Saved on: 2019-03-04

Make your site’s pages instant in 1 minute

Amazon and others found that removing 100 milliseconds of latency improves sales by 1%. But latency on the web is hard to overcome. Amazon (PowerPoint, slide #15): 100 ms of latency resulted in 1% less sales.
Saved on: 2019-02-09

How to Report Errors in Forms: 10 Design Guidelines

Summary: Help users recover from errors by clearly identifying the problems and allowing users to access and correct erroneous fields easily. Forms are necessary components of many applications and websites. We use them to log in, purchase items, send feedback, and enter our personal information.
Tags: #ux #webdev
Saved on: 2019-02-08

React as a UI Runtime — Overreacted

Most tutorials introduce React as a UI library. This makes sense because React is a UI library. That’s literally what the tagline says! I’ve written about the challenges of creating user interfaces before. But this post talks about React in a different way — more as a programming runtime.
Saved on: 2019-02-04