#frontend-development
#frontend-development

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

Using clamp() function in CSS for fluid typography across device sizes. [ more ]

LogRocket Blog

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

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 ]

LogRocket Blog

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

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

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 ]

Vuejobs

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

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

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

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

Vue.js Feed

3 days 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

5 days ago

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 ]

Vuejobs

5 days ago

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 ]

Vue.js Feed

The history of Frontend

A Nuxt app showcases release dates of JavaScript frameworks and libraries from 1990 to 2024. [ more ]

LogRocket Blog

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

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

Frontend developers use HTML, CSS, and JavaScript to create user interfaces for websites and applications. [ more ]

Sitepoint

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 ]

blog.bitsrc.io

3 weeks 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 ]

Berlin Startup Jobs

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 ]

InfoQ

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 ]

Berlin Startup Jobs

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 ]

Scalac - Software Development Company - Akka, Kafka, Spark, ZIO

Scala

Scalendar April 2024

Diverse range of Scala conferences in April 2024

Opportunities for learning and networking in Frontend Development and Software Architecture [ more ]

Vuejobs

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 ]

LogRocket Blog

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 ]

InfoQ

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 ]

LogRocket Blog

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

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

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 ]

InfoQ

JavaScript: Empowered by Rust

Rust being used in JavaScript projects for performance

Do not rewrite everything in Rust for JavaScript projects [ more ]

LogRocket Blog

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 ]

Rubyflow

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 ]

Medium

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 Blog

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

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 ]

CodeProject

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 ]

Medium

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 ]

GitHub

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 ]

Medium

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 ]

TechCrunch

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

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 ]

Codrops

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

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 ]

CodeProject