Had a lot of fun re-building ehungry.com from scratch. I even had some time left for design CSS fun on the Features page and the Bento section on the homepage.
08.10.2025 12:42 β π 0 π 0 π¬ 0 π 0@boyankostov.bsky.social
UX design consultant focused on strategy, systems and patterns boyankostov.com
Had a lot of fun re-building ehungry.com from scratch. I even had some time left for design CSS fun on the Features page and the Bento section on the homepage.
08.10.2025 12:42 β π 0 π 0 π¬ 0 π 0It's easy to take URL superpowers for granted, even if you already have these patterns under your belt.
@jim-nielsen.com has excellent notes with tons of references... including a neat experiment with JavaScriptβs URL constructor.
css-tricks.com/a-few-things...
Shouldnβt @property be called custom values instead of custom properties? Following the logic that in βdisplay: block;β, display is the property while block is the value π€
14.08.2025 17:51 β π 1 π 0 π¬ 0 π 0Webpage layout example, dark background, light text, and light separator lines between the various items like header, navigation, and between various pieces of text and images in the main content. The lines are horizontal and vertical, and have different styles.
Magazine-like webpage, with a header, navigation, three articles, and a sidebar with a sudoku game grid. The various pieces of the UI are visually separated with horizontal and vertical lines of different styles. The sudoku game grid has differently styled lines too, which are also achieved with the CSS gap decorations feature.
A notebook sheet demo web page. It has a date, title, and then some lines of text in the main area of the page. There's a line that separates the header, the footer, and a line for the margin on the side. In the main area, there are also more subtle lines where the text is written.
A magazine-style layout demo. The site is called "The Daily Oddity", and it has fake articles about weird facts and news. The site uses multiple columns of content, which are separated by vertical and horizontal lines to make them more visually distinct.
The ability to style grid and flex gaps is coming fast in a browser near you!
Bubbling with ideas for what this will be useful for!
Code: github.com/MicrosoftEdg...
Fair point. Looks like they got the first 50 examples from Claude. Not sure what Qwen2.5-Coder-7B is trained on. Maybe @zed.dev can provide more context.
26.05.2025 10:30 β π 0 π 0 π¬ 0 π 0Is that also the case with open source models and open data like this one?
26.05.2025 06:24 β π 1 π 0 π¬ 1 π 0Pretty slick openprocessing.org/sketch/2631454
19.05.2025 17:54 β π 1 π 0 π¬ 0 π 0New Article: Is It Worth Killing Mozilla to Shave Off Less Than 1% From Googleβs Market Share? π¨
The DOJ is seeking to cancel all of Google's revenue-sharing deals with browser vendors.
π§΅ (1/7)
A hot potato: thelibre.news/should-foss-...
14.05.2025 08:13 β π 0 π 0 π¬ 0 π 0Weβre trying a rather radical new approach at Piccalilli by doing real world projects β for real clients β in the open. This gives us a context to provide genuine high quality, real world education for free at the point of entry.
13.05.2025 12:04 β π 141 π 53 π¬ 2 π 19Nice, reminds me of the shaping step from Shape Up. A nice amount of space for creativity.
10.05.2025 13:30 β π 1 π 0 π¬ 0 π 0@clagnut.com @bell.bz Curious what tools do you use for designing in the browser? Polypane + smth like VSCode Live Preview?
10.05.2025 06:27 β π 3 π 0 π¬ 2 π 0here's the @codepen.io π
codepen.io/jh3y/pen/vEE...
βTo see somebody Iβve never met pour their heart out about a site they really loved, only to be met with comments that are devoid of any humanityβit hurts. It hurts all the more because weβre seeing thisΒ everywhere.β βΒ @bryanvelo.soβ¨
avalonstar.com/blog/2025/th... #ux #enshittification #design
Mind-opening, thanks for sharing.
27.04.2025 15:55 β π 1 π 0 π¬ 0 π 0Would that view align with using no AI to help with coding at all? I'm guilty of using it to write JS for me though I can totally see how destructive that could be if you decide to rely on it on 100%. It does help a lot with learning new concepts though, combined with MDN.
27.04.2025 13:50 β π 0 π 0 π¬ 1 π 0We're hoping that we can work in the open with community support and sponsorship. The end result? People get genuine real world education that's free at the point of entry.
piccalil.li/links/im-get...
My Twitter feed has evolved into the final stage of a manosphere growth hacking tutorial. Alpha metrics only.
19.04.2025 14:26 β π 1 π 0 π¬ 0 π 0Same with apps, countless number of brilliant silent creators. Would be great to have a decent list.
18.04.2025 19:30 β π 0 π 0 π¬ 0 π 0Iβve been considering this for a while, thank you for the discount π
18.04.2025 18:29 β π 1 π 0 π¬ 1 π 0That is so awesome! Just wanted to say I love your book "Web Typography", it has become my go-to typography book, I literally look it up at least once a week.
11.04.2025 11:17 β π 2 π 0 π¬ 1 π 0I'm excited to see that after 10 months of hard work by the team at Nolus, the new design of the dApp that we worked on last year is now live. I've learned so much from this project. Thanks for having me, Nolus π
Check it out at app.nolus.io
Feel for it as well π
01.04.2025 16:29 β π 1 π 0 π¬ 0 π 0Just had another look at @penpot.app to see what's new. Turns out it's almost ready to replace Figma for me, the only thing missing is variables.
If at some point we have the option to write custom CSS inside that would be ππ»
So straightforward, so good. An ALT text decision tree.
www.w3.org/WAI/tutorial... #a11y
Oh, definitely, that sounds like a great idea π
23.01.2025 18:34 β π 1 π 0 π¬ 1 π 0We released springroll.com two months ago. We built this MVP with 2 designers and two developers for 4 months but what got me excited is that it was the first time I saw how fast small teams could move. And now I am hooked and want to do this over and over again π
23.01.2025 17:38 β π 1 π 0 π¬ 1 π 0β’ Rely on the page `<title>` to give a summary/overview of what the page is about
β’ Bring up a list of landmarks to jump to key parts of the page
β’ Bring up a list of headings on the page to get a sense of structure (and to navigate)
β’ Find all links on the page
β’ Get a list of form elements
Funny how that reminds of aunt LΓ©onieβs lifestyle sans the sleepless nights.
12.01.2025 15:57 β π 0 π 0 π¬ 0 π 0