Community Picks·2yLet's get animating!
This article covers GSAP's core fundamentals and provides an introduction to animating HTML elements using GSAP. It explains the different types of tweens and the properties that can be animated. The article also emphasizes the use of transforms and opacity for smoother animations.
DEV·2yThe Front-End Development we’re used to is dying
The traditional front-end development approach is dying due to the complexities and challenges it presents. Server-based web application development offers benefits such as faster changes, improved testing, and reduced complexity. With the advent of No-Code solutions, the need for pure front-end developers is diminishing. Front-end developers may need to transition to a Fullstack qualification to remain relevant.
DEV·2yAsync and Await in JavaScript: A Comprehensive Guide
Learn about the 'async' and 'await' keywords in JavaScript, which are used for handling asynchronous operations. Understand how they work, their advantages over callbacks and promises, and how they can be used in front-end development and Node.js. Includes examples and advanced patterns.
DEV·2yHere is my coolest portfolio
The post discusses the author's experience revamping their portfolio website using Tailwind CSS, GSAP, and Next.js. It highlights the importance of learning DSA in programming and emphasizes the significance of showcasing projects and work experience in a portfolio.
Medium·2y10 CSS One-Liners to Transform Your Web App
Learn 10 CSS one-liners that can transform your web app in just a few minutes. Topics include centering divs, creating free flowing elements, positioning elements in the DOM, universal box sizing, responsive images, centering elements, creating custom checkbox styles, making text smoother, clearing floats, and resetting all styles.
InfoSec Write-ups·2ySecuring the Frontend: A Practical Guide for Developers
This post explores the relationship between frontend development and cybersecurity. It discusses the cybersecurity threats in the frontend, best practices for secure frontend development, and strategies for integrating security into the user experience. Real-world case studies from Google, GitHub, Facebook, Stripe, and Slack are also presented.
asayer·2ySoftware Engineering Principles for Front End Development
Software engineering principles are important in creating efficient, maintainable, and scalable software. They provide a common language and guidelines for developers, encourage innovation and sustainability, and lead to robust, forward-thinking programs. Some principles for front-end development include D.R.Y., modularity, abstraction, encapsulation, K.I.S.S., and Y.A.G.N.I.
freeCodeCamp·2yLearn SvelteKit in 2 hours
SvelteKit is a modern JavaScript framework for building highly efficient web applications. It compiles code to vanilla JavaScript at build time. TailwindCSS is a utility-first CSS framework that allows developers to style sites directly within HTML markup. The course on the freeCodeCamp.org YouTube channel teaches how to use SvelteKit and TailwindCSS to build a landing page from scratch, covering setup, design, features, and deployment. Watching the course provides a practical, project-based approach to learning SvelteKit and TailwindCSS.
Medium·2yCode smells in Angular — Deep Dive — Part II
This post discusses code smells in Angular related to maintainability, including module boundaries and the DRY principle, handling imports without module resolution, multiple responsibilities in components, utility functions in services, nested subscriptions, and mutable vs. immutable operations.
Collections·2yMillion 3.0: The Next Generation Optimizing Compiler for React
Million 3.0 is the latest version of Million.js, introducing new features like a smarter hydration system, Million Wrapped feature, internationalization support, and Million Lint. It offers better performance and stability for React components.
