Just read: Croissant! Building a No-Framework Web App - https://dbushell.com/2025/07/11/croissant-no-framework-web-app/
dbushell.comCroissant! Building a No-Framework Web App
More from 
David Bushell 
#webdesign
19 posts14 participants0 posts today
When applying a thick border around an element in multiple colors, the corners meet at a 45-degree angle forming a diamond. That is established and seems reasonable.
But, when you set a thick edge on one side, the thin 1px border gets squeezed into a slope, and won't reach the edge! And the sidebar forms a *trapezoid*!
This is most noticable on modern high-DPI screens. It is rather unsatisfying, and hard to unsee...
Who here has a pixelfed account *specifically* ? Let's see if i can make a feed for myself with cool stuff related to #typography #graphicdesign #webdesign and #EditorialDesign
Just read: Controlling spacing in modern CSS layouts - https://gomakethings.com/controlling-spacing-in-modern-css-layouts/
gomakethings.comControlling spacing in modern CSS layoutsOver the last week, we’ve looked at how Kelp UI implements four different layouts with modern CSS: the container layout pattern, the cluster layout, the split layout, and the stack.
Today, I wanted to show you how Kelp uses the .space-* class to control spacing. Let’s dig in!
An example: the stack The stack layout is a good example of where you may want to adjust spacing a bit.
Just read: My favourite 3 lines of CSS - https://piccalil.li/blog/my-favourite-3-lines-of-css/
PiccalilliMy favourite 3 lines of CSS
Continued thread
You know someone fucked up #WebDesign when logging out makes your CPU spike to 85% and the fan sound like one's running a #Shitcoin #Mining #Malware (aka. #Cryptojacker) and closing the tab results in 1 GB less RAM and 3 GB less overall cached assets.
- And yes I did check these results by running
sudo sh -c "sync; echo 3 > /proc/sys/vm/drop_caches"'before, during and after the website has been opened.
#Design #Guidelines
Better notifications UX · Timing matters, and so do timely notifications https://ilo.im/1657ih
_____
#Communication #Notifications #Timing #Attention #DesignPatterns #ProductDesign #UxDesign #UiDesign #WebDesign
Smashing Magazine · Design Guidelines For Better Notifications UX — Smashing MagazineAs always in design, timing matters, and so do timely notifications. Let’s explore how we might improve the notifications UX. More design patterns in our Smart Interface Design Patterns, a friendly video course on UX and design patterns by Vitaly — from complex data tables and nested filters to FAQs and error messages.
Today's Web Design Update: https://groups.google.com/a/d.umn.edu/g/webdev/c/-_t_Z1gVSAc
Featuring @intopia, @Ted_drake, @aardrian, @tempertemper, @a11ycollective, @caztcha, @homer, @TPGi, and more.
Subscribe info: https://www.d.umn.edu/itss/training/online/webdesign/webdev_listserv.html#subscribe
groups.google.comWeb Design Update: July 8, 2025
Am I looking for a unicorn? I remember blogging days and it seemed building a website was easier. I want to make a simple site using a template or some basic widgets and connect it to a domain I own. Without any monthly subscriptions or fancy plans. Just a simple, static site. A Luddite/low tech site that doesn't require knowing how to code #tech #webdesign #askfedi #techhelp
#Design #Previews
Penpot Variants are coming · Get ready for a key feature of the design tool https://ilo.im/1657du
_____
#Penpot #Components #Workflows #DesignTool #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend
ilo.im- YouTubeEnjoy the videos and music you love, upload original content, and share it all with friends, family, and the world on YouTube.
#Design #Guidelines
Icons for “save” · Is the floppy disk metaphor still appropriate today? https://ilo.im/1655vm
_____
#Save #Icons #Metaphors #FloppyDisk #Demography #UserResearch #ProductDesign #UiDesign #WebDesign
Nielsen Norman GroupThe Floppy Disk Icon as “Save:” Still Appropriate Today?Users still recognize the floppy disk icon as ‘save,’ but evolving workflows mean it may no longer be the clearest or most appropriate choice in many cases.
#Design #Approaches
User-friendly forms with layered drawers · Where forms get complex, drawers simplify the path https://ilo.im/1653v5
_____
#Forms #Drawers #Interactivity #Usability #UserResearch #DesignPattern #ProductDesign #UxDesign #UiDesign #WebDesign
UX Planet · Enhancing Data Input with Layered Drawer Navigation
#Development #Collections
URL to Any · Convert any webpage into various formats https://ilo.im/1654z4
_____
#Conversion #URL #Webpage #Markup #Document #Data #Design #WebDesign #WebDev #Frontend
ilo.imURL to Any | All-in-one URL Conversion ToolURL to Any provides various URL conversion tools to transform web content into Markdown, PDF, images, and more formats.
New update de la ʙℓÅⅈℜⅇαµ ℤΩℕℰ 
Au menu :
Un système de missions et d'Achievements avec 15 missions top secrètes pour les aventuriers du Web les plus intrépides
Un affichage de la dernière version en ligne avec patch note concis pour les curieux du code hihi...
blaireau.zoneʙℓÅⅈℜⅇαµ ℤΩℕℰAtterissage forcé dans la Blaireauzone ! Perdez vous dans l'antre créative en perpetuelle expansion du Madabadger. Les plus intrépides voyageurs du Net sauront peut-être y dénicher quelques trésors bien gardés...
#Design #Launches
Fliiipbook · A delightful GIF animation editor for the web https://ilo.im/16532a
_____
#Creativity #Sketch #Animation #Editor #GIF #Content #DesignTools #ProductDesign #UxDesign #WebDesign
FliiipBookFliiipBook - A simple gif animation app for the webDraw frame-by-frame animations and create GIFs directly in your browser. Simple, fun, and powerful animation tool with onion skinning, timeline controls, and instant GIF export.
#Development #Tools
CSS Design Tokens Analyzer · Uncover design tokens from your stylesheet https://ilo.im/1652ji
_____
#DesignTokens #DesignSystems #Webpage #Design #WebDesign #WebDev #Frontend #CSS
projectwallace.comCSS Design Tokens Analyzer - Project WallaceGrab all Design Tokens from a page using it's CSS. Enter a URL of paste in your raw CSS and get instant analysis.
#Design #Techniques
Color palettes from B-movie posters · How bold palettes can drive modern websites https://ilo.im/1655p3
_____
#Horror #Movie #Posters #Color #ColorPalettes #Website #ProductDesign #UxDesign #UiDesign #WebDesign
#Design #Guides
Guide to Figma Make · How the AI tool can help and where it falls short https://ilo.im/164s0f
_____
#Figma #AI #Prompting #Components #Prototyping #Workflow #ProductDesign #UxDesign #UiDesign #WebDesign
UX Planet · Figma Make: Complete Guide - UX Planet
Launch Free #Ecommerce Web Store in Under 5 Minutes This article provides a guide for how to launch free ecommerce web store in under 5 minutes. In this example, we will be using the #Bagisto open-source shopping cart #software on Rad Web #Hosting #cPanel Hosting account.
Why Launch Ecommerce Web Store?
In 2017, ecommerce was a $29 trillion/year global economy. Organizations and individuals, ...
Continued 
https://blog.radwebhosting.com/launch-free-ecommerce-web-store-in-under-5-minutes/?utm_source=mastodon&utm_medium=social&utm_campaign=mastodon.raddemo.host #webtemplate #scripts #webdesign #opensource #shoppingcart
RadWeb, LLC · Launch Free Ecommerce Web Store In Under 5 Minutes - VPS Hosting Blog | Dedicated Servers | Reseller HostingLearn how to launch free ecommerce web store in under 5 minutes. This article provides a guide for using the Bagisto open-source shopping cart on Rad Web Hosting cPanel account.