#front-end-development

[ follow ]
#user-experience

Accessibility essentials every front-end developer should know by Martijn Hols

Basic practices can significantly improve accessibility without overwhelming developers.
Semantic HTML is vital for both accessibility and SEO.

Handling React loading states with React Loading Skeleton - LogRocket Blog

Loading skeletons enhance UI by providing a smoother user experience compared to traditional loading spinners.

A Rant about Front-end Development

Front-end developers face frustrations due to the lack of emphasis on content in web development.

Lead Front End Developer at World Host Group

World Host Group is seeking a Lead Front-End Developer to enhance customer experience and lead a team towards developing a new Customer Hosting Panel.

Accessibility essentials every front-end developer should know by Martijn Hols

Basic practices can significantly improve accessibility without overwhelming developers.
Semantic HTML is vital for both accessibility and SEO.

Handling React loading states with React Loading Skeleton - LogRocket Blog

Loading skeletons enhance UI by providing a smoother user experience compared to traditional loading spinners.

A Rant about Front-end Development

Front-end developers face frustrations due to the lack of emphasis on content in web development.

Lead Front End Developer at World Host Group

World Host Group is seeking a Lead Front-End Developer to enhance customer experience and lead a team towards developing a new Customer Hosting Panel.
moreuser-experience

Front End Development Best Practices For Building Interactive eLearning Platforms

The demand for interactive eLearning platforms is rising, necessitating best practices in front-end development for usability, performance, and innovation.
#javascript

Call, Apply, and Bind Simplified for JavaScript Developers | HackerNoon

Call, apply, and bind are essential JavaScript methods for function invocation and contextualizing 'this'.
Call and apply execute functions immediately, while bind returns a function for later execution.

10 JavaScript Tips to Boost Development Efficiency

JavaScript offers powerful techniques that can greatly enhance coding productivity and performance in front-end development.

Server-side rendering is having a moment

React and its ecosystem continue to dominate front-end development despite emerging frameworks.
Data-driven insights from Sentry highlight the importance of server-side rendering in future front-end development.

Is the React compiler ready for prime time?

The React compiler optimizes performance by automating memoization and reducing unnecessary re-rendering, streamlining the coding process for developers.

How to Make a Simple JavaScript Quiz - SitePoint

Creating a JavaScript quiz enhances coding skills and audience engagement through interactive learning methods.

Practical Applications of RxJS in Angular Development - AiA 436 - Adventures in Angular

RxJS operators are crucial tools for Angular developers, enhancing development efficiency.

Call, Apply, and Bind Simplified for JavaScript Developers | HackerNoon

Call, apply, and bind are essential JavaScript methods for function invocation and contextualizing 'this'.
Call and apply execute functions immediately, while bind returns a function for later execution.

10 JavaScript Tips to Boost Development Efficiency

JavaScript offers powerful techniques that can greatly enhance coding productivity and performance in front-end development.

Server-side rendering is having a moment

React and its ecosystem continue to dominate front-end development despite emerging frameworks.
Data-driven insights from Sentry highlight the importance of server-side rendering in future front-end development.

Is the React compiler ready for prime time?

The React compiler optimizes performance by automating memoization and reducing unnecessary re-rendering, streamlining the coding process for developers.

How to Make a Simple JavaScript Quiz - SitePoint

Creating a JavaScript quiz enhances coding skills and audience engagement through interactive learning methods.

Practical Applications of RxJS in Angular Development - AiA 436 - Adventures in Angular

RxJS operators are crucial tools for Angular developers, enhancing development efficiency.
morejavascript
#job-opportunity

Front-end Javascript Developer at MailerLite

MailerLite is rapidly expanding and seeking a front-end developer for exciting new projects.

Senior Vue Engineer - USA at Redfast, Inc

The startup is seeking a Senior Vue.js Engineer to lead front-end development and feature scaling within a dynamic environment.

Job Vacancy: Working Student Web Development (Frontend) (f/m/x) // Tomorrow GmbH | Internships Jobs | Berlin Startup Jobs

Establish sustainable finance at the heart of society by hiring a Working Student for Frontend Web Development.

Front-end Javascript Developer at MailerLite

MailerLite is rapidly expanding and seeking a front-end developer for exciting new projects.

Senior Vue Engineer - USA at Redfast, Inc

The startup is seeking a Senior Vue.js Engineer to lead front-end development and feature scaling within a dynamic environment.

Job Vacancy: Working Student Web Development (Frontend) (f/m/x) // Tomorrow GmbH | Internships Jobs | Berlin Startup Jobs

Establish sustainable finance at the heart of society by hiring a Working Student for Frontend Web Development.
morejob-opportunity
#css

New Front-End Features For Designers In 2025 - Smashing Magazine

Front-end web development is evolving with new features like CSS container queries that simplify styling and enhance design flexibility.

How would you build Wordle with just HTML & CSS? | Scott Jehl, Web Designer/Developer

Depth of understanding of web standard technologies is crucial in front-end interviews.
Assessing a candidate's knowledge of when to use HTML, CSS, and JavaScript is key in building complex applications.

CSS 2024: Insights into developer experience, tools, and more

CSS survey highlights persistent pay disparities and regional trends in salaries, particularly between genders.

You can use text-wrap: balance; on icons

The CSS feature text-wrap: balance enhances text and content presentation by preventing awkward breaks and improving layout aesthetics.

Setting And Persisting Color Scheme Preferences With CSS And A "Touch" Of JavaScript - Smashing Magazine

Leveraging CSS's :has() pseudo-class for UI modifications without JavaScript
Supporting user system color scheme preferences with minimal JavaScript

New Front-End Features For Designers In 2025 - Smashing Magazine

Front-end web development is evolving with new features like CSS container queries that simplify styling and enhance design flexibility.

How would you build Wordle with just HTML & CSS? | Scott Jehl, Web Designer/Developer

Depth of understanding of web standard technologies is crucial in front-end interviews.
Assessing a candidate's knowledge of when to use HTML, CSS, and JavaScript is key in building complex applications.

CSS 2024: Insights into developer experience, tools, and more

CSS survey highlights persistent pay disparities and regional trends in salaries, particularly between genders.

You can use text-wrap: balance; on icons

The CSS feature text-wrap: balance enhances text and content presentation by preventing awkward breaks and improving layout aesthetics.

Setting And Persisting Color Scheme Preferences With CSS And A "Touch" Of JavaScript - Smashing Magazine

Leveraging CSS's :has() pseudo-class for UI modifications without JavaScript
Supporting user system color scheme preferences with minimal JavaScript
morecss
#web-development

Use These 15 Top Web Development Tools For Ecommerce Sites (2024) - Shopify

Web development tools accelerate the website creation process, making it easier for business owners to build effective online platforms.

WasmGC and the future of front-end Java development

WebAssembly's garbage collection extension facilitates the use of Java on the front end, marking a potential shift in web development.

Senior Front End Developer at World Host Group

WHG prioritizes exceptional user experience and employee development within a global web hosting environment.

State of CSS 2024

2024 marks the shift from traditional CSS practices to a new era embracing advanced CSS features.

Web Development Is Getting Too Complex, And It May Be Our Fault - Smashing Magazine

Front-end web development has become more complex with the abundance of frameworks and tools available today.
Many of the frameworks and tools were originally created for large-scale projects, which may not be necessary for smaller projects.

The Revolution of Headless Design Systems

Headless design systems allow for flexible design reuse across multiple platforms.

Use These 15 Top Web Development Tools For Ecommerce Sites (2024) - Shopify

Web development tools accelerate the website creation process, making it easier for business owners to build effective online platforms.

WasmGC and the future of front-end Java development

WebAssembly's garbage collection extension facilitates the use of Java on the front end, marking a potential shift in web development.

Senior Front End Developer at World Host Group

WHG prioritizes exceptional user experience and employee development within a global web hosting environment.

State of CSS 2024

2024 marks the shift from traditional CSS practices to a new era embracing advanced CSS features.

Web Development Is Getting Too Complex, And It May Be Our Fault - Smashing Magazine

Front-end web development has become more complex with the abundance of frameworks and tools available today.
Many of the frameworks and tools were originally created for large-scale projects, which may not be necessary for smaller projects.

The Revolution of Headless Design Systems

Headless design systems allow for flexible design reuse across multiple platforms.
moreweb-development

Evaluating Free Website Deployment Platforms So You Don't Have To | HackerNoon

Vercel offers a quick and user-friendly deployment experience for static websites, making it a top choice among evaluated platforms.

Front-End Debugging Part 2: Console.log() to the Max Explained | HackerNoon

Console.log() is a valuable tool for front-end debugging, especially for quick, short-term needs.

Headless UI Libraries for React: Top 5

Headless UI libraries offer flexible, customization-friendly components for modern design systems.

CSS Tricks That Use Only One Gradient | CSS-Tricks

CSS gradients can create complex designs from simple commands.
Focusing on one gradient can yield powerful visual results.
from Trakkjs
3 months ago

Trakk.js

Trakk.js enhances onboarding for new developers by providing real-time insights into application behavior and code execution.

Build an uncensored AI image generator with Flux

The Flux framework facilitates uncensored AI image generation application development.
Front-end and back-end development are crucial for creating sophisticated applications.
The integration of APIs and tools like Shad CN enhances user interface and experience.

Implement Lazy Loaded Popups With @defer and PrimeNG | HackerNoon

Lazy-loading and dynamic imports are crucial for reducing application size and improving loading times in front-end development.
Angular 17's new @defer tool significantly enhances the performance of applications with hidden content, addressing previous limitations.
#community

CSS Chronicles XLII | CSS-Tricks

CSS-Tricks is experiencing a resurgence with new leadership and community focus.

Donate to Help TanStack become a React Rally Platinum Sponsor!, organized by Tanner Linsley

Support TanStack sponsoring Platinum tier at React Rally

CSS Chronicles XLII | CSS-Tricks

CSS-Tricks is experiencing a resurgence with new leadership and community focus.

Donate to Help TanStack become a React Rally Platinum Sponsor!, organized by Tanner Linsley

Support TanStack sponsoring Platinum tier at React Rally
morecommunity

What Are Directives in Angular? | Simplilearn

Directives in Angular add behavior to elements, manipulate the DOM, and extend HTML syntax.
Angular Directives include Component Directive, Structural Directive, and Attribute Directive.

ASP.NET8 using DataTables.net - Part5 - Passing additional parameters in AJAX

DataTables.net in ASP.NET8 allows passing additional parameters to AJAX calls for customized back-end processing.

The Modern Guide For Making CSS Shapes - Smashing Magazine

CSS has evolved with modern techniques for creating shapes with clean, reusable code.
#react-19

The New Features of React 19: What You Need to Know | HackerNoon

Understanding new features in React 19 like the React Compiler and Server Components is crucial for developers in front-end development.

Facebook just updated its relationship status with web components | Mux

React 19 (beta) now has full support for web components, a significant development for those interested in this technology.

The New Features of React 19: What You Need to Know | HackerNoon

Understanding new features in React 19 like the React Compiler and Server Components is crucial for developers in front-end development.

Facebook just updated its relationship status with web components | Mux

React 19 (beta) now has full support for web components, a significant development for those interested in this technology.
morereact-19

0.2kb Equal Height Plugin In jQuery - Uniform

Uniform plugin creates equal height columns by setting the tallest element's height to other elements with data-uniform="true".

Death of craft, new EU laws, Figma's new aesthetics, GenAI UX framework

The importance of adapting creatively to technological changes in the industry.
The negative impact of generative AI on the quality of content on the internet.

Front End Developer at Foreplay

Opportunity to join a fast-growing advertising platform used by major marketing teams and agencies.
Seeking a primary front-end developer with specific expertise and a focus on quality work.
#vuejs

Evan You announces latest news about Vue.js and Vite - Vue.js...

Vue 3 improves performance
Addressing misconceptions about Vue.js

Front-End Developer at nocode rebels (ncr)

Seeking talented front-end developer for innovative relationship management software project.

Front-End Developer at Livetech

The ideal candidate for this position should have experience in front-end development with expertise in VueJS, HTML, CSS/SCSS/SASS, and JS.
The candidate should have the ability to implement Figma designs into user-friendly, accessible, and responsive UIs.

Evan You announces latest news about Vue.js and Vite - Vue.js...

Vue 3 improves performance
Addressing misconceptions about Vue.js

Front-End Developer at nocode rebels (ncr)

Seeking talented front-end developer for innovative relationship management software project.

Front-End Developer at Livetech

The ideal candidate for this position should have experience in front-end development with expertise in VueJS, HTML, CSS/SCSS/SASS, and JS.
The candidate should have the ability to implement Figma designs into user-friendly, accessible, and responsive UIs.
morevuejs

JavaScript Bloat in 2024

JavaScript is a universal metric for evaluating the complexity of interactions on a webpage.
Front-end development involves assessing browser workload by evaluating code parsing and execution.

Netflix Announces SafeTest, Its Custom Approach to Front-End Testing

SafeTest introduces a novel approach to front-end web testing.
UI unit testing challenges arise from component complexity and dependencies.

Anima Adds Ability to Personalize Generative AI Code - DevOps.com

Anima has added the ability to personalize code generated by its AI platform based on the description of an application.
The personalized code resembles the coding style of an organization or specific developer, reducing editing time.
Developers can focus on writing business logic and optimizing application performance with Anima's platform.

Pure CSS Logos from CodePen - Freebie Supply

CSS advancements in logo replication showcase ingenuity and creativity of developers.

Must-Have Full Stack Development Tools 2024

Full-stack web development technologies facilitate framework and database development for fully functional websites.

Product Grid Style 302

The article discusses front-end development tools and elements for enhancing user experience.
[ Load more ]