--- title: Best DevDojo posts — December 2020 | daily.dev description: The most upvoted DevDojo posts from December 2020, curated by the daily.dev community. canonical: https://daily.dev/sources/devdojo/best-of/2020/12 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/devdojo/best-of/2020/12 og:type: website og:site_name: daily.dev og:title: Best DevDojo posts — December 2020 | daily.dev og:description: The most upvoted DevDojo posts from December 2020, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of DevDojo — December 2020 1. 1 [](https://daily.dev/posts/12-must-have-browser-extensions-for-developers-kko0ngjcw "12 Must Have Browser Extensions for Developers") Article DevDojo · 6y 12 Must Have Browser Extensions for Developers Google Chrome extensions are programs created by different developers that change your browser's functionality. Whether you are a Web Developer or not, thousands of different extensions can help you. In this post, we are gonna take at you some of the most useful extensions. Some of these extensions are going to be of help to you even if you are not a Web developer. 31 8 2. 2 [](https://daily.dev/posts/creating-browser-mockups-in-tailwindcss-uj6c7xtfo "Creating Browser Mockups in TailwindCSS") Article DevDojo · 6y Creating Browser Mockups in TailwindCSS Learn how to create multiple browser mockups in this quick tutorial in TailwindCSS. We'll create the header by adding a rectangle with rounded top corners. We can then create a dark mockup using the same color techniques as the light mockup. Of course, we can create different variations of browser mockup by changing the colors. 19 3 3. 3 [](https://daily.dev/posts/create-a-typing-effect-in-alpinejs-kktdg9hs "Create a Typing Effect in AlpineJS") Article DevDojo · 6y Create a Typing Effect in AlpineJS In this tutorial, I'll show you how to use AlpineJS to create a simple typing effect. You can take a look at a quick example of what we'll be creating in the Codepen below. We'll be adding a few more data variables and creating our x-init function. 18 4 [See all DevDojo archives](/sources/devdojo/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/sources/devdojo/best-of/2020/12#page","url":"https://daily.dev/sources/devdojo/best-of/2020/12","name":"Best DevDojo Posts — December 2020","description":"The most upvoted DevDojo posts from December 2020, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/devdojo/best-of/2020/12#items","numberOfItems":3,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/12-must-have-browser-extensions-for-developers-kko0ngjcw","name":"12 Must Have Browser Extensions for Developers"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/creating-browser-mockups-in-tailwindcss-uj6c7xtfo","name":"Creating Browser Mockups in TailwindCSS"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/create-a-typing-effect-in-alpinejs-kktdg9hs","name":"Create a Typing Effect in AlpineJS"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Sources","item":"https://daily.dev/sources"},{"@type":"ListItem","position":3,"name":"DevDojo","item":"https://daily.dev/sources/devdojo"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/devdojo/best-of"},{"@type":"ListItem","position":5,"name":"December 2020"}]}]} ```