![]() ![]() I could not find it in the code itself, although I didn't spend much time looking. I am not entirely sure what the exact cause of this bug is, but the only fix available will need to be done in an update. If anyone wants to take a look at my articles, here's my Medium profile."Reset devtools" doesn't fix the issue. PS: From this year, I've decided to write here on DEV Community. □ Subscribe to my weekly developer newsletter □ Source: #DevHumour #Programming #ICYMI /RqdJNHGCIU- Microsoft Developer UK February 23, 2020 What would we be without you? Learn more about 'auto-complete' feature here: ![]() Refined GitHub - Simplifies the GitHub interface and adds useful featuresĪh, IntelliSense. Grepper - The Query & Answer System for the Coder Community Any dev/techie can use these:Įlocance - Turn any web article or document into audio. Has its website with more features available.You can pin a specific set of tools/technologies.Detects everything used in a website from analytics tool to CDNs.Get in-depth of what technologies a website is made of. I wrote an entire article on Medium in 2018 about this. ![]() Copy the entire CSS rules of any element.Although it's paid, it has so much to offer from HTML classes to :hover states, it got you covered. Probably the most mature CSS inspector out there. Run a heuristic evaluation on your websiteĪs simple as that! This lets you diagnose a website manually, you take notes categorized around different UX categories like visibility, error check, flexibility and accessibility etc. Has a similar Speed Dial feature like the Opera browser, ability to download color palette from the feed, a dedicated search engine just for UI and design!.A special "Muzli Picks" feed curated by pros.Latest and top picks in UI, UX and interaction design.Trust them in this when they say, "A designer's must!". Developed by the folks behind Invision Studio and Freehand. This replaces your new tab with fresh and top picks from the designer community around the world. The freshest links about design and interactive, from around the web. Has built-in debugging tools and the ability to take screenshots.Tests local files efficiently and also works on remote browsers.This enables you to instantly configure and test local, internal servers, as well as local folders containing HTML, CSS and JavaScript files. Technically an app BrowserStack is famous for testing websites on various devices across desktops or mobile. Image from BrowserStack Local Chrome Store listingīrowserStack Local lets you test local servers & HTML, CSS and JS files in 700+ real desktop and mobile browsers, across 11 OSes. Gives you the ability to share the font with others via Twitterĥ️⃣ BrowserStack Local by.Displays the entire font family, weight, style, size and more.One-click will show you just the font name, a second click reveals all the information necessary.2-clicks and you get everything about that font. One of the best answer way to your "What font they used here?" question. The easiest way to identify fonts on web pages. All of your CSS code and Sketch work takes a browser route with this.You are able to edit any page, just like it's an artboard.From displaying CSS properties to actually moving different blocks of a website LIVE! Take a look below. Automatically inspects contrast for the selected element and fixes the contrast.The Premium version adds batteries to the already great extension. Quickly check and adjust contrast in realtime in your browser to meet WCAG 2.1 requirements.Ī must for UI designers. Gives info about the color in many formats like hex, hsl, rgb etc.Ģ️⃣ Kontrast - WCAG Contrast Checker by Kontrast.What I liked about this one is that it's open-sourced and I can use it with a keyboard shortcut Alt+P. Of course, there are others for the same task like ColorZilla, Simple Color Picker etc. So, here's the list of the best Chrome extensions for front-end lovers.Įye Dropper is open source extension which allows you to pick colors from web pages, color picker and your personal color history. ![]() These extensions are for both front-end developers and designers out there. But here I am, a front-end lover just like you so I've installed the following extensions for work and fun! Some are heavily focussed on debugging, some care about the front-end stuff. There are tonnes of Chrome extensions for web developers out there. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |