Bookmarks tagged with #webdev.
Show all
Show all
Y2Z/monolith
_____ ______________ __________ ___________________ ___ | \ / \ | | | | | | | \_/ __ \_| __ | | ___ ___ |__| | | | | | | | | | | | | | | |\ /| |__| _ |__| |____| | | | | __ | | | \___/ | | \ | | | | | | | |___| |__________| \_____________________| |___| |___| |___| A data hoarder’s dream c
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.
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, script.aculo.us, 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
Patterns
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
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
IndigoStack
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.
Saved
on: 2022-04-05
Shoelace
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 https://metatags.io/ 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.
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.
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
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
HTML Tips
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 ‘https://example.com’ from origin ‘http://localhost:3000’ has been blocked by CORS policy.
Tags:
#webdev
Saved
on: 2021-04-14
permission.site
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
HTTPWTF
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
Sign-in 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.
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.
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 Squoosh.app has been updated as it now fully supports AVIF.
Tags:
#webdev
Saved
on: 2020-08-24
Learn Puppeteer & Playwright - theheadless.dev
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.
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.
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
Nodesign.dev | 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
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.
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 | web.dev
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.
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.
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.
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-core
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
AddyOsmani.com - 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 - https://github.com/bustle/mobiledoc-kit - framework to build editors with a standardized JSON structure Substance - http://substance.io - library for building editors and publishing systems ShareDB - https://github.
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.
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.
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.
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