Are you a Designer or a Developer?๐Ÿ‘จโ€๐Ÿ’ป

Here are some Google Chrome extensions that can make you better in 2021. ๐Ÿ”ฅ๐Ÿ€

(Thread) ๐Ÿงต๐Ÿ‘‡

1. https://t.co/zGir5E5U0J: https://t.co/PVx1wlX0Se is the easiest way to stay updated on the latest programming news. Get the hottest dev news from the best tech blogs on any topic you can think of.
2. CSS Peeper: CSS Peeper is a CSS viewer tailored for Designers. Get access to useful styles with our Chrome extension. Its mission is to let Designers focus on design, and spend as little time as possible digging in a code.

https://t.co/ifNAJT0LoZ
3. UX Check: UX Check makes heuristic evaluations quick and easy. The extension will open up Nielsen's Ten Heuristics in a side pane next to your website.

https://t.co/Kpkj708lwe
4. Checkbot: Checkbot finds critical SEO, speed & security problems before your website visitors do
Tests 100s of pages at once for broken links, duplicate titles, invalid HTML, insecure pages, and 50+ other checks.

https://t.co/JIHvia9f0M
5. Notion Web Clipper: Notion is your all-in-one workspace, where you can write, plan, collaborate and get organized. Take notes, keep databases, build a wiki, project manage your team โ€” all with one tool.
https://t.co/NlojBhVjcv
6. Lighthouse: Lighthouse is an open-source, automated tool for improving the performance, quality, and correctness of your web apps.

https://t.co/A3qNaIPdrm
7. WhatFont: WhatFont is the easiest way to find out the fonts used in a webpage? Firebug and Webkit Inspector are easy enough to use for developers. However, for others, this should not be necessary.

https://t.co/ldTpqGdfHd
8. React Developer Tools: React Developer Tools is a Chrome DevTools extension for the open-source React JavaScript library. It allows you to inspect the React component hierarchies in the Chrome Developer Tools.

https://t.co/OzHvbNv7Ci
9. Gitpod: Gitpod streamlines developer workflows by providing ready-to-code development environments in your browser - powered by VS Code.

https://t.co/Zg0I1iwDz6
10. JetBrains Toolbox Extension: Clone and open projects from GitHub, GitLab, and Bitbucket in JetBrains IDEs right from your browser

https://t.co/5BjrGLTs5s
Thanks for taking out your time to read this.

I hope this helps someone.

More from Software

As the year wrap's up, let's run through some of the worst public security mistakes and delays in fixes by AWS in 2020. A thread.

First, that time when an AWS employee posted confidential AWS customer information including including AWS access keys for those customer accounts to


Discovery by @SpenGietz that you can disable CloudTrail without triggering GuardDuty by using cloudtrail:PutEventSelectors to filter all events.


Amazon launched their bug bounty, but specifically excluded AWS, which has no bug bounty.


Repeated, over and over again examples of AWS having no change control over their Managed IAM policies, including the mistaken release of CheesepuffsServiceRolePolicy, AWSServiceRoleForThorInternalDevPolicy, AWSCodeArtifactReadOnlyAccess.json, AmazonCirrusGammaRoleForInstaller.
๐Ÿšจ ๐Ÿฆฎ Seven ways to test for accessibility using only what is already in browser developer tools of Chromium browsers https://t.co/C7kdbigHGE

@MSEdgeDev @EdgeDevTools @ChromiumDev
#tools #accessibility #browsers
Also, a thread: ๐Ÿ‘‡๐Ÿผ


Issues pane, powered by @webhintio, listing accessibility issues with explanations why these are problems, links to more info and direct links to the tools where to fix the problem.
https://t.co/4K5RynHhbg


The inspect element overlay showing accessibility relevant information of the element, including contrast information, ARIA name, role and if it can be focused via keyboard.


Colour picker with contrast information offering colours that are AA/AAA compliant. You can also see compliant colours indicated by a line on the colour patch.
Note: the current algorithm fails to take font weight into consideration, that's why there will be a new one.


Vision deficit ("colour blindness") emulation. You can see what your product looks like for different visitors.
https://t.co/bxj1vySCAb

You May Also Like

First update to https://t.co/lDdqjtKTZL since the challenge ended โ€“ Medium links!! Go add your Medium profile now ๐Ÿ‘€๐Ÿ“ (thanks @diannamallen for the suggestion ๐Ÿ˜)


Just added Telegram links to
https://t.co/lDdqjtKTZL too! Now you can provide a nice easy way for people to message you :)


Less than 1 hour since I started adding stuff to https://t.co/lDdqjtKTZL again, and profile pages are now responsive!!! ๐Ÿฅณ Check it out -> https://t.co/fVkEL4fu0L


Accounts page is now also responsive!! ๐Ÿ“ฑโœจ


๐Ÿ’ชย I managed to make the whole site responsive in about an hour. On my roadmap I had it down as 4-5 hours!!! ๐Ÿค˜๐Ÿค ๐Ÿค˜