Korisni bukmarkleti za web development

https://css-tricks.com/web-development-bookmarklet... link-img
avatar

A bookmarklet is a JavaScript-based bookmark that adds to a web browser. I’d like to show you some awesome web browser hacks to aid your web development workflow and how to convert those hacks into time-saving bookmarklets.

***

Applying a background to everything

When HTML elements don’t have backgrounds, it can be difficult to visualize their bounds and/or accurately measure the distance between them and other elements. Developers might want to better visualize bounds when dealing with optical imbalance (i.e. when something “looks off” even though it’s not), margin collapse (when certain margins are ignored), various issues with display: float: position:, and more.

Applying backgrounds means applying a semi-transparent background to all HTML elements in order to better visualize their bounds and spacings. It’s something many of us commonly do by opening up DevTools then typing a CSS declaration like selector { background: rgb(0 0 0 / 10%); } into the “Styles” box. But again, it’s really tiresome and repetitive — and something we can simplify with a bookmarklet.

1

ULOGUJ SE I DODAJ KOMENTAR


Registruj ili prijavi.

VIDI POPULARNE POSTOVE


1
avatar Vukašin pre 5 sati
1
avatar Stefan juče
2
3
avatar Anastasia pre 21 dana
2
avatar Aljosa pre 2 dana
2
avatar Bojan pre 5 dana
1
avatar Stefan pre 6 dana
1
avatar Stefan pre 7 dana
1
avatar Vukašin pre 8 dana
1
avatar Stefan pre 9 dana
1
avatar Vukašin pre 12 dana