Best of daily.dev — April 2024
- 1
- 2
freeCodeCamp·2y
Create a Developer Portfolio as a 2D Game
Learn how to create a unique developer portfolio using Kaboom.js, a JavaScript library for game development. The course covers setup, loading assets, creating game maps, displaying the map, creating the player, programming game boundaries and dialogue, player movement and spawning, camera scaling, animations, and dialogue text.
- 3
- 4
- 5
- 6
- 7
Community Picks·2y
How I write Commits like a pro
Crafting effective commit messages is a hallmark of experienced developers. Embracing the Conventional Commits specification stands as a beacon for structuring commit messages. It sets a gold standard for clarity and consistency and aligns with Semantic Versioning (SemVer).
- 8
New Features in React 19 – Updates with Code Examples
React 19 introduces new features such as the React compiler, server components, actions, web components, enhanced hooks, asset loading, and form hooks. These changes aim to improve performance, simplify coding, and enhance the user experience.
- 9
daily.dev Changelog·2y
Introducing the new daily.dev mobile app!
The daily.dev mobile app has been updated with a sleeker interface, improved feed organization, streamlined navigation, and optimized mobile features. Android users can download the app from Google Play, while iOS, iPadOS, and MacOS users can download and install the Progressive Web App (PWA) from the provided guide.
- 10
DEV·2y
21 HTML Tips You Must Know About
Boost your coding skills with 21 HTML Tips including creating contact links, collapsible content, utilizing semantic elements, grouping form elements, enhancing dropdown menus, improving video presentation, supporting multiple selections, displaying text as subscript and superscript, creating download links, defining base URL for relative links, controlling image loading, managing translation features, setting maximum and minimum input length, enabling content editing, controlling spell checking, ensuring accessibility, defining target behavior for links, providing additional information, accepting specific file types, and optimizing video loading.
- 11
- 12
- 13
- 14
Learn CSS, HTML and JavaScript by Playing Coding Games
Learn CSS, HTML, and JavaScript by playing coding games in an engaging and interactive environment. Traditional learning methods lack practice, engagement, and can be boring. By combining practice and an interactive learning environment, you can make learning to code more efficient, interesting, and fun.
- 15
Hacker News·2y
Oh My Git!
Oh My Git! is an open-source game that visualizes the internal structures of Git repositories in real-time. It offers a playing card interface to remember Git commands and features an integrated terminal to execute arbitrary Git commands. The game also focuses on teaching teamwork and collaboration in Git.
- 16
- 17
- 18
- 19
- 20
Collections·2yJavaScript Visualized: Understanding the Event Loop, Web APIs, and (Micro)task Queue
Understanding the event loop, web APIs, and (micro)task queue in JavaScript is crucial for writing efficient code. It enables seamless handling of long running tasks and ensures correct order of asynchronous operations.
- 21
Atomic Spin·2y
5 Tailwind CSS Anti-Patterns to Avoid
Tailwind CSS has been a game-changer for developers, but there are anti-patterns to avoid when working with it. Avoid relying solely on the built-in color palette, under-utilize theme customization, and use a component-based framework. Additionally, avoid using the `@apply` directive and using Tailwind in domain-level components.
- 22
- 23
- 24
- 25
