#frontend-development

[ follow ]
Medium
3 months ago
JavaScript

Advanced Frontend Development: How to Enforce Code Quality at Scale

Proactive quality approach maintains frontend development efficiency as team scales. [ more ]
LogRocket Blog
2 months ago
JavaScript

htmx vs. React: Choosing the right library for your project - LogRocket Blog

htmx enhances HTML with minimal JavaScript for AJAX-like behaviors. [ more ]
LogRocket Blog
2 months ago
JavaScript

Exploring Remix Vite support and other v2.20 and v7 changes - LogRocket Blog

Remix has integrated Vite's fast build system for improved developer experience, offering features like Faster HMR and Quicker HDR. [ more ]
Bestjquery
2 months ago
jQuery

Hover Effect Style 427

Creating engaging user interfaces with advanced functionalities can enhance user experience and interactivity. [ more ]
Vue.js Feed
2 months ago
Vue

Live Coding, Hot Topics, and Big Names: Frontend Nation Delivers

The Frontend Nation conference invites developers to collaborate despite framework preferences, offering diverse talks and live coding workshops. [ more ]
LogRocket Blog
2 months ago
JavaScript

Eleventy adoption guide: Overview, examples, and alternatives - LogRocket Blog

Eleventy is a popular static site generator for frontend developers known for simplicity and flexibility. [ more ]
#user-experience
Vuejobs
2 months ago
JavaScript

Senior Vue/Nuxt Frontend Engineer at Kong

Kong is seeking a Senior JavaScript engineer to enhance UI components and user experience for web applications in India. [ more ]
Sitepoint
4 months ago
JavaScript

How to Create Interactive Animations Using React Spring - SitePoint

React Spring uses physics-based animations for more natural effects in React applications.
React Spring offers capabilities for animating properties like position, scale, and opacity in React components. [ more ]
Vuejobs
2 months ago
JavaScript

Senior Vue/Nuxt Frontend Engineer at Kong

Kong is seeking a Senior JavaScript engineer to enhance UI components and user experience for web applications in India. [ more ]
Sitepoint
4 months ago
JavaScript

How to Create Interactive Animations Using React Spring - SitePoint

React Spring uses physics-based animations for more natural effects in React applications.
React Spring offers capabilities for animating properties like position, scale, and opacity in React components. [ more ]
moreuser-experience
#css
GitHub
2 months ago
JavaScript

GitHub - Jisan-mia/dom-projects: dom-projects is an open-source web app that helps you learn frontend development faster with a hands-on practice style. It is a collection of projects that you can use to learn HTML, CSS and JavaScript

dom-projects is an open-source web app for learning Frontend Development through hands-on practice with HTML, CSS, and JavaScript projects. [ more ]
Sitepoint
2 months ago
Web design

Creating Fluid Typography with the CSS clamp() Function - SitePoint

Using clamp() function in CSS for fluid typography across device sizes. [ more ]
LogRocket Blog
3 months ago
JavaScript

CSS Hooks and the state of CSS-in-JS - LogRocket Blog

Inline styles simplify component styling but face limitations like no media queries or pseudo-classes. CSS-in-JS combines encapsulation with traditional CSS flexibility. CSS Hooks offer React developers a familiar way to leverage CSS-in-JS benefits. [ more ]
Josh Collinsworth
4 months ago
Web development

The quiet, pervasive devaluation of frontend

Frontend practice is being devalued and trivialized.
CSS is often criticized as unmaintainable and not a real programming language. [ more ]
GitHub
2 months ago
JavaScript

GitHub - Jisan-mia/dom-projects: dom-projects is an open-source web app that helps you learn frontend development faster with a hands-on practice style. It is a collection of projects that you can use to learn HTML, CSS and JavaScript

dom-projects is an open-source web app for learning Frontend Development through hands-on practice with HTML, CSS, and JavaScript projects. [ more ]
Sitepoint
2 months ago
Web design

Creating Fluid Typography with the CSS clamp() Function - SitePoint

Using clamp() function in CSS for fluid typography across device sizes. [ more ]
LogRocket Blog
3 months ago
JavaScript

CSS Hooks and the state of CSS-in-JS - LogRocket Blog

Inline styles simplify component styling but face limitations like no media queries or pseudo-classes. CSS-in-JS combines encapsulation with traditional CSS flexibility. CSS Hooks offer React developers a familiar way to leverage CSS-in-JS benefits. [ more ]
Josh Collinsworth
4 months ago
Web development

The quiet, pervasive devaluation of frontend

Frontend practice is being devalued and trivialized.
CSS is often criticized as unmaintainable and not a real programming language. [ more ]
morecss
Vue.js Feed
2 months ago
JavaScript

The history of Frontend

A Nuxt app showcases release dates of JavaScript frameworks and libraries from 1990 to 2024. [ more ]
LogRocket Blog
2 months ago
JavaScript

Radix UI adoption guide: Overview, examples, and alternatives - LogRocket Blog

The emergence and popularity of Radix UI, a headless UI component library simplifying development and maintenance for frontend developers. [ more ]
Frontendmasters
2 months ago
JavaScript

The (Frontend||UI||UX) Developer/Engineer Handbook 2024

Frontend developers use HTML, CSS, and JavaScript to create user interfaces for websites and applications. [ more ]
blog.bitsrc.io
3 months ago
Software development

Advanced Frontend Development: How to Enforce Code Quality at Scale

Frontend code must maintain high standards, consistency through reusable components, and visibility with previews, dependencies, and unit tests. [ more ]
#hr-tech
Berlin Startup Jobs
3 months ago
UX design

Job Vacancy: Mid Level Frontend Engineer (ReactJS) (f/m/d) // JOIN Solutions AG | IT / Software Development Jobs | Berlin Startup Jobs

JOIN is a rapidly growing HR-Tech startup in Europe with thousands of customers and job listings.
Frontend Guild at JOIN focuses on providing customers with a smooth UX and a rich UI experience through collaboration and innovative tools. [ more ]
Berlin Startup Jobs
5 months ago
UX design

Job Vacancy: Middle Frontend Engineer (ReactJS) (f/m/d) // JOIN Solutions AG | IT / Software Development Jobs | Berlin Startup Jobs

JOIN is a HR-Tech startup with over 80,000 customers and 100,000 job listings.
The Frontend Guild's mission is to provide a smooth UX experience and rich functionality for JOIN's customers and candidates. [ more ]
Berlin Startup Jobs
3 months ago
UX design

Job Vacancy: Mid Level Frontend Engineer (ReactJS) (f/m/d) // JOIN Solutions AG | IT / Software Development Jobs | Berlin Startup Jobs

JOIN is a rapidly growing HR-Tech startup in Europe with thousands of customers and job listings.
Frontend Guild at JOIN focuses on providing customers with a smooth UX and a rich UI experience through collaboration and innovative tools. [ more ]
Berlin Startup Jobs
5 months ago
UX design

Job Vacancy: Middle Frontend Engineer (ReactJS) (f/m/d) // JOIN Solutions AG | IT / Software Development Jobs | Berlin Startup Jobs

JOIN is a HR-Tech startup with over 80,000 customers and 100,000 job listings.
The Frontend Guild's mission is to provide a smooth UX experience and rich functionality for JOIN's customers and candidates. [ more ]
morehr-tech
#react
LogRocket Blog
3 months ago
JavaScript

Redux Toolkit adoption guide: Overview, examples, and alternatives - LogRocket Blog

Redux Toolkit simplifies Redux development by providing utility functions.
Redux Toolkit encapsulates best practices and common patterns to streamline Redux workflow. [ more ]
Medium
4 months ago
JavaScript

Building an End-To-End App In Under 5 Minutes

Apollo's useQuery API is utilized to define and invoke queries in React applications.
Building custom features involves creating entities, mock data, GraphQL queries, React hooks, and components. [ more ]
LogRocket Blog
5 months ago
JavaScript

Comparing TypeScript state management solutions - LogRocket Blog

State management in frontend development is important for maintaining data across multiple components.
TypeScript brings extra benefits for state management, such as type safety. [ more ]
LogRocket Blog
2 weeks ago
JavaScript

Million.js adoption guide: Overview, examples, and alternatives - LogRocket Blog

Million.js is an open source framework designed to revolutionize and enhance React performance by reducing memory usage and improving rendering speed through the use of blocks. [ more ]
LogRocket Blog
3 months ago
JavaScript

Redux Toolkit adoption guide: Overview, examples, and alternatives - LogRocket Blog

Redux Toolkit simplifies Redux development by providing utility functions.
Redux Toolkit encapsulates best practices and common patterns to streamline Redux workflow. [ more ]
Medium
4 months ago
JavaScript

Building an End-To-End App In Under 5 Minutes

Apollo's useQuery API is utilized to define and invoke queries in React applications.
Building custom features involves creating entities, mock data, GraphQL queries, React hooks, and components. [ more ]
LogRocket Blog
5 months ago
JavaScript

Comparing TypeScript state management solutions - LogRocket Blog

State management in frontend development is important for maintaining data across multiple components.
TypeScript brings extra benefits for state management, such as type safety. [ more ]
LogRocket Blog
2 weeks ago
JavaScript

Million.js adoption guide: Overview, examples, and alternatives - LogRocket Blog

Million.js is an open source framework designed to revolutionize and enhance React performance by reducing memory usage and improving rendering speed through the use of blocks. [ more ]
morereact
Scalac - Software Development Company - Akka, Kafka, Spark, ZIO
3 months ago
Scala

Scalendar April 2024

Diverse range of Scala conferences in April 2024
Opportunities for learning and networking in Frontend Development and Software Architecture [ more ]
#vuejs
Vuejobs
4 months ago
Web development

Frontend Developer (Vue.js) at Convox

Convox simplifies cloud infrastructure management
Convox is hiring a frontend developer with Vue.js or React experience for a remote position [ more ]
Vuejobs
4 months ago
Vue

Mid level Frontend Developer at Vue School

BitterBrains empowers developers through learning platforms and events.
They are hiring a remote mid-level frontend developer with specific skills. [ more ]
Vuejobs
4 months ago
Web development

Frontend Developer (m/f/d) at KoRo

Passion for innovation and collaboration in e-commerce frontend development.
Emphasis on expertise in HTML, CSS, JavaScript, Vue.js, and performance-driven design. [ more ]
Vue.js Examples
6 months ago
Web development

Age Calculator App in Vue.js

Users can view their age in years, months, and days after submitting a valid date through the form.
Users will receive validation errors if any field is empty, the day or month number is invalid, or the year is in the future. [ more ]
Vuejobs
4 months ago
Web development

Frontend Developer (Vue.js) at Convox

Convox simplifies cloud infrastructure management
Convox is hiring a frontend developer with Vue.js or React experience for a remote position [ more ]
Vuejobs
4 months ago
Vue

Mid level Frontend Developer at Vue School

BitterBrains empowers developers through learning platforms and events.
They are hiring a remote mid-level frontend developer with specific skills. [ more ]
Vuejobs
4 months ago
Web development

Frontend Developer (m/f/d) at KoRo

Passion for innovation and collaboration in e-commerce frontend development.
Emphasis on expertise in HTML, CSS, JavaScript, Vue.js, and performance-driven design. [ more ]
Vue.js Examples
6 months ago
Web development

Age Calculator App in Vue.js

Users can view their age in years, months, and days after submitting a valid date through the form.
Users will receive validation errors if any field is empty, the day or month number is invalid, or the year is in the future. [ more ]
morevuejs
Vuejobs
4 months ago
Web development

Frontend Developer (Vue.js & Nuxt.js) at zapfloor

1. Frontend developer with SaaS experience and JS framework knowledge needed. 2. Role involves code review, scalability optimization, and staying updated on technologies. [ more ]
#performance
InfoQ
4 months ago
JavaScript

JavaScript: Empowered by Rust

Rust being used in JavaScript projects for performance
Do not rewrite everything in Rust for JavaScript projects [ more ]
LogRocket Blog
7 months ago
Web development

Vite adoption guide: Overview, examples, and alternatives - LogRocket Blog

Vite is a fast and lightweight build tool designed for frontend development.
Vite has become the standard for building web apps and is being adopted by popular frameworks.
It offers significant performance improvements and a redesigned architecture in its latest version. [ more ]
InfoQ
4 months ago
JavaScript

JavaScript: Empowered by Rust

Rust being used in JavaScript projects for performance
Do not rewrite everything in Rust for JavaScript projects [ more ]
LogRocket Blog
7 months ago
Web development

Vite adoption guide: Overview, examples, and alternatives - LogRocket Blog

Vite is a fast and lightweight build tool designed for frontend development.
Vite has become the standard for building web apps and is being adopted by popular frameworks.
It offers significant performance improvements and a redesigned architecture in its latest version. [ more ]
moreperformance
LogRocket Blog
4 months ago
JavaScript

Building high-performance ecommerce sites with Astro - LogRocket Blog

Develop ecommerce site with Astro's islands architecture
Significance of strong and static typing in frontend projects [ more ]
#ruby
Rubyflow
4 months ago
Ruby on Rails

Upcoming March 2024 Montreal.rb Talk "Frontend Ruby with Glimmer DSL for Web"

Glimmer DSL for Web enhances productivity and reduces maintenance costs
Predicted to be a significant Ruby investment in 2024 [ more ]
Rubyflow
1 month ago
JavaScript

Todo MVC Ruby Edition is the one Todo MVC To Rule Them All!!!

Todo MVC built in Glimmer DSL for Web using Ruby is simpler, more minimalistic, readable, and maintainable compared to other versions in different frameworks. [ more ]
Rubyflow
4 months ago
Ruby on Rails

Upcoming March 2024 Montreal.rb Talk "Frontend Ruby with Glimmer DSL for Web"

Glimmer DSL for Web enhances productivity and reduces maintenance costs
Predicted to be a significant Ruby investment in 2024 [ more ]
Rubyflow
1 month ago
JavaScript

Todo MVC Ruby Edition is the one Todo MVC To Rule Them All!!!

Todo MVC built in Glimmer DSL for Web using Ruby is simpler, more minimalistic, readable, and maintainable compared to other versions in different frameworks. [ more ]
moreruby
#decoupling
InfoQ
4 months ago
UX design

Beyond Micro Frontends: Effective Composable Decoupled Applications on Cloud Native Infrastructure

1. Decoupling frontend applications is essential for scalability and meeting modern demands. 2. Technical debt accumulates when projects are managed by multiple vendors, leading to inefficiencies. [ more ]
Medium
5 months ago
JavaScript

Exploring The Adapter Pattern In Modern Web Applications

Use the Adapter pattern to convert an incompatible interface to a compatible form without changing the client and the consumer.
Decoupling frontend components from backend API allows them to be treated as independent entities. [ more ]
InfoQ
4 months ago
UX design

Beyond Micro Frontends: Effective Composable Decoupled Applications on Cloud Native Infrastructure

1. Decoupling frontend applications is essential for scalability and meeting modern demands. 2. Technical debt accumulates when projects are managed by multiple vendors, leading to inefficiencies. [ more ]
Medium
5 months ago
JavaScript

Exploring The Adapter Pattern In Modern Web Applications

Use the Adapter pattern to convert an incompatible interface to a compatible form without changing the client and the consumer.
Decoupling frontend components from backend API allows them to be treated as independent entities. [ more ]
moredecoupling
Medium
5 months ago
Web frameworks

Micro frontends: Shell vs. Micro Apps

Decompose the frontend into more manageable pieces and combine them within a shell app.
Divide micro frontends into multiple applications with their own URL routes. [ more ]
#storybook
LogRocket Blog
5 months ago
Angular

A guide to Storybook Test for interaction testing - LogRocket Blog

Storybook is a popular tool for testing and maintaining modular frontend components
Storybook Test consolidates @storybook/jest and @storybook/testing-library into a single package, improving developer experience [ more ]
Storybook Blog
5 months ago
Web frameworks

Storybook 8 Beta

Storybook 8 focuses on improving compatibility and performance
Major highlights include performance improvements, new mobile UI, automated visual tests, and improved test utilities [ more ]
LogRocket Blog
5 months ago
Angular

A guide to Storybook Test for interaction testing - LogRocket Blog

Storybook is a popular tool for testing and maintaining modular frontend components
Storybook Test consolidates @storybook/jest and @storybook/testing-library into a single package, improving developer experience [ more ]
Storybook Blog
5 months ago
Web frameworks

Storybook 8 Beta

Storybook 8 focuses on improving compatibility and performance
Major highlights include performance improvements, new mobile UI, automated visual tests, and improved test utilities [ more ]
morestorybook
LogRocket Blog
5 months ago
Web development

Starlight vs. Docusaurus for building documentation - LogRocket Blog

Modern frontend development frameworks may not always be the best choice for static, information-heavy sites.
Docusaurus and Starlight are both static site generators designed for documentation websites. [ more ]
GitHub
5 months ago
JavaScript

Release v2.1.0 gowebly/gowebly

The Gowebly CLI v2.1.0 release includes support for the Alpine.js library.
Users can update Gowebly CLI using different methods depending on their platform. [ more ]
InfoQ
6 months ago
Web development

Building a Dedicated Platform for Frontend Developers at the Norwegian Government

The Norwegian Labour and Welfare Administration has built a dedicated platform for frontend developers, offering services like a CDN, observability stack, and feature management.
The platform is treated as a product, emphasizing user needs, collaboration, and learning to drive adoption and improve the developer experience. [ more ]
Medium
6 months ago
React

Developing Scalable Frontends with Feature-Sliced Design (FSD)

Feature Sliced Design is a frontend architectural pattern that provides rules and conventions for organizing code.
The three components of Feature Sliced Design are Layers, Slices, and Segments. [ more ]
#figma
TechCrunch
6 months ago
Web design

Singapore's Locofy launches its one-click design-to-code tool | TechCrunch

Locofy has developed a tool called Lightning that converts Figma and AdobeXD prototypes into code.
The Lightning tool automates around 80% of frontend development, saving developers time and allowing them to focus on other tasks.
Locofy plans to expand Lightning to more design tools, including AdobeXD, Penpot, Sketch, Wix, Canva, and Notion. [ more ]
LogRocket Blog
6 months ago
Web design

Configuring Figma's auto layout wrap - LogRocket Blog

Figma's auto layout feature has made it easier to align and distribute objects within a frame.
The introduction of auto layout wrap allows objects in an auto layout frame to expand beyond a single row. [ more ]
TechCrunch
6 months ago
Web design

Singapore's Locofy launches its one-click design-to-code tool | TechCrunch

Locofy has developed a tool called Lightning that converts Figma and AdobeXD prototypes into code.
The Lightning tool automates around 80% of frontend development, saving developers time and allowing them to focus on other tasks.
Locofy plans to expand Lightning to more design tools, including AdobeXD, Penpot, Sketch, Wix, Canva, and Notion. [ more ]
LogRocket Blog
6 months ago
Web design

Configuring Figma's auto layout wrap - LogRocket Blog

Figma's auto layout feature has made it easier to align and distribute objects within a frame.
The introduction of auto layout wrap allows objects in an auto layout frame to expand beyond a single row. [ more ]
morefigma
LogRocket Blog
6 months ago
Web development

Exploring Next.js no-code platforms for rapid development - LogRocket Blog

No-code platforms make frontend development accessible to individuals with varying technical backgrounds
No-code platforms offer advantages such as rapid prototyping, cost-effectiveness, and customization [ more ]
LogRocket Blog
6 months ago
Web development

Using CSS Houdini to extend styling and layout capabilities - LogRocket Blog

CSS Houdini is a set of APIs that allows developers to extend CSS styling and create new features.
CSS Houdini provides direct entry into the CSS Object Model (CSSOM) and enables the creation of new CSS features. [ more ]
Rubyflow
6 months ago
Web development

Glimmer Goes Web!!!

Glimmer DSL for Web (Ruby in the Browser Web GUI Frontend Library) has had its 0.2.2 Beta Release.
The project aims to make Ruby in the Browser the simplest, most intuitive, and most productive experience in frontend development. [ more ]
#web-design
Codrops
7 months ago
Web design

Frontend Rewind 2023 - Day 01 | Codrops

'Frontend Rewind 2023' is a calendar that revisits the highlights of the year in frontend development and web design.
Each day, a curated selection of content will be unveiled, including articles, tutorials, freebies, and UI animations. [ more ]
LogRocket Blog
3 weeks ago
JavaScript

daisyUI adoption guide: Overview, examples, and alternatives - LogRocket Blog

daisyUI is an open-source component library that enhances the development experience by seamlessly integrating with Tailwind CSS. [ more ]
Codrops
7 months ago
Web design

Frontend Rewind 2023 - Day 01 | Codrops

'Frontend Rewind 2023' is a calendar that revisits the highlights of the year in frontend development and web design.
Each day, a curated selection of content will be unveiled, including articles, tutorials, freebies, and UI animations. [ more ]
LogRocket Blog
3 weeks ago
JavaScript

daisyUI adoption guide: Overview, examples, and alternatives - LogRocket Blog

daisyUI is an open-source component library that enhances the development experience by seamlessly integrating with Tailwind CSS. [ more ]
moreweb-design
CodeProject
7 months ago
Angular

Tour of Heroes: MAUI, with ASP.NET Core 8 Backend

The 'Tour of Heroes' app is a tutorial app for Angular 2+ that demonstrates functional and technical features of building a real-world business application.
This series of articles explores the experiences of building the 'Tour of Heroes' app on different frontend development platforms, including Angular, Aurelia, React, Vue, Xamarin, and MAUI. [ more ]
CodeProject
7 months ago
JavaScript

Tour of Heroes: React, with ASP.NET Core Backend

This article is part of a series comparing different frontend development platforms for building the "Tour of Heroes" app.
The focus of this article is on using React TS with an ASP.NET Core Web API.
The article provides information on how to use the code and the prerequisites for running it. [ more ]
Kyle Shevlin's Blog
1 month ago
JavaScript

Design System Retrospective | Kyle Shevlin

Creating a design system can address issues of inconsistency, slow developer velocity, and existing system constraints for better frontend development. [ more ]
LogRocket Blog
2 weeks ago
JavaScript

Exploring the React Compiler: A detailed introduction - LogRocket Blog

React 19 introduces a dedicated compiler to optimize performance, simplifying frontend development by eliminating manual memoization. [ more ]
Medium
2 weeks ago
JavaScript

React Micro Frontend: Why Composability Matter?

Composability in architecture is driven by SOA, EDA, microservices, and microfrontends, aiming to break down systems into autonomous modules. [ more ]
Testdriven
2 weeks ago
JavaScript

Reusable Components in Django with Stimulus and Tailwind CSS - Part 1

Building UI components in full-stack Django apps aids code reusability and maintainability. [ more ]
LogRocket Blog
3 weeks ago
JavaScript

Using Chrome's Document Picture-in-Picture API in React - LogRocket Blog

Web browsers offer APIs like DPIP to enable always-on-top windows within the same session, enhancing multitasking and focused content consumption. [ more ]
CodeProject
1 month ago
JavaScript

Tour of Heroes: Blazor WebAssembly Standalone App

The article compares various frontend development platforms by demonstrating the experience of building the 'Tour of Heroes' app. [ more ]
LogRocket Blog
1 month ago
JavaScript

Superglue vs. Hotwire for modern frontend development - LogRocket Blog

Modern approaches like Superglue prioritize simplicity, interoperability, and less JavaScript in frontend development. [ more ]
Vuejobs
1 month ago
JavaScript

Frontend Software Engineer at BytePitch - Software Labs

Happy teams build incredible products. BytePitch fosters autonomy, transparency, and a supportive environment for impactful software engineering solutions. [ more ]
[ Load more ]