Boyan Kostov's Avatar

Boyan Kostov

@boyankostov.bsky.social

UX design consultant focused on strategy, systems and patterns boyankostov.com

11 Followers  |  36 Following  |  22 Posts  |  Joined: 22.11.2024  |  2.4905

Latest posts by boyankostov.bsky.social on Bluesky

Video thumbnail

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
Preview
A Few Things About the Anchor Element’s href You Might Not Have Known | CSS-Tricks It's easy to take URL superpowers for granted, even if you already have these patterns under your belt.

It'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...

15.08.2025 14:31 β€” πŸ‘ 22    πŸ” 6    πŸ’¬ 0    πŸ“Œ 1

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    πŸ“Œ 0
Webpage 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.

Webpage 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.

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 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.

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...

05.06.2025 13:01 β€” πŸ‘ 75    πŸ” 19    πŸ’¬ 5    πŸ“Œ 2

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    πŸ“Œ 0
Preview
Zed now predicts your next edit with Zeta, our new open model - Zed Blog From the Zed Blog: A tool that predicts your next move. Powered by Zeta, our new open-source, open-data language model.

Is that also the case with open source models and open data like this one?

26.05.2025 06:24 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0
Preview
250430a - Okazz - OpenProcessing

Pretty slick openprocessing.org/sketch/2631454

19.05.2025 17:54 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

New 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)

28.04.2025 13:18 β€” πŸ‘ 14    πŸ” 11    πŸ’¬ 1    πŸ“Œ 2
Preview
Should FOSS allow AI contributions? I believe that the responsability of which tools to use should fall on the contributors, not the open-source projects.

A hot potato: thelibre.news/should-foss-...

14.05.2025 08:13 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Preview
We need your support to do free projects for good causes and publish free high quality education We’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...

We’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    πŸ“Œ 19
Preview
Principles of Shaping | Shape Up

Nice, 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    πŸ“Œ 0
Preview
Dynamic Toggle with [type=radio] + :has() ...

here's the @codepen.io πŸš€

codepen.io/jh3y/pen/vEE...

26.04.2025 20:24 β€” πŸ‘ 64    πŸ” 6    πŸ’¬ 2    πŸ“Œ 0
Preview
The Enshittification of Dribbble is Complete While stumbling onto Dribbble, I saw a post (and its... expected comment section) that served as a microcosm of the current state of a once beloved service.

β€œ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

27.04.2025 14:56 β€” πŸ‘ 37    πŸ” 6    πŸ’¬ 4    πŸ“Œ 2

Mind-opening, thanks for sharing.

27.04.2025 15:55 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

Would 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    πŸ“Œ 0
Preview
I’m getting fed up of making the rich, richer We'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.

We'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...

22.04.2025 11:11 β€” πŸ‘ 19    πŸ” 4    πŸ’¬ 2    πŸ“Œ 1

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    πŸ“Œ 0

Same with apps, countless number of brilliant silent creators. Would be great to have a decent list.

18.04.2025 19:30 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

I’ve been considering this for a while, thank you for the discount πŸ™Œ

18.04.2025 18:29 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

That 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    πŸ“Œ 0
Post image

I'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

09.04.2025 08:13 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

Feel for it as well πŸ˜‡

01.04.2025 16:29 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Preview
Penpot: The Design Tool for Design & Code Collaboration Penpot is the open-source free design software that connects designers and developers with no handoff drama. Prototyping, UI design and code - all in one app.

Just 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 πŸ‘ŒπŸ»

21.03.2025 13:42 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Preview
An alt Decision Tree Accessibility resources free online from the international standards organization: W3C Web Accessibility Initiative (WAI).

So straightforward, so good. An ALT text decision tree.

www.w3.org/WAI/tutorial... #a11y

23.01.2025 20:16 β€” πŸ‘ 158    πŸ” 55    πŸ’¬ 5    πŸ“Œ 4

Oh, definitely, that sounds like a great idea 😊

23.01.2025 18:34 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0
Preview
Springroll - Order Your Favorite Asian Food

We 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

20.01.2025 22:15 β€” πŸ‘ 4    πŸ” 2    πŸ’¬ 1    πŸ“Œ 0

Funny how that reminds of aunt LΓ©onie’s lifestyle sans the sleepless nights.

12.01.2025 15:57 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Post image 11.01.2025 10:44 β€” πŸ‘ 12983    πŸ” 2736    πŸ’¬ 137    πŸ“Œ 105

@boyankostov is following 20 prominent accounts