Changelog·4yFree Open Source Tailwind CSS Components
HyperUI is a collection of free Tailwind CSS components that can be used in your next project. With a range of components, you can build your next marketing website, admin dashboard, ecommerce store and much more. HyperUI is an open source collection of Tailwind components.
Hacker News·4yWarp: The terminal for the 21st century
A new terminal developed in Rust, I instantly fell in love when I tried it. There's just no going back from the incredible navigation workflows you can achieve with this tool. If the terminal had been invented today, this what we would get. Bravo! @warpdotdev.
Josh W Comeau·4yThe Front-End Developer's Guide to the Terminal
Modern front-end frameworks like React, Angular, and Vue rely heavily on the terminal. If you're not comfortable with command line interfaces, you'll struggle to run a local development server or build your application. We don't really need to know 98% of the stuff you can do with a terminal. Instead, we should focus on the most-important critical fundamentals.
DEV·4yThe Complete Guide to Regular Expressions (Regex)
A Regular Expression is a syntax that allows you to match strings with specific patterns. A regular expression adds the ability to use quantifiers, pattern collections, special characters, and capture groups to create extremely advanced search patterns. Regex can be used any time you need to query string-based data, such as analyzing command line output.
Hashnode·4yIntroducing JSON Hero: an open-source, beautiful JSON viewer for the web that lets you browse, search and navigate your JSON files at speed. 🚀
Johannes Schulte has created a tool to make reading and understanding JSON easier and more efficient than a Wall-O-Text. JSON Hero is a remix React app that runs on Cloudflare Workers, written in Typescript. It can automatically infer the content of the selected item and give you intelligent previews for dates and times.
DEV·4yThose HTML Elements You Never Use
There are over a hundred elements in HTML that can be applied to pieces of text to give them special meaning in a document. In this article, I dive deep into the HTML documentation, to come out with a handy bag of elements that will improve your website in not one, but two very important ways.
Hashnode·4yCommit Like a Pro
Committing changes is a common action that many developers do most of the time in case of contribution. You stage your changes and commit them so then they will be trackable in the history. In this article, we are going to talk about some common conventions and git commit best practices in order to make perfect commits.
Hashnode·4yBuild 5 Web Apps in 10 Hours using Next.js, React.js & Tailwind CSS.
This post tutorial shows you how to build 5 Web Apps in 10 hours. All of the web apps are part of the Frontend Mentor challenge projects. The goal is to make it look like the design given by the Front End Mentor. Here are the links to all the projects that we will build.
Semaphore·4y10 Books Every Senior Engineer Should Read
Engineers are natural readers. They take enormous pleasure in learning about new things. Books are the perfect medium to cover complex ideas in depth. This list contains a mixture of classic, timeless texts and modern game-changing publications. Anyone interested in software development would enrich their skillset by reading them.
Hacker Noon·4yThe Array Methods Coming to JavaScript in 2022
A new specification has been written which will give us a host of new ways to copy and then change an array. This proposal is called the "Change Array by Copy" proposal. Currently, these features are not supported in any major browser or Node.JS version. We can expect them to be supported soon though since this specification has reached Stage 3 in the Javascript proposal process.
LogRocket·4yHow to detect dead code in a frontend project
Using ESLint to detect and remove dead code in your frontend project.Using webpack for dead code detection.Using TypeScript to detect dead code.Detect unused dependencies with depcheck.Using the no-unused-vars rule to detect unused variables in our files.
Bits and Pieces·4y3 Design Patterns Every Developer Should Learn
When numerous algorithms for a given strategy (interface) are required, this pattern comes in handy. Singleton Design Pattern is used when only one instance of a class is required. Observer Design Pattern enables you to set up a subscription mechanism that permits other entities to be alerted of each occurrence on the entity to which you are subscribed.
Pointer·4yZ4nzu/hackingtool: ALL IN ONE Hacking Tool For Hackers
All in One Hacking tool For Hackers. Kali Linux in WIndows10 Without VirtualBox YOUTUBE. New Tools Reverse Engineering RAT Tools Web Crawling Payload Injector. SocialMedia Bruteforce Android Hacking tools. Hash cracking tools Wifi Deauthenticate SocialMedia Finder.
Hashnode·4yI Design, You Build! - Frontend Challenge #4 (Supabase version)
This is the first prizes giveaway for "I Design, You Build" series. There will be AWESOME SWAG prizes to rewards 5 winners that has the best submission (I will be the judge) The judging period will be 1 month time from the today! Dateline for submission will be 7 May 2022.
Dev Genius·4yWeb design principles
Choosing the right colour is very important and you can’t just choose your favourite colour. A colourful website does not mean using all the different colours, be consistent and choose a single colour as your theme colour. When picking colours think about the mood of your colour palette. Typography is another important part of a website.
Hashnode·4yGit commands
Git is a free and open-source distributed version control system that's responsible for everything GitHub related that happens locally on your system. GitHub is a web-based platform where you can share your work with other developers and showcase your learnings. Git is used if you need to rewrite the history of a project.
Hashnode·4yHow To Solve Coding Problems Like A Pro
According to Indeed, an American worldwide employment website for job listings, problem-solving skills are the 4th most important skill required as a programmer. In this article, I'll work you through 4 step framework on how to solve problems like a professional. We'll also solve a real problem to solidify our understanding.
daily.dev Changelog·4yArticle Modal
When you click on a card in one of the feeds to comment, we will now show you our new article modal, instead of a new page. We have introduced next and previous article buttons, coupled with left and right arrow key navigation. We also made the UI far more intuitive with a nice big "read article" button once you have read the TLDR and decide this article is worth a read!
Hashnode·4y18 GitHub Repositories to Become a CSS Master 🎨🧙♂️
A while ago I wrote an article about the repositories you need to master JavaScript. It got some great feedback, so I decided to make a sequel about CSS as well. I have further sorted all the resources into categories from learning the basics to style guides, best practices, useful tricks, and additional resources you can study.
Medium·4yAutomatic Dark Mode With JavaScript
Detecting Users’ OS Dark Mode Preference Using matchMedia() using JavaScript. For many users, dark mode provides a more eye-friendly interface with fewer white tones that can cause eyestrain. In JavaScript, you can takes advantage of the Window interface’s match media() method to check the value of the prefers-color-scheme CSS feature.
Pointer·4yCSS Tips
Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language like HTML. CSS is designed to enable the separation of presentation and content, including layout, colors, and fonts. This separation can improve content accessibility.
