--- title: Best Tuts+ posts — June 2022 | daily.dev description: The most upvoted Tuts+ posts from June 2022, curated by the daily.dev community. canonical: https://daily.dev/sources/tuts_plus/best-of/2022/06 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/tuts_plus/best-of/2022/06 og:type: website og:site_name: daily.dev og:title: Best Tuts+ posts — June 2022 | daily.dev og:description: The most upvoted Tuts+ posts from June 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 Tuts+ — June 2022 1. 1 [](https://daily.dev/posts/30-web-development-best-practices-for-beginners-srqsg5cvm "30 Web Development Best Practices for Beginners") Article Tuts+ · 4y 30 Web Development Best Practices for Beginners In this post, I'll share 30 tips for best practices when you're coding you webpages or web apps. Always use Descriptive Meta Tags Use media Think About Accessibility Close All Your Tags Compress CSS Unobtrusive Scripting Separate IE Fixes Avoid !important Make Use of Browser Developer Tools Avoid Too Many Comments Beware of Heavy CSS Properties Use Shorthands Frameworks Come Last! 57 2 2. 2 [](https://daily.dev/posts/authenticating-node-js-applications-with-passport-94udolp2c "Authenticating Node.js Applications With Passport") Article Tuts+ · 4y Authenticating Node.js Applications With Passport Node.js applications are no exception to this. In this tutorial, we will use a relatively new but very popular authentication middleware - Passport. We will create a sample Express app from scratch and progress via adding routes to it and authenticating some of those routes. We are creating a Mongoose model which performs CRUD operations on the underlying database. 25 1 3. 3 [](https://daily.dev/posts/extending-html-by-creating-custom-tags-m3y2ivg75 "Extending HTML by Creating Custom Tags") Article Tuts+ · 4y Extending HTML by Creating Custom Tags In this tutorial I will show you how easy it is to extend the HTML language with custom tags. The custom tags can be used to implement various behaviors, so they are a very convenient way to write less code and keep your HTML documents simpler. Let's create a custom tag that will display the Gravatar picture for a certain email address. 10 [See all Tuts+ archives](/sources/tuts%5Fplus/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/tuts_plus/best-of/2022/06#page","url":"https://daily.dev/sources/tuts_plus/best-of/2022/06","name":"Best Tuts+ Posts — June 2022","description":"The most upvoted Tuts+ posts from June 2022, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/tuts_plus/best-of/2022/06#items","numberOfItems":3,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/30-web-development-best-practices-for-beginners-srqsg5cvm","name":"30 Web Development Best Practices for Beginners"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/authenticating-node-js-applications-with-passport-94udolp2c","name":"Authenticating Node.js Applications With Passport"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/extending-html-by-creating-custom-tags-m3y2ivg75","name":"Extending HTML by Creating Custom Tags"}]},{"@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":"Tuts+","item":"https://daily.dev/sources/tuts_plus"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/tuts_plus/best-of"},{"@type":"ListItem","position":5,"name":"June 2022"}]}]} ```