Best of daily.devJanuary 2021

  1. 1
    Article
    Avatar of devtoDEV·5y

    FlexBox Cheat Sheets in 2021 || CSS 2021

    Here's a Tutorial & Cheat Sheet of everything you can do with CSS flexbox. Let's refresh Our CSS Flexbox Memory. The Flexbox architecture work? The flex-items are distributed along the Main Axis and Cross Axis. And, depending on the flex-direction property, the layout position changes between rows and columns.

  2. 2
    Article
    Avatar of webweb.dev·5y

    How to use HTTPS for local development

    Some APIs that won't work on a deployed HTTP site, will work on http://localhost. mkcert is a tool that helps you do this in a few commands. Never export or share the file rootCA-key.pem mkcert creates automatically when you run mkcert -install.

  3. 3
    Article
    Avatar of freecodecampfreeCodeCamp·5y

    Learn CSS Grid by Building 5 Layouts in 17 minutes

    Learn CSS Grid by Building 5 Layouts in 17 minutes. Learn how to use CSS Grid to build your own website. Learn more about CSS Grid at the CSS Grid website. For more information on how CSS Grid works, visit www.cssgrid.com. To learn more about the Grid, visit the Grid website at www.cssgrid.org.

  4. 4
    Article
    Avatar of phProduct Hunt·5y

    GitHub Metrics — Customize your profile with various plugins and metrics

    Metrics generates infographics about you so you can embed them on your GitHub profile to let other users know more about you. Display your git stats along with an isometric calendar, favorites music, website performances, last tweets, projects, languages, ... Embed Collect.

  5. 5
    Article
    Avatar of hashnodeHashnode·5y

    35+ Free Public APIs to Improve Productivity

    The Zoom API is the primary means for developers to access a collection of resources from Zoom. The Twilio Messaging API makes it easy to send and receive SMS and MMS messages and query meta-data about text messages. GIPHY SDK is a top-to-bottom solution for all things GIF in your app.

  6. 6
    Article
    Avatar of phProduct Hunt·5y

    Music Time for Spotify- VSCode Extension — Discover the most productive music to listen to as you code.

    Music Time is built on the Code Time plugin and performs machine learning against a range of music metrics. It also uses productivity data from over 70,000 developers to determine song recommendations. Embed this video into your site and share it with your friends. Share this video on your website and blog.

  7. 7
    Article
    Avatar of hashnodeHashnode·5y

    16 side project GitHub repositories you may find useful

    A Side Project is something you do aside from your main job to fuel your passion while learning something new. The primary purpose of this article is to share the GitHub repositories with relevant details. Each of the repositories has a well-explained readme.md file to guide how to use the project. All these projects are open-source and I hope you find them useful.

  8. 8
    Article
    Avatar of freecodecampfreeCodeCamp·5y

    How to Learn React in 2021: The 7 Skills You Need To Know

    Reed Barger is the co-founder and CEO of React, a social media company based in San Francisco. He is also the founder of the social media app React. Barger says React will be a key part of the U.S. economy in the next decade.

  9. 9
    Article
    Avatar of hackernoonHacker Noon·5y

    The Ten Most Starred Github Repositories

    Shreya Purohit has curated a curated list of the most helpful repos ever. Public API contains a list of free APIs which can be used for building projects and apps. Coding Interview University is a repository for learners who want to be a software engineer.

  10. 10
    Article
    Avatar of hashnodeHashnode·5y

    10 Fun APIs to Use For Your Next Project

    A web API (application programming interface) is a tool which tells a system what you want and gives the response back to you. Think of an API as a messenger. I've curated a list of 10 fun APIs to use for your next project. Let me know if you know of any other APIs which would be cool and fun to use.

  11. 11
    Article
    Avatar of freecodecampfreeCodeCamp·5y

    A Free 12-Hour Coding Bootcamp to Help You Decide Whether Coding is For You

    A Free 12-Hour Coding Bootcamp to Help You Decide Whether Coding is For You. Ania Kubow will teach you how to code in 12 hours. The bootcamp is free and open to the public. For more information, visit codingbootcamp.org.

  12. 12
    Article
    Avatar of hnHacker News·5y

    Discover the best developer blogs on any tech stack

    Blogging for Devs Trends is meant to be a fun way to discover the most discussed technical content on Twitter, without doomscrolling your day away. We track 354 of the best technical blogs by developers and industry experts, across over two dozen categories. Points are weighted to reward mentions and replies by individual developers more than likes and retweets.

  13. 13
    Article
    Avatar of logrocketLogRocket·5y

    Top 10 VS Code extensions for 2021

    Visual Studio Code is one of the most widely used code editors in the developer community. One of the reasons for VS Code’s popularity is its many extensions that speed up the development process. In this guide, we’ll explore the 10 VS Code extensions every web developer should know in 2021.

  14. 14
    Article
    Avatar of jsPlainEnglishJavaScript in Plain English·5y

    What is __proto__ in JavaScript?

    Every single javascript object created, automatically comes with a __proto__ property. By giving assigning a new function sayHi to Object.prototype , every subsequent object that is created will automatically have that function. The usefulness is entirely up to you to decide. But before you go ahead and make use of __ proto__ in your production apps, do note that it has since been deprecated.

  15. 15
    Article
    Avatar of hashnodeHashnode·5y

    Refactoring old code

    A colleague asked me to write an extension on an old codebase. The old code was using loops and wasn't really efficient with the tools we have nowadays. I decided to use the Map method to map the data into the desired format. The last thing we need is to have the array sorted based on the number variable.

  16. 16
    Article
    Avatar of freecodecampfreeCodeCamp·5y

    The React Cheatsheet for 2021‬ (+ Real-World Examples)

    The React Cheatsheet for 2021‬ (+ Real-World Examples) is a set of cheat sheets designed to help you with React. Read the full set ofcheat sheets here: http://www.react.com/cheatsheet/en/home.php?title=React-Cheatsheet-for-2100.

  17. 17
    Article
    Avatar of freecodecampfreeCodeCamp·5y

    7 React Projects You Should Build in 2021

    Reed Barger is the co-founder of React, a social media company based in San Francisco. Barger has worked on a number of React projects, including one that is set to open this year. He is also the founder of React's parent company, React North America.

  18. 18
    Article
    Avatar of sitepointSitePoint·5y

    5 JavaScript Tools to Look Out For in 2021

    Rollup.js is a next-generation JavaScript module bundler from Rich Harris, the author of Svelte. Snowpack is a fast front-end build tool and a direct competitor to heavyweight options such as webpack and Parcel. Rome aims to unify the front- end development toolchain by providing a linter, compiler, bundler, document generator, formatter, test runner.

  19. 19
    Article
    Avatar of hashnodeHashnode·5y

    🚀 26 Built-in String Methods | JavaScript

    There are 26 different built-in string methods in JavaScript. This article looks at some of the most common. There is no need to memorise all of them. By being aware of what ones are available, you will save yourself reinventing them when the time comes that you need one of these.

  20. 20
    Article
    Avatar of webweb.dev·5y

    Introducing Open Web Docs

    Open Web Docs is a collective project between Google, Microsoft, Mozilla, Coil, W3C, Samsung, and Igalia. It is designed to support a community of technical writers around strategic creation and long-term maintenance of web platform technology documentation that is open and inclusive for all.

  21. 21
    Article
    Avatar of hashnodeHashnode·5y

    Free Mockup Generator to show off your work like a pro!! 🚀

    8 Free Mockup Generators to show off your work like a pro. Mockuuups Studio Mockups Mockup Design Smart Mockups Freepik PSD Repo PSD Freebies Graphberry Free Vectors, Stock Photos and PSD Mockups for free.

  22. 22
    Article
    Avatar of quick_codeQuick Code·5y

    Coolest 25+ Web Design Trends In 2021, that’ll rock the world

    The web design industry is in constant change and heading towards attaining an exceptional edge over traditional methods. Every year, the industry showcases various types of trends and it confuses web designers to find the best ones from the long lists. We have covered most of the significant trends, Although there's a chance we might have missed some. So, do tell us and suggest your favorite in the comment section.

  23. 23
    Article
    Avatar of swlhThe Startup·5y

    How to Study for Data-Structures and Algorithms Interviews at FAANG

    Esco Obong is Senior Software Engineer @Airbnb, Founder of Algorythm study group on Facebook and Black Software Engineers Career Support Group on LinkedIn. He got offers from Google, Amazon, Uber and more without a college degree. How to Study for Data-Structures and Algorithms Interviews at FAANG

  24. 24
    Article
    Avatar of devdojoDevDojo·5y

    5 reasons to start using TailwindCSS

    Tailwind has a large set of utility classes that add padding, margin, width, height, and other CSS properties to an HTML element. Tailwind also has a beautiful color palette, incluing 8 basic colors with 10 different shades. You can customize colors, spacing, and everything else inside of Tailwind.

  25. 25
    Article
    Avatar of phProduct Hunt·5y

    List of +100 Frontend Coding Challenges — Never run out of coding ideas, ever again.

    Never run out of coding ideas, ever again. Get access to over 100 front-end challenges by Indrek Lasn. -30% OFF FOR ALL PH USERS! Ever had the urge to code, but had no inspiration or simply lacking the coding ideas? Never run out.