syncfusionsyncfusion-blogs.hashnode.dev·6 hours agoWhat’s New in Angular 19?TL;DR: Angular 19 makes standalone components the default, streamlining development and enabling a strict mode for enforcement. It also introduces incremental hydration for performance and better state management using linkedSignal. Angular 19 brings...DiscussAngular 19
Frank Lamfranklam.hashnode.dev·Nov 20, 2024CSS New Align-Content for Block ElementsIn this post, we’ll explore what the new align-content property is, how it works with block elements, and practical use cases where it can simplify your CSS. What is align-content? The align-content property in CSS controls the alignment of multiple ...DiscussCSS
George Daskalakisblog.geodask.com·Nov 19, 2024Semantic Differences and Structural SimilaritiesIn modern front-end development, we strive to create reusable components to save time and reduce duplication. But if we prioritize reusability too much, we risk sacrificing clarity and flexibility. A common pitfall is to build overly generic componen...Discussdevelopment
IOi-o.hashnode.dev·Nov 19, 2024DeveloperIn July 2024, I begun research into a career switch into Tech. I decided that Web Development might work for me and so, I began looking into learning Front-End skills. I took courses in HTML, CSS, Web Development, Programming Fundamentals and more. N...Discussbeginner
Pragya Rajputreactwithpragya.hashnode.dev·Nov 16, 2024About React: A Beginner's IntroductionIntroduction React has become one of the most popular JavaScript libraries for building user interfaces, especially single-page applications. Created by Facebook, it’s known for making interactive and efficient UIs easier to develop. In this post, I'...Discuss·10 likes·41 readsReact
Abhishek Shuklaabshukla.hashnode.dev·Nov 15, 2024Implement Array.prototype.flat()In this blog we’ll implement one of the tricky JS Array prototype functions which is the flat function Practice Link: https://bigfrontend.dev/problem/implement-Array-prototype.flat MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Referenc...DiscussKnowing JSJavaScript
Ayusharpcoderreacttonext.hashnode.dev·Nov 12, 2024CSS Grid vs. Flexbox: When to Use Each and WhyAs a frontend developer, two of the most powerful layout tools you can have in your CSS toolkit are CSS Grid and Flexbox. Both are designed to help you create responsive, flexible layouts, but they have different strengths and use cases. Knowing when...Discuss·1 likewebdev
Ayusharpcoderreacttonext.hashnode.dev·Nov 11, 2024Essential HTML and CSS Tricks Every Frontend Developer Should KnowIn the world of frontend development, HTML and CSS are the building blocks of every website and web application. While mastering JavaScript frameworks is important, having a strong foundation in HTML and CSS can make your projects more efficient, acc...Discuss·1 likewebdev
Gurjot SinghforThe Dev Folksthedevfolks.com·Nov 10, 2024Mastering JavaScript: Chrome Dev ToolsChrome DevTools is a powerful suite of tools provided by the Chrome browser to help developers debug, analyze, and optimize their web applications. This guide covers essential aspects of using Chrome DevTools, including debugging issues, debugging me...DiscussMastering JavaScript: A Comprehensive GuideJavaScript
IOi-o.hashnode.dev·Nov 8, 2024Blog preview cardFor this challenge, I was asked to create a static blog preview card showcasing some content, a call to action with emphasis on hover and focus states. The task I was provided some design images of both desktop and mobile, no Figma file this time, bu...DiscussCSS