daily.dev·5yAdding the daily DevCard to your GitHub profile
Ole-Martin created a GitHub action to pull the latest DevCard automatically. In this article, we’ll show you how you can leverage his amazing action to showcase your DevCard on your GitHub profile as well. The easiest way to add your Dev card is by visiting the DevCard page and generating your card.
daily.dev·5yWhy I moved from styled-components to Tailwind CSS and what's the future of CSS-in-JS?
Styled-components is an open-source JS library that uses the power of JavaScript to create styled React components easily. Tailwind CSS follows the Atomic CSS methodology, where every class sets only one styling rule. The only difference is that you write your CSS in your JS files or even JSX.
daily.dev·5yTailwind CSS from Zero to Hero - Dark Mode, JIT & More!
Using with Preprocessors: Adding a dark mode and directives.Configuring styles based on a design system: New JIT mode. Extending default breakpoints: Adding accessibility support. Using Less: Using the core Stylus features won’t work. Using PostCSS: If you are interested in using PostCSS, then check out the previous articles.
daily.dev·5ydaily.dev is launching new Clubhouse-like channels for audio chats
Fireside Chats will be a new way for daily.dev community to interact on the latest programming news. Users will be able to join voice chats on trending news, AMAs and interviews. Opening a new FireSide Chat will be available only to users who gained certain reputation points. However, joining an existing room will be open for all.
daily.dev·5yA Guide To Writing Clean API Calls Using Axios
Axios is a third-party library that lets you write clean API calls. It gives features such as interceptors, defaults, etc. It can be overkill for small apps. It bloats your production build size. It is not native to Javascript, unlike Fetch.
daily.dev·5yMeet our 5 days open-source side-project and its tech stack
daily.dev has launched a new side-project called Buzzword Quiz. It's a web application where you have to identify as many logos as possible in 90 seconds. The tech stack is very much influenced by our webapp. We chose Nextjs as it offers flexible rendering options. Redis is a great solution because active games have a predefined time-to-live.
daily.dev·5yNext.js is turning 5. Join the celebration!
Next.js Conf is a day dedicated to celebrating what we've accomplished as a community. Next.js was born and paved the way for a faster, more intuitive, and more freeing way to build for the web. Here are three reasons you won't want to miss the event on October 26.
daily.dev·5y5 bad coding practices, GitHub Copilot, CRO - Week 187
Introducing GitHub Copilot: your AI pair programmer. 5 bad coding practices that make other developers hate your code. 10 CSS concepts and tricks for beginners that will help you progress. How to Set Up Airbnb Style Guide for React Projects.JavaScript Tips, Ticks, and Best Practices.
daily.dev·5yTop 5 Coding Challenge Websites Ranked by Data
Coding challenges are an excellent way to refresh your memory of basic and advanced concepts before seeking a new job, preparing for a job interview, etc. Many programmers actually love participating in such challenges just for fun. I decided to make this list of the most useful competitive programming websites for everyone in need.
daily.dev·5yTailwind CSS from Zero to Hero - Extracting Components and Setting up for Production
This is the fourth and probably the final piece in the Tailwind Zero to Hero series. This time we will be using some really useful concepts like using components, and getting our entire “Plant-a-holic” project ready for production. The concept is similar to what you might have used in frontend libraries or frameworks like React or Angular.
daily.dev·5yCreating a Killer GitHub Profile README Part 2
In the previous article, I documented my process for building out my README.md file. I added sections for an intro, latest blog posts, pinned repositories, GitHub stats, skills and a skeleton section for an Office quote. In this second article and final issue in this series, I will add the dynamic content injection and will get you familiar with GitHub Action workflows.
daily.dev·5yTailwind CSS from Zero to Hero - The Utility-First Workflow
Part two of the Tailwind CSS from Zero to Hero series. This time we will focus more on the entire workflow with utility classes. With these, you style elements by applying pre-existing classes directly in your HTML. With Tailwind’s utility classes, you use neither predefined rules, nor pure CSS.
daily.dev·5yMy favorite coding and entrepreneurship books 📚
Some knowledge must be acquired by reading books. I have three professional pillars that I focus on improving: Engineering, entrepreneurship, and DevRel. So it only makes sense that I will read and recommend books in these domains. My most recommended books are laid out here together with my personal notes.
daily.dev·5yHow to improve your programming skills in 2021 [The Full Guide]
This article can be useful for software engineers, both beginners and experienced. I've tried to structure the guide in a modular way so that each topic is standalone. I'll start by saying that learning software development is more like a marathon than a sprint. It a full-time effort that requires the discipline to improve a bit every day.
daily.dev·5yHow To Build an SMTP Mail Server with Express, Node, and Gmail
The full codebase can be viewed here:https://github.com/killshot13/express-smtp-mailer. The server powers the backend of Ormica, a real estate investment firm in S. Florida. We'll primarily be using Express and Node to create this server. We’ll integrate Nodemailer to construct a mailable object and Gmail SMTP Server to deliver our emails free of charge.
daily.dev·5yTailwind CSS from Zero to Hero - Up and Running
Tailwind is a utility-first CSS framework that lets you add styles to your web pages without writing a single line of custom CSS code. Instead of pre-built components, it provides utility classes which are essential to style any HTML element you wish. With Tailwind you choose what styles you need to apply, code it and there it reflects immediately.
daily.dev·5yCSS Hacks, JavaScript Animation Libraries - Picks #167
GitHub Surf is a new product that will let you edit the code of a repo via your browser. Learn the basics terms and components of a microservices architecture. The Dark Side of Becoming a Self-Taught Developer gives a glimpse of what it takes to be a developer.
daily.dev·5yBuilding micro-frontends, improve your programming skills, and a free Apple Watch - Picks #175
This is your chance to win a new Apple Watch for free. Every month we will choose a new epic prize to be awarded. Yesterday we launched our new Ambassadors Program. This is the first month of the program. To sign up, go to: http://daily.dev/monthly-prize.
daily.dev·5yCreating a Killer GitHub Profile README Part 1
GitHub now allows developers to create a profile-level repository and use the README to add some personality to their page. I wanted a unique profile that accomplished a few things:Provided a route for visitors to find my other social outlets Highlighted my most recently published articles Displayed pinned repositories in a visual-appeasing fashion. Listed some of my skills for those interested or for future employers. End the experience with a quote from an API I built.
daily.dev·5y🔥 What's Hot in Web Development? — Weekly Picks #164
We also cover the upcoming Ubuntu 21.04 release, a React roadmap, and a few more interesting articles. If you are not familiar with ReScript yet, we have two articles this week that will help you with your first steps. We will come back with another list of interesting development posts next week.
daily.dev·5yTailwind CSS JIT Compiler: First Impression
Tailwind CSS is a utility-first CSS framework. Its PostCSS plugin generates atomic classes that we can use in HTML to style a component rapidly. The problem is that too many classes are produced, and it yields a massive CSS bundle. The new JIT compiler, inspired by Windi CSS, is here to save the day.
daily.dev·5yGetting Started with Alpine.js - The Ultimate Guide
Alpine.js is a JavaScript framework that enables us to enhance our JavaScript applications with its reactive and declarative nature. It’s lightweight (~7kB gzipped) and designed to write markup-driven client-side JavaScript. It is not used to create SPAs, it just uses the nature of Angular.js to strengthen your templates. Alpine.js has no file structure, also it doesn’t have a CLI tool.
daily.dev·5yCreate Chrome Extension with HTML, CSS, and JavaScript
Google Chrome is one of the most loved browsers for developers as well as general users. Today, we are going to look into how you can create your very first Google Chrome extension with the use of HTML, CSS, and JavaScript. The tutorial will be easy for you. You only need to know "How to setup the extension?"
daily.dev·5yHow to Deal with the Stress of Being a Software Developer
A developer’s job is very stressful due to its nature: you need to build or create. The best way to tackle this issue is to understand the most common sources of stress so you can identify which one you’re experiencing at the moment. There are four main types of work stress as a developer.