Javascript, React, CSS, browsers, etc
← Back Home On the impact of AI on the software engineering industry Share on Mastodon As someone who used LLMs for coding since 2023 I've seen insane progress with that tools. To the point of existential threat to software engineering occupation. AI generated code is extremely cheap. And currently it is used to solve problems that are relevant for the time when we didn't have extremely cheap AI…
← Back Home Don't confuse signals with answers Is 100% test coverage an answer that you code has no bugs? No. It's a signal that certain parts of the system behave in a way that is not broken. It is not guarantee that system as a whole works, even if you have some integration tests. There are still some edge cases. But having good test coverage is preferrable, because it is usually a strong signal…
← Back Home Using manual diagrams to learn new codebase When exploring a new codebase, it is difficult to get all the entities and relations between them at the same time. Everything is new, and with each opened file, the brain gets bombarded with new information. That's why I think it is important to unload part of the information to an external carrier. Some kind of map, that will help to…
← Back Home How I setup NextJS project Quick guide on decoupling from framework's nudged approach What I use NextJS for building a web application. It is not a blog or set of landing pages — it is more-less interactive. It has some API, client-side requests and so on, potentially can be even an Electron or React Native app. NextJS is a remarkable framework to start. It provides countless features…
← Back Home How to programmatically get highlights from Apple Books If you, like me using Apple Books for reading and making notes you may notice that getting highlights is not easy — you can’t just export them using Share Sheet. Without using third party apps there only one option I know — open Apple Books on desktop, open book highlights in UI and using Command key select highlights and then in…
← Back Home When to use SVG SVG are great choose for UI elements like icons and graphic elements that will scale. But if you need to use it as illustration with known dimensions — consider first trying PNG with doubled dimensions (for retina screens) after OxiPNG compression using https://squoosh.app/ . You can also reduce amount of colors if it makes sense. The app will show you difference in…
← Back Home Use case for :has() CSS selector To highlight internal interactive elements of some bigger interactive element. For example post card that opens post, but button on that card will add post to favorites. Previously for this was either using javascript or more complex layout trick with sibling layer overlaying bigger element. Here is how to do it with few lines of CSS .outer,…
← Back Home How to quickly see what was merged in a timeframe (with CLI) Let's say you see some change in chart of your app performance on specific date, and want to know what might be the cause. You can go to Github and check manually merged pull requests sorted by date but you can also speed it up by simple script. For that you'll need to use Github CLI client. Install it with your favorite…
← Back Home Rasterize HTML in Browser: A Guide to Local Client-Side Solutions Exploring how to transform HTML content into images locally using browser extensions. Introduction Rasterization, the process of converting HTML structure into an image, is akin to taking a screenshot of a web page. While there are services and libraries that enable webpage screenshots for purposes like testing and…