recentpopularlog in

dirtystylus : tools   186

« earlier  
Disenchantment - Tim Novis
After years of working in SPA-land, rarely touching a server-rendered website, I was amazed at how quick it was to get up and running and start feeling productive right away. Developers are quick to extoll the virtues of tools like Create React App, and whilst I agree - they’re great! It really takes a while to start feeling productive when setting up a new SPA from the ground up. So much non-work has to be done before the real work, what you’re likely being paid to do, can begin.

I had an admin panel with authentication, pages, routes, templates and CSS, flash messaging, The Works™️ set up in an afternoon. I hadn’t felt this productive in years. But best of all, it was fun. Of course I still enjoy working with our modern, flashy tech stack - but this felt so different. No waiting for recompilation. No React devtools. No props and state flying around. No convoluted centralised state management. No worrying about loading states. Complete bliss. It was functional, it was fast, and it felt solid. The only thing I legitimately missed from a “developer experience” perspective was TypeScript. TypeScript is great, and gives me much more confidence when shipping code.

I would urge front-end developers to take a step back, breathe, and reassess. Let’s stop over engineering for the sake of it. Let’s think what we can do with the basic tools, progressive enhancement and a simpler approach to building websites. There are absolutely valid usecases for SPAs, React, et al. and I’ll continue to use these tools reguarly and when it’s necessary, I’m just not sure that’s 100% of the time.
programming  javascript  webdev  tools  nodejs  reactjs  backend 
may 2019 by dirtystylus
Assistiv Labs
Service for screen reader testing
accessibility  a11y  screenreader  tools  service 
may 2019 by dirtystylus
Folder Market
Publish and archive, or sell things from a Dropbox folder-driven service

See also
dropbox  tools  archive  flatfilecms  cms 
may 2019 by dirtystylus
Performance · Lando Documentation
If you've ever tried to run a site with a shload of files using Docker Desktop on Windows or macOS then you've likely experienced some of the very well documented performance issues associated with doing so. Usually, these performance issues manifest themselves in slow page load times, or exceptionally long cli operations like installing a dependency or clearing an application's cache.

…The tl;dr is that users can now exclude certain directories from being shared. Depending on the amount of files you exclude this can bring your application from ugh fml to pretty close to native speed.
docker  drupal  pantheon  wordpress  lando  tools 
may 2019 by dirtystylus
Responsive Image Breakpoints Generator by Cloudinary
Breakpoint generator for responsive images:

Good way to see the impact of different confi…
tools  webdev  imagery  imagescaling  rwd 
march 2019 by dirtystylus
Progressive Tooling
A list of community-built, third-party tools that can be used to improve page performance
tools  accessibility  performance  webperf  list  by:housseindjirdeh 
august 2018 by dirtystylus
Have This Chrome Extension
You just want to have this; a perfectly cropped PNG of a UI component at the click of your mouse.
tools  extension  chrome  webdev 
june 2018 by dirtystylus
AnyPixel.js is an open-source software and hardware library that makes it possible to use the web to create big, unusual, interactive displays out of all kinds of things. Anyone can fork the code and the schematics to create their own display at any scale.
hardware  google  framework  tools  javascript  displaytech 
january 2018 by dirtystylus
verekia/js-stack-from-scratch: 🛠️⚡ Step-by-step tutorial to build a modern JavaScript stack.
This is a straight-to-the-point guide to assembling a JavaScript stack. It requires some general programming knowledge, and JavaScript basics. It focuses on wiring tools together and giving you the simplest possible example for each tool. You can see this tutorial as a way to write your own boilerplate from scratch. Since the goal of this tutorial is to assemble various tools, I do not go into details about how these tools work individually. Refer to their documentation or find other tutorials if you want to acquire deeper knowledge in them.
tutorial  javascript  tools  webdev  via:swarshbucklin  reactjs  react  buildtools  npm  yarn  webpack 
may 2017 by dirtystylus
« earlier      
per page:    204080120160

Copy this bookmark:

to read