Тёмный

Removing some unwanted rectangles on HEY.com 

Andreas Kling
Подписаться 49 тыс.
Просмотров 8 тыс.
50% 1

Let's take a break from WPT and fix something on a live website instead! Today we're visiting HEY.com and looking at some unsightly rectangles that shouldn't be there.
PR: github.com/Lad...
Ladybird: ladybird.org/
GitHub: github.com/Lad...
Discord: / discord
I'm using the CLion IDE from JetBrains: jb.gg/clion_ak
My coding font is Berkeley Mono: berkeleygraphi...

Опубликовано:

 

21 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 41   
@FredClausen
@FredClausen День назад
WHF! I’ve said it in at least one of your recent videos but thank you for posting these videos. I am a self-taught developer, and just work on projects for fun, and it is always so cool to see a professional doing things I can only dream of doing. I imagine these videos cut in to your ability to do more programming, so I’m appreciative of what you show us. Thanks Andreas.
@Entarra
@Entarra День назад
Couldn't agree more, they're suoer cozy to watch and inspire me to fiddle with my own projects
@lunarscapes6016
@lunarscapes6016 День назад
Love seeing your workflow, and I love how well you specifically call attention to it. Most channels would probably cut the part where you’re just deleting lines in the html file or wouldn’t say how they got the html file in the first place.
@awesomekling
@awesomekling День назад
Haha yeah, the workflow can get pretty messy sometimes, but it's important to explain what's happening instead of just skipping to the happy ending like you say :D
@spicybaguette7706
@spicybaguette7706 День назад
The irony of using nested CSS and -webkit prefixds at the same time :^). Reminds me of how tons of websites ship with es5 polyfills and simultaneously use es6+ syntax. It will never not be funny to me. This is the reason I have an immense respect for what you are doing, the amount of quirks and legacy stuff on the web is dazzling!
@ninadsachania3652
@ninadsachania3652 День назад
AK has really stepped up his video production game. :^)
@awesomekling
@awesomekling День назад
Glad to hear that! I wanted to improve my video quality so I took a course from Aaron Francis at screencasting.com/ -- it was super helpful. Totally recommend it for anyone making videos of themselves at the computer!
@jakedublya
@jakedublya День назад
Thanks for taking the time to record these Andreas, for a super nerd it's really entertaining.
@apoc_dev
@apoc_dev День назад
For your file reduction you should setup the ability for ladybug to watch the file and refresh on file change. Would save you a ton of time. Would also be cool if you had a tool that let you select a node and extract its dom tree and css that effects that tree to a html file without needing to manually edit.
@relakin
@relakin День назад
Sweet, missed this type of video! Still waiting on an hour long video, haha.
@arjix8738
@arjix8738 День назад
great content as always! the WPT tests look like a great way for newcomers to fix issues!
@TBasianeyes
@TBasianeyes День назад
these are so helpful for getting started in the Ladybird codebase
@glenfordwilliams5716
@glenfordwilliams5716 День назад
Well hello friends🎉
@brambasieldev
@brambasieldev День назад
Hello, Andreas! What mac do you use in these videos?
@awesomekling
@awesomekling День назад
It's a 14" MacBook Pro (M3 Pro) from Nov 2023 :)
@Doeschi
@Doeschi День назад
„We dont support webkit appearance…we may not even support appearance“ is great
@kreuner11
@kreuner11 День назад
it does actually support webkit appearance, he found the bug later
@DivjotSingh
@DivjotSingh День назад
Cool trick of elimination/but narrowing. I'll try to remember this whenever I feel I can represent the problem as one file and then delete until the bug disappears. It is probably unique to HTML and rendering, but it still seems like a cool trick.😊
@Midnightfalk
@Midnightfalk 17 часов назад
I'm always a bit sad when I see macOS users manually drag/resize their application windows. Consider using rectangle app and get to know the shortcuts to position your windows in a grid :^) Instant productivity boost!
@tRaigeki
@tRaigeki День назад
Fun video, nice work!
@rallokkcaz
@rallokkcaz День назад
16:00 You deleted the parent div previously that had the relative position to keep this structured correctly.
@MarekFajkus
@MarekFajkus День назад
if you just define absolute position the element should be rendered where it would normally be with static position. But it is absolute so it doesn't take any space. Only when you specify top, right, bottom, left then you move the absolute element accordingly to align it with its absolute/relative ancestor.
@awesomekling
@awesomekling 23 часа назад
Yes indeed!
@MarekFajkus
@MarekFajkus 22 часа назад
@@awesomekling I hope the fix for that behaviour will be simple. It sounds like it might be but I don't know how your codebase works. In any case thanks for working on new engine. It's really important work.
@RubenKelevra
@RubenKelevra День назад
Guess you could write a script which tries to remove one line at a time and does a visual comparison of the website after rendering. Guess that would be helpful if you removed a couple of elements and want to boil down the CSS code. It would also automate the removal of non-linked images
@Koutsie
@Koutsie День назад
Can't wait to see you delete irrelevant parts of the pagw with Ladybird dev tools haha
@sql64
@sql64 День назад
imbox
@awesomekling
@awesomekling День назад
imbox-sizing: border-imbox;
@sql64
@sql64 День назад
​@@awesomeklingthought it was a typo turns out its an actual thing
@zedi8888
@zedi8888 День назад
my favorite asmrtist
@roshanrchandar9410
@roshanrchandar9410 День назад
Hey
@getpunned
@getpunned День назад
Well hey friends
@fredleckie5880
@fredleckie5880 День назад
Woo-hoo!
@R.Daneel
@R.Daneel День назад
I doubt your workflow is the same while recording, but might I suggest finding a good window-tiler that you like? It would have saved you sooo many clicks and messing in this particular case!
@StevenHokins
@StevenHokins День назад
It is his workflow and its working for him, so keep your suggestion for yourself please
@Archimedes.5000
@Archimedes.5000 20 часов назад
@@StevenHokinsyou are making 0 sense
@StevenHokins
@StevenHokins 19 часов назад
@@Archimedes.5000 why, if Andreas would love to hear any viewers suggestion on window manager etc. he would ask in video
@japroz
@japroz День назад
10s ago 💀
@chillwat
@chillwat День назад
Using vim to appease DHH :^)
@GeofferyFisherman
@GeofferyFisherman День назад
video starts at 15:05
@Archimedes.5000
@Archimedes.5000 20 часов назад
lol
Далее
Fixing a WPT timeout in Window.postMessage()
32:49
Просмотров 10 тыс.
aespa 에스파 'Whiplash' MV
03:11
Просмотров 14 млн
Harder Drive: Hard drives we didn't want or need
36:47
Adding Modern JWT Authentication in ASP.NET Core
23:51
Просмотров 2,9 тыс.
The most compelling browser I've used since Arc
11:00
We're not supposed to know about this yet 🤐
29:48
Просмотров 19 тыс.
18 Weird and Wonderful ways I use Docker
26:18
Просмотров 320 тыс.
I set onreadystatechange but nobody is calling!
33:08
So You Think You Know Git - FOSDEM 2024
47:00
Просмотров 1,2 млн
Skyblock is being taken by Microsoft.
8:16
Просмотров 388 тыс.