Best of daily.devSeptember 2020

  1. 1
    Article
    Avatar of hashnodeHashnode·6y

    S.O.L.I.D. Principles around You, in JavaScript

  2. 2
    Article
    Avatar of hashnodeHashnode·6y

    12 HTML Tags You Don't Know

  3. 3
    Article
    Avatar of devtoDEV·6y

    Tails 🌪️ - Beautify open-source TailwindCSS Components

    Tails is a (no-config) copy'n paste library of hand-crafted templates and components built in TailwindCSS. All Tails components are free, and always will be! For more information about DevDojo and Hacktoberfest make sure to visit this page.

  4. 4
    Article
    Avatar of tuts_plusTuts+·6y

    The 30 CSS Selectors You Must Memorize

    We've built a complete guide to help you learn CSS, whether you're just getting started with the basics or you want to explore more advanced selectors. Learn CSS: The Complete Guide to CSS. Learn more about how to use CSS with our guide to CSS3.

  5. 5
    Article
    Avatar of dailydaily.dev·6y

    The Best Coding Challenges Websites For Beginners

    There are a plethora of websites where you can practice Data Structures and Algorithms questions. beginners might have a difficult time choosing one. Most of these websites are tailored to experienced developers. In this article, I want to list the best coding challenges for code newbies.

  6. 6
    Article
    Avatar of hashnodeHashnode·6y

    My personal top 15 Mac apps 👨‍💻

    This week we look at my personal top 15 Mac apps. I'm actually quite a minimalist in installing and keeping apps, so these 15 are the only "extra" apps I'm using on my device. Let me know on Twitter what your favourite apps for Mac are.

  7. 7
    Article
    Avatar of hashnodeHashnode·6y

    The Ultimate Vue Cheat Sheet

    Vue3 comes with a whole lot of new features. In this article we will go through all the fundamentals of Vue2 and Vue3. Basically a Vue Cheat Sheet to make your life easier. We will break it down into different sections like global APIs, Vue Configs and the rest.

  8. 8
    Article
    Avatar of hashnodeHashnode·6y

    Top 10 Visual Studio Code extensions you need to install

    Visual Studio Code is an amazing tool for developers. There are a number of extensions you can install to make your life easier. We will walk you through ten of the best ones to help you with your development. The list includes Tailwind CSS IntelliSense, TabNine, Prettier, Live Sass Compiler and Dracula Theme.

  9. 9
    Article
    Avatar of hashnodeHashnode·6y

    6 APIs & 7 Projects for your portfolio

  10. 10
    Article
    Avatar of hashnodeHashnode·6y

    Free Web Development Resources

    Coding Challenge Platforms: codewars.com. Free Hosting: netlify.com, firebase.com and cloudhosting.io. Remote jobs: flexjobs.com., weworkremotely.co and jobspresso.co. Images: unsplash.com; pixabay.com/ouch; drawkit.io/illustrations.

  11. 11
    Article
    Avatar of hashnodeHashnode·6y

    5 best practices for clean coding in JavaScript

    Clean coding means that you write code for your later self and your co-workers and not for the machine. Here are some of the clean coding practices which I follow while writing Javascript code. These are not framework-specific practices and can be used with any framework. Always write the linear code as much as possible.

  12. 12
    Article
    Avatar of hashnodeHashnode·6y

    Top 10 Chrome extensions for developers 👀

    Following my article about the top 10 visual studio code plugins and 5 full-stack projects we are now looking at Chrome extensions. Daily.dev really became my go-to extension! They provide a default opening tab that shows you the most awesome dev news. Grammarly for Chrome works great on all kinds of websites.

  13. 13
    Article
    Avatar of hashnodeHashnode·6y

    7 Simple Rules to Make Life Better for Developers

    Life is 10% what happens to us and 90% how we respond to it, says Linghesh Ganes. Form new habits continuously and build healthy and positive relationships. Find a mentor to help you change your life for the better, and adapt to the virtual environment.

  14. 14
    Article
    Avatar of devtoDEV·6y

    “CSS Flexbox Cheatsheet” v3

    The biggest change in this update is the addition of interactive demos to most properties. You will be able to see how each value works just by clicking on the buttons. I’m looking forward to your feedback! Tell me what you like about it and what you would like to see more.

  15. 15
    Article
    Avatar of hashnodeHashnode·6y

    One Way To Stay Up To Date As Developer

    We all know things are moving fast in the technology sector. There are ways we can curate information, and get only the information that interests us. Daily.dev is a Chrome/Firefox extension, which delivers the best programming news for you. FreeCodeCamp shares articles from their platform in this newsletter.

  16. 16
    Article
    Avatar of reactReact·6y

    Introducing the New JSX Transform

    React 17 RC includes support for a new version of the JSX transform. Upgrading to the new transform is completely optional, but it has a few benefits. It will enable future improvements that reduce the number of concepts you need to learn React. There are some performance improvements and simplifications that React.createElement does not allow.

  17. 17
    Article
    Avatar of dailydaily.dev·6y

    Making An Awesome Developer Portfolio

    Garv Nanwani shares his best tips on building a developer portfolio. A portfolio not only shows your works or what you know, but it represents your journey. The design and overall look of your site are the first things that anyone sees in your portfolio. Put a smiling photo of yours in the portfolio no matter what.

  18. 18
    Article
    Avatar of devtoDEV·6y

    1 line css to center object

    We accomplish this by using the place-items property. First, make sure to set the display to grid . Then, set the Place-items to center as shown below.That's it. Your search for a way to put an object in the dead center has finally come to an end.

  19. 19
    Article
    Avatar of devtoDEV·6y

    Bootstrap Templates - Open-Source and Free

    This article presents a curated list with Bootstrap Templates provided for free by open-source enthusiasts (freelancers & agencies) All templates are crafted on top of modern UI kits and based on the permissive license. This open-list will be periodically updated with more cool projects discovered by me or suggested by the Dev audience in the comments section.

  20. 20
    Article
    Avatar of hashnodeHashnode·6y

    Free web hosting providers for both front-end & back-end applications

    Use VERCEL for any front-end application and HEROKU for any level backend apps. Other websites are also useful when you are deploying static sites. But I recommend you to go through each website and find which one suits your project. I have created a list of free web hosting service providers that I have found.

  21. 21
    Article
    Avatar of medium_jsMedium·6y

    My Top 5 APIs For New Developers

    My Top 5 APIs For New Developers. An API, or an ‘Application Programming Interface’, is an interaction aide that allows applications to talk to each other. I wanted to share some of my favourite APIs to play around with, in case any of you are looking to have a practice or want to learn more about the world of APIs.

  22. 22
    Article
    Avatar of hashnodeHashnode·6y

    I made my website 28ms faster with content-visibility 🤓

    Making use of content-visibility. I read about this CSS property a while ago. But never got round to implementing and testing it. That is until today, so let's see what it actually does. It makes the Time to Interactive 1.1s faster. Even the small numbers matter.

  23. 23
    Article
    Avatar of hashnodeHashnode·6y

    VS Code Extensions I use Daily

  24. 24
    Article
    Avatar of wincmdWindows Command Line·6y

    Windows Terminal Preview 1.4 Release

    Windows Terminal Preview is now on version 1.4 and will have the new features listed below. Windows Terminal has moved to 1.3 and has all the features from our previous preview release. You can download both of these builds from the Microsoft Store as well as from the GitHub releases page.

  25. 25
    Article
    Avatar of devtoDEV·6y

    10 JavaScript Projects in 1 Hour - Coding Challenge

    This is the follow-up challenge after I completed the 10 JavaScript Projects in 10 Hours Coding Challenge a week before. The code is on GitHub and the projects are live here. The Sound Board project took to longest to finish (almost 8 minutes) but I have to say that the most fun to build was the Purple Heart Rain.