Best of daily.dev — 2021
- 1
- 2
- 3
JavaScript in Plain English·5y
17 Killer Websites for Web Developers
The Unsplash API is a modern JSON API that surfaces all of the info you’ll need to build any experience for your users. Embeddable Widget Apps for Notion is a tool to add 3rd party apps to your Notion Document. Smart Mockup is the fastest web-based mockup tool.
- 4
DEV·5y
Aura Theme v2.0.0 is out now! 🥳 🎉
The entire project was recreated from scratch using TypeScript Color schemes have been improved Added Aura CLI Added Aura API New ports have been added, the current full list of ports is: Visual Studio Code, Sublime Text, Windows Terminal andGNOME Terminal. You can reach me here or on GitHub if you need some help.
- 5
JetBrains·4y
Welcome to Fleet!
Fleet is a lightweight editor but with a twist. It provides syntax highlighting, simple code completion, and all the things you’d expect from an editor. But wait, there’s more! Fleet is also a fully functional IDE bringing smart completion, refactorings, navigation, debugging, and everything else.
- 6
daily.dev·5y
Adding 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.
- 7
DEV·5y
Clean Architecture on Frontend
The Clean Architecture is a way of separating responsibilities and parts of functionality according to their proximity to the application domain. It is often referred to as a three-layer architecture, because the functionality in it is divided into layers. In this post we'll talk about what the clean architecture is in general and get familiar with such concepts as domain, use case and application layers. Then we'll discuss how this applies to the frontend and whether it's worth it at all.
- 8
Josh W Comeau·4y
My Custom CSS Reset
This tutorial explains how to use your own custom CSS reset. It includes all of the little tricks I've discovered to improve both the user experience and the CSS authoring experience. We'll dig into each rule, and you'll learn what it does and why you might want to use it.
- 9
Geek Culture·5y
Writing Clean JavaScript — ES6 Edition
Clean code is not just code that works, but rather code that can be easily read, reused, and refactored by others. This article focuses on writing clean JavaScript ES6 code which is not framework-specific. Most of the mentioned examples can apply to almost any other programming language.
- 10
ITNEXT·4y
🔥 Frontend Interview Cheatsheet That Helped Me Get Offers From Amazon & LinkedIn
Vitalii Shevchuk: Frontend Interview Cheatsheet That Helped Me Get Offers From Amazon & LinkedIn. If you are preparing for a frontend interview and want to quickly refresh your frontend domain knowledge, this cheatsheet will save you a lot of time. Enjoy reading, and feel free to dive deeper by clicking the topic link.
- 11
JavaScript in Plain English·5y
4 JavaScript Concepts That Every Developer Should Know
In this post, I will discuss four of the most important JavaScript concepts. IIFE IIFE, aka, Immediately Invoked Function Expression, are JavaScript functions defined as expressions that are immediately invoked and executed as soon as they are defined. Scope Scope determines which variables you have (or do not have) access to in different contexts. Closures are helpful to employ when you would like to pass variables, arrays, or methods from an outer function to an inner function.
- 12
Hacker News·4y
Tailwind CSS v3.0 – Tailwind CSS
Tailwind CSS v3.0 is here, bringing incredible performance gains, huge workflow improvements, and a seriously ridiculous number of new features. Every color out of the box, including all of the extended palette colors like cyan, rose, fuchsia, and lime, and fifty shades of grey gray. Colored box shadows for fun glow and reflection effects, and more natural shadows on colored backgrounds.
- 13
daily.dev Changelog·5y
Announcing daily.dev 3.0 🦄
Daily.dev 3.0 is the fastest version we have ever created. The browser extension is getting a serious revamp with a brand new UI. The new design aims to improve accessibility and make it easier to use daily.dev on both desktop, tablet, and mobile. In the coming weeks, we will ship a new set of features and improvements.
- 14
DevDojo·5y
10+ Projects You Can Do to Become a Frontend Master
Learn about firebase, authentication, real-time database and etc. by building a chat app. Build a blog and share content regularly to increase your online presence. Learn about styled-components, routing in Next JS, implementing MDX, and using dynamic routes. Use Spotify 2.0, your own Spotify version.
- 15
DevDojo·5y
ES6 Handbook: The Complete Guide
This blog is all about ES6. It includes all the topics related with examples. Before reading further, I want to specify that this was not a blog post initially. These are just my personal notes that I use as a reference guide, so I apologize for any misspells here :)
- 16
SitePen·5y
TypeScript 4.4 Cheat Sheet
CNN.com will feature iReporter photos in a weekly Travel Snapshots gallery. Visit CNN.com/Travel each week for a new gallery of snapshots from around the world. Visit iReport.com for a weekly snapshot of the world's most popular destinations. iReport: Share your photos of the week with us.
- 17
Next.js·5y
Blog - Next.js 12
Next.js 12 includes a brand new Rust compiler that takes advantage of native compilation. We've optimized bundling and compiling with ~3x faster refresh locally and ~5x faster builds for production. Native Next.js APIs are now supported, as well as Suspense <Image /> AVIF Support.
- 18
DEV·5y
7 useful HTML attributes you may not know
This is a list of HTML attributes that many beginners don't know, but that can be helpful. The multiple attribute allows the user to enter multiple values on an <input> element. The spellcheck attribute is another global attribute that you can use to check spelling and grammar on HTML elements such as input fields.
- 19
JetBrains·4y
Learn in 1 Hour: Design Patterns
This week's Hour of Code is about design patterns. Design patterns are reusable templates for commonly occurring problems in software design. At JetBrains Academy, you can get an introduction to design patterns and learn five types of the most common creational patterns. Click the links below to open the educational topics that will allow you to not only read a detailed theory about a specific design pattern but also apply your skills straight to practice.
- 20
Hashnode·5y
18 Awesome Linux Themes For Your Inspiration 🎨😍
The other day I was browsing Reddit and bookmarked some neat custom-made, one-of-a-kind interfaces from fellow Unix users. I decided to share my findings, so you can get some inspiration, too. To find out the configuration details of each setup, click on the author's username.
- 21
GitHub Blog·5y
Thank you, GitHub
I’m moving on to my next adventure, and Thomas Dohmke will be GitHub’s next CEO. I will become Chairman Emeritus, which fulfills my lifelong ambition of having a title in Latin. My heartfelt thanks to every Hubber and every developer who makes GitHub what it is, every day.
- 22
- 23
GitHub Blog·5y
Introducing GitHub Copilot: your AI pair programmer
GitHub Copilot is a new AI pair programmer that helps you write better code. It draws context from the code you’re working on, suggesting whole lines or entire functions. As you type, it adapts to the way you write code to help you complete your work faster.
- 24
DEV·4y
Advanced Javascript Design Patterns
Design Patterns are the solutions to commonly occurring problems in software design. These patterns are easily re-usable and are expressive. We will be discussing all these design patterns using Javascript es6 classes. I have covered here 20+ design patterns explanations in javascript. If you wish to learnAdvanced react component patterns, please find it here.
- 25
gitconnected·5y
How I Structure HTML for Better SEO Results
Stephan Romhart explains how to use semantic HTML 5 tags for better machine readability. He also explains how he organize his CSS for websites without a framework. In his 20 years of web development experience, he’s developed a standard CSS approach for myself. He says that most websites can be built with the following boilerplate.