Community Picks·3yFrontend Developer Roadmap
Front-end development is the development of visual and interactive elements of a website that users interact with directly. It's a combination of HTML, CSS and JavaScript, where HTML provides the structure, CSS the styling and layout, and JavaScript the dynamic behaviour and interactivity.
Bootcamp·2yLinkedIn, But Better
The article discusses the need for a redesign of LinkedIn due to UX frustrations, such as a lack of a 'Saved' option and limited article discoverability. The redesign aims to make the platform more accessible, less cluttered, and personalized. It introduces features like a 'Saved' option, improved networking functions, a home screen for 'Stories,' and a separate tab for articles. The design also focuses on dark mode, consistent icons and components, and a standardized notification format.
asayer·3yLazy Loading in JavaScript
Lazy Loading in JavaScript Back Lazy loading is a method used to defer the loading of non-essential content until it becomes necessary for users to view it. It delays the display of certain elements, such as images, videos, and other multimedia, until the user actively interacts with the webpage. This article will look into the benefits of lazy loading.
freeCodeCamp·3yWeb Animation Techniques – CSS vs JavaScript
Web animations using CSS and JavaScript play a vital role in enhancing user experience on web pages. CSS animations are easy to use, perform well, and are responsive. JavaScript animations offer more flexibility and interactivity, making them suitable for complex animations and data-driven content. A combination of both CSS and JavaScript animations can provide the best of both worlds.
Community Picks·3yHow React 18 Improves Application Performance – Vercel
How React 18 Improves Application Performance - Vercel Engineering Wednesday, July 19th 2023. Learn how concurrent features like Transitions, Suspense, and React Server Components improve application performance. We'll explore how these latest features impact and improve your application's performance.
Community Picks·3yResume Matcher
Resume Matcher aims to empower developers with a deeper understanding of their resumes and skill sets. Weaviate Vector Database, Qdrant Vector Search, and Milvus support will further refine our ability to match your resume with job descriptions. Text Similarity feature provides a detailed comparison between your resume and job descriptions.
asayer·3yUX: best practices for developers
User experience (UX) is a critical component of web development that can make or break the success of a website or application. UX refers to the user’s overall experience when interacting with a website, app, or product. A well-designed UX can increase user engagement, retention, and conversions, resulting in better commercial outcomes.
builder.io·3yUI over APIs
Server-driven UIs are not just a theoretical concept; they are being implemented by some of the biggest names in the tech industry. They offer a dynamic and flexible way to generate UIs on the server and send them to the client through APIs. This approach can provide faster iteration and more personalized user experiences.
Amplication·3yWhy Netflix Took a Bet on GraphQL
Netflix migrated its iOS and Android apps to a GraphQL backend in 2022. Netflix's decision to adopt GraphQL was driven by its ambition to create a more flexible, efficient, and developer-friendly API architecture. GraphQL's declarative nature, comprehensive documentation, and robust tooling make it a developer's dream.
Medium·2yUX/UI Design Trends Going Into 2024
The article discusses various design trends that are expected to continue into 2024, including Bento boxes in UI design, spatial design and leaps in technology, the accessibility and personalization trends in UX design, and the rise of AI-powered design tools.
Community Picks·3yWeb UX: Study Guide
The resources here are grouped under the following topics: General Consideration on Web Usage Viewing Behaviors on the Web Eyetracking Gaze Patterns Web Interaction Design Content. This section introduces fundamental theories and key research on information-seeking behaviors on the web.
UX Planet·3yTypography Trends in Web Design 2023
The importance of typography in web design keeps waxing and waning every few years. In 2023, the web typography world has enjoyed an explosion of creativity. Richer typefaces, 3D styles, bold fonts, and various other interesting typography trends have taken over the world of web design.
Medium·3yJavaScript Optimization Techniques for Faster Website Load Times: An In-Depth Guide
JavaScript Optimization Techniques for Faster Load Times: An In- Depth Guide Master JavaScript optimization to enhance website performance. In this article, I’ll guide you through various methods to optimize your JavaScript code, including minimizing file sizes, reducing network requests, and employing best practices to ensure faster load times and improved UX.
habr·3ySupercharge Your Projects with React Custom Hooks
React Hooks are a feature introduced in React version 16.8 that revolutionized the way developers write and manage stateful logic in functional components. They enable developers to break down complex components into smaller, more manageable pieces, resulting in cleaner and more maintainable code. Hooks allow developers to manage component state and handle side effects effortlessly.
The Verge·3yI don’t want to log in to your website
Websites requiring logins to access free content are becoming more common, but the author argues that not reading is easier than reading and logging in. This trend reduces the value of the open web and creates a worse user experience. The author also discusses privacy concerns and the shift away from making websites feel like semipublic places.
UX Planet·3y5 Trendy New UX/UI Tools in October
The article introduces 5 trendy new UX/UI tools in October, including an AI-powered portfolio tool, HTML to Framer tool, Dall-e 3 tool, Figr for Figma tool, and Modyfi image editor. These tools offer features such as easy portfolio creation, website design and prototyping, accurate image generation, and advanced design resources.
UX Planet·3yMobile-First Design Guide 2023
Mobile-first is a design approach in which we start the product design process from the mobile end. In 2012, 10.88% of all global web traffic came through mobile phones. In 2023, that figure was a whopping 56.86%! Mobile searches have accounted for over 50% ofall searches on Google for the past four years.
freeCodeCamp·3yMERN Stack Crash Course – Build a Book Store App
MERN stack is a set of technologies often used to build full stack web apps. You'll start from scratch and build a complete CRUD application, exploring both backend and frontend development. The course covers an array of topics, including but not limited to: Backend CRUD operations.
freeCodeCamp·3yReact Server Components – How and Why You Should Use Them in Your Code
React has changed how we think about building user interfaces. We must adapt to this new mental model to fully leverage its power in building applications. In this tutorial, you'll learn about React Server Components (RSC) You'll learn exactly what they are and how they work, and more importantly, what problem they solve.
DZone·3yDesigning High-Performance APIs
Designing High-Performance APIs Learn API design principles for high-performance, scalable APIs that deliver exceptional user experiences and handle growing workloads. In a competitive market, speed and reliability are key differentiators. High-performance APIs are crucial in today's digital landscape.