--- title: Best DevDojo posts — February 2022 | daily.dev description: The most upvoted DevDojo posts from February 2022, curated by the daily.dev community. canonical: https://daily.dev/sources/devdojo/best-of/2022/02 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/devdojo/best-of/2022/02 og:type: website og:site_name: daily.dev og:title: Best DevDojo posts — February 2022 | daily.dev og:description: The most upvoted DevDojo posts from February 2022, 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 — February 2022 1. 1 [](https://daily.dev/posts/this-is-how-you-make-images-responsive-in-css-gsc8s2awl "This is how you make images Responsive in CSS") Article DevDojo · 5y This is how you make images Responsive in CSS SnowBit is a young passionate and self-taught frontend web developer. He has an intention to become a successful developer. Today, he shows you how to make responsive images with CSS. He also shows how to use the max-width and independent height properties. 71 12 2. 2 [](https://daily.dev/posts/200-design-resources-you-must-know-right-now--43fgzqd27 "200+ Design resources you must know right now!") Article DevDojo · 5y 200+ Design resources you must know right now! Website Description Figma Online graphic design tool (Free & paid options) Vectr Free vector graphics software Taler Create social media banner designs in minutes from hundreds of customizable templates. Visme Create presentations, infographics and more Infogram Create infograms ChartGo Create charts and graphs online Cartoon Photo Turn photos into cartoons Whimsical Wireframes, diagrams and more (4 free) 45 3. 3 [](https://daily.dev/posts/smooth-css-gradient-transitions-fpwscdg6m "Smooth CSS Gradient Transitions") Article DevDojo · 5y Smooth CSS Gradient Transitions All modern browsers do not natively transition colours in gradients smoothly. If we try to hover or interact with an element which transitions from one gradient to another, we end up with a sudden change. In this article, we'll cover how to smoothly animate a gradient transition with Javascript. That means creating a function which will be able to transition between two colors. 28 4 4. 4 [](https://daily.dev/posts/making-3d-css-flippable-cards-hvrtr71dm "Making 3D CSS Flippable Cards") Article DevDojo · 5y Making 3D CSS Flippable Cards 3d flippable cards with CSS and Javascript. A while back, I wrote an article on 3d interactive CSS buttons. Using a similar technique, I decided to design some 3D interactive user cards. These also work great for lots of different things - for example, a bank card UI, a playing card UI or just a teams page. 25 5. 5 [](https://daily.dev/posts/why-is-linux-considered-the-best-of-all--ogahvmuak "Why is Linux considered the best of all?🤔") Article DevDojo · 5y Why is Linux considered the best of all?🤔 Linux is one of the most reliable operating systems(OS) due to the fact that Linux and Unix-based OS code is reviewed by a huge number of developers constantly. On Linux, there is no need for an anti-virus since anyone has access to the source code. This is because it is open-source and thus bugs can be fixed rapidly and easily. 22 1 6. 6 [](https://daily.dev/posts/how-to-build-a-flash-title-notification-with-javascript-ovaxvlaj9 "How to build a Flash Title Notification with JavaScript") Article DevDojo · 5y How to build a Flash Title Notification with JavaScript When a user is on another tab, flash titles are useful for drawing their attention to the website. This article is in two parts, the HTML part, and the JavaScript part. We will create a function that will change the title tag and toggle between the current page title and the new notification messages that you want to toast to the user. 22 4 7. 7 [](https://daily.dev/posts/how-to-make-a-discord-bot-in-node-js-gsjkmtgv9 "How to Make a Discord Bot in Node.js") Article DevDojo · 5y How to Make a Discord Bot in Node.js Discord is a chat application that allows millions of users across the globe to message and voice chat online in communities called guilds or servers. Bots can perform various actions such as sending messages to servers, DM-ing users, moderating servers, and playing audio in voice chats. This tutorial aims at beginners with zero knowledge on how to make a Discord bot. 21 2 8. 8 [](https://daily.dev/posts/css-only-masonry-layouts-with-grid-c5kzvcpis "CSS Only Masonry Layouts with Grid") Article DevDojo · 5y CSS Only Masonry Layouts with Grid Masonry refers to the type of layout which is most famously used on Pinterest. It differs quite a lot from flex or grid, which have fixed row width. Masonry usually does a few things:Fill in the gaps Adjust automtically to CSS changes Create a container of the correct height. There is no support for CSS masonry in any modern browser. 18 9. 9 [](https://daily.dev/posts/server-side-rendering-with-laravel-inertia-js-vue-js-vg7ai1w-j "Server side rendering with Laravel + Inertia.js + Vue.js") Article DevDojo · 5y Server side rendering with Laravel + Inertia.js + Vue.js Inertia's SSR (server side rendering) is really important so you should have SSR whenever you are building a SPA (single page application) This is not an issue if you are using Laravel's default templating system, which is Blade. To solve this problem and make our website work even without Javascript enabled we'll need to somehow render everything on and the server side and serve all the resulted HTML on page-load.Luckily Inertia ships with some tools to help us tackle this issue. 18 1 10. 10 [](https://daily.dev/posts/languages-to-learn-instead-in-2022--5164kbhay "Languages to Learn instead, in 2022!") Article DevDojo · 5y Languages to Learn instead, in 2022! The world of computer programming might be confusing at times. You may want to be an app developer but struggle to find a programming language and then end up learning languages that have no use in the future. Instead of Html -> Markdown or CSS, you may stick to HTML. 16 1 11. 11 [](https://daily.dev/posts/flipping-card-in-css-akjvykffr "Flipping Card in CSS") Article DevDojo · 5y Flipping Card in CSS SnowBit is a young passionate and self-taught frontend web developer. I am here with a cool CSS tutorial and you'll love it. I hope you learnt something new and enjoy reading. Stay tuned for the next article. Let's connect on Twitter - @codewithsnowbit. 10 [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/2022/02#page","url":"https://daily.dev/sources/devdojo/best-of/2022/02","name":"Best DevDojo Posts — February 2022","description":"The most upvoted DevDojo posts from February 2022, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/devdojo/best-of/2022/02#items","numberOfItems":11,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/this-is-how-you-make-images-responsive-in-css-gsc8s2awl","name":"This is how you make images Responsive in CSS"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/200-design-resources-you-must-know-right-now--43fgzqd27","name":"200+ Design resources you must know right now!"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/smooth-css-gradient-transitions-fpwscdg6m","name":"Smooth CSS Gradient Transitions"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/making-3d-css-flippable-cards-hvrtr71dm","name":"Making 3D CSS Flippable Cards"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/why-is-linux-considered-the-best-of-all--ogahvmuak","name":"Why is Linux considered the best of all?🤔"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/how-to-build-a-flash-title-notification-with-javascript-ovaxvlaj9","name":"How to build a Flash Title Notification with JavaScript"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/how-to-make-a-discord-bot-in-node-js-gsjkmtgv9","name":"How to Make a Discord Bot in Node.js"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/css-only-masonry-layouts-with-grid-c5kzvcpis","name":"CSS Only Masonry Layouts with Grid"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/server-side-rendering-with-laravel-inertia-js-vue-js-vg7ai1w-j","name":"Server side rendering with Laravel + Inertia.js + Vue.js"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/languages-to-learn-instead-in-2022--5164kbhay","name":"Languages to Learn instead, in 2022!"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/flipping-card-in-css-akjvykffr","name":"Flipping Card in CSS"}]},{"@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":"February 2022"}]}]} ```