aryan02420's Avatar

aryan02420

@aryan.02420.dev

web and blender https://links.aryan.02420.dev/

73
Followers
785
Following
21
Posts
24.10.2024
Joined
Posts Following

Latest posts by aryan02420 @aryan.02420.dev

I got sent out because I finished reading the chapter early and looked around to see what others were doing. Later, the teacher called me in to question what I had just read and ended up embarrassing herself in front of the class.

12.02.2025 10:46 πŸ‘ 29 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Nuxt figlet with the Nuxt logo

Nuxt figlet with the Nuxt logo

@danielroe.dev with the logo gist.github.com/aryan02420/4...

11.02.2025 21:34 πŸ‘ 9 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
The image shows a terminal with the command figlet Nuxt, which outputs "Nuxt" in large blocky ASCII art formed by slashes, underscores, and other characters.

The image shows a terminal with the command figlet Nuxt, which outputs "Nuxt" in large blocky ASCII art formed by slashes, underscores, and other characters.

figlets?

11.02.2025 21:21 πŸ‘ 4 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

🚢🏽Developing usable & accessible user interfaces is not about 'caring'.
It's about being a Professional Web Developer
#WebStandards #ux #a11y

06.02.2025 15:01 πŸ‘ 15 πŸ” 8 πŸ’¬ 2 πŸ“Œ 0

Agents need tools like applications need APIs

24.01.2025 13:34 πŸ‘ 5 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0
Preview
Ariakit Solid: how to help and general discussion Β· ariakit ariakit Β· Discussion #4322 Hi folks! I'm working on an Ariakit port to Solid (tracked in #4117). My goal with this post is to share some important insights so that they can be shared and discussed. We might also need some he...

I'm porting @ariakit.org to @solidjs.com. Here's how you can help:

github.com/ariakit/aria...

06.01.2025 02:36 πŸ‘ 25 πŸ” 5 πŸ’¬ 0 πŸ“Œ 1

#2. YouTube, Spotify and many more apps take you to the top if you are already on the home page

18.12.2024 04:45 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
A screenshot of Firefox DevTools with the "Layout" panel selected shows a visual representation of the shrinking behavior.

The element with `flex-shrink: 2` has an initial size of 294px. The item shrinks by 324.75px from the initial size until it reaches the minimum size constraint. The minimum size of its inner content is 45.63px, resulting in a final size of 45.63px.

A screenshot of Firefox DevTools with the "Layout" panel selected shows a visual representation of the shrinking behavior. The element with `flex-shrink: 2` has an initial size of 294px. The item shrinks by 324.75px from the initial size until it reaches the minimum size constraint. The minimum size of its inner content is 45.63px, resulting in a final size of 45.63px.

Overriding the intrinsic minimum size constraint by using `min-width: 0` allows elements to shrink beyond the default limits.

Overriding the intrinsic minimum size constraint by using `min-width: 0` allows elements to shrink beyond the default limits.

@firefoxdevtools.bsky.social are super helpful to debug such layout issues. They nicely highlight all constraints and make final computed size easy to understand.

18.12.2024 04:31 πŸ‘ 7 πŸ” 3 πŸ’¬ 0 πŸ“Œ 0

I believe your DMs are closed. Can you DM me instead? bsky.app/messages/set...

15.12.2024 16:52 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

I can help!

15.12.2024 16:32 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Preview
Frontend UI Developer (Vue 3, TypeScript & @unovis) at observerly observerly is looking for a Frontend UI Developer (Vue 3, TypeScript & @unovis)

I’m looking for a freelance Vue & TypeScript developer to join the observerly team to build the next generation of astronomy applications, if you think you would fit the bill and love all things space πŸ”­ please apply:

vuejobs.com/jobs/observe...

14.12.2024 20:44 πŸ‘ 25 πŸ” 7 πŸ’¬ 1 πŸ“Œ 0

Ah, okay! I thought <details> being inaccessible was the misunderstanding.

05.12.2024 15:26 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Why is <details> misunderstood?

05.12.2024 15:19 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

short for A Day To Remember

02.12.2024 21:05 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Screenshot of an Android device running a Windows Phone-inspired launcher. The interface features app icons in a tiled layout of varying sizes, including Firefox, Calculator, Phone, Notion, GitHub, and other common apps.

Screenshot of an Android device running a Windows Phone-inspired launcher. The interface features app icons in a tiled layout of varying sizes, including Firefox, Calculator, Phone, Notion, GitHub, and other common apps.

02.12.2024 19:58 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

and you have to use a mouse to be able to turn that setting on in the first place!

29.11.2024 20:21 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Let's say I'm creating some re-usable Nuxt layers and I want the consuming app to have a few config options.

πŸ‘‰ What's the best way to let the main app send config options to a @nuxt.com layer?

26.11.2024 14:10 πŸ‘ 6 πŸ” 2 πŸ’¬ 1 πŸ“Œ 0
GitHub contribution activity showing user joined GitHub on November 20, 2014, with an illustration of two Octocat mascots working at night in front of a rocket launch site.

GitHub contribution activity showing user joined GitHub on November 20, 2014, with an illustration of two Octocat mascots working at night in front of a rocket launch site.

10 years on GitHub!

25.11.2024 01:48 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Principia by Bithack

Principia by Bithack

Minecraft (Java Edition)

Minecraft (Java Edition)

BombSquad by Eric Froemling

BombSquad by Eric Froemling

Super Mario 64 DS

Super Mario 64 DS

Introduce yourself with four video games

24.11.2024 15:13 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Currently, no, but I do plan to release most of it as OSS. I might write a blog post explaining how I am creating a design/component system if that sounds interesting. Open to chatting in detail too.

24.11.2024 14:21 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

I use Option C with a well-defined class like `.ArButton--root`. All style variations are defined by data-appearance-* attributes and live outside the JS framework. Having a clear class allows you to write rules like `.MyRareUseCase { &.ArButton { /* ... */ } }` to easily override styles.

24.11.2024 14:14 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

I use a custom @unocss.dev preset for this. `rounded-tl-lg` maps to logical border radius, while `rounded-TL-lg` maps to the traditional border radius. Similarly, `ml-4` vs `mL-4` or `top-12` vs `TOP-12` and many more.

24.11.2024 13:27 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Create Accessibility annotation kit Jira ticket

Create Accessibility annotation kit Jira ticket

Small steps that lead to bigger changes start in design, that’s the real beauty of it for me πŸ™ŒπŸ»

21.11.2024 10:27 πŸ‘ 3 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0
Video thumbnail

@afterburn.games's Railbound

20.11.2024 13:43 πŸ‘ 3 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Yes, I have. Happy to chat more about it!

19.11.2024 22:17 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

No amount of user testing can replace having good taste, obsessive expertise, and gut feel

15.11.2024 14:19 πŸ‘ 14 πŸ” 1 πŸ’¬ 3 πŸ“Œ 0
Understanding Success Criterion 2.1.4: Character Key Shortcuts | WAI | W3C

Please also provide alternatives to single key shortcuts. g h can become ctrl+k h for example.

www.w3.org/WAI/WCAG21/U...

ask.metafilter.com/177006/How-d...

15.11.2024 06:26 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Accessibility issues impact everyone, not just those with disabilities.

13.11.2024 10:56 πŸ‘ 22 πŸ” 3 πŸ’¬ 3 πŸ“Œ 1
Video thumbnail

This Blender trick has saved me hours of debugging. Change the "Face Orientation Front" color to transparent and keep the "Face Orientation" overlay on (bonus: save this in the startup file). You can model with textures enabled, and the flipped faces will be easy to spot! #blender #threejs

07.11.2024 22:36 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0