#frontend-development

[ follow ]
#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.

Patterns for efficient DOM manipulation with vanilla JavaScript - LogRocket Blog

Frameworks dominate, but vanilla JavaScript for DOM manipulation remains essential due to its flexibility and performance.

Build-Time CSS-in-JS: Here's Why It's Trending

CSS-in-JS provides scoped styles for better maintainability and improved developer experience in modern UI frameworks.

Should You Try v0, Webcrumbs or Both? | HackerNoon

Vercel optimizes frontend development and has become popular due to its streamlined deployment and integration capabilities.
Webcrumbs Frontend AI addresses demands for customization and flexibility in the web development process.

Shadcdn -Part 1-Next.JS has been unleashed upon the developer.

Next.js introduces a new design pattern aiding frontend developers in building useful and beautiful UI frameworks.

Generate a Rails 8 app with Nextgen

Nextgen now supports Rails 8, allowing fine-tuning of Rails app setups by selecting necessary gems and frameworks.

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.

Patterns for efficient DOM manipulation with vanilla JavaScript - LogRocket Blog

Frameworks dominate, but vanilla JavaScript for DOM manipulation remains essential due to its flexibility and performance.

Build-Time CSS-in-JS: Here's Why It's Trending

CSS-in-JS provides scoped styles for better maintainability and improved developer experience in modern UI frameworks.

Should You Try v0, Webcrumbs or Both? | HackerNoon

Vercel optimizes frontend development and has become popular due to its streamlined deployment and integration capabilities.
Webcrumbs Frontend AI addresses demands for customization and flexibility in the web development process.

Shadcdn -Part 1-Next.JS has been unleashed upon the developer.

Next.js introduces a new design pattern aiding frontend developers in building useful and beautiful UI frameworks.

Generate a Rails 8 app with Nextgen

Nextgen now supports Rails 8, allowing fine-tuning of Rails app setups by selecting necessary gems and frameworks.
moreweb-development
#ui-libraries

Beyond npm: How Direct Integration is Changing UI Libraries

Developers are shifting towards directly embedding UI component code for enhanced flexibility and customization.

Beyond npm: How Direct Integration is Changing UI Libraries

Developers are increasingly embedding UI component code directly into projects instead ofusing npm packages, allowing for greater customization and flexibility.

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.

Beyond npm: How Direct Integration is Changing UI Libraries

Developers are shifting towards directly embedding UI component code for enhanced flexibility and customization.

Beyond npm: How Direct Integration is Changing UI Libraries

Developers are increasingly embedding UI component code directly into projects instead ofusing npm packages, allowing for greater customization and flexibility.

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.
moreui-libraries

Enhancing two-way data binding in Angular - LogRocket Blog

Signals in Angular enhance two-way data binding, offering a more effective alternative to @Input and @Output decorators.
#software-engineering

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.

[Relocation required] Junior Frontend Developer at HENNGE K.K.

The company is hiring a Junior Frontend Developer (Vue) to enhance their cloud-security solutions and improve user experience.

Job Vacancy: Frontend Engineer (Contract) // Contentful | IT / Software Development Jobs | Berlin Startup Jobs

Seeking experienced frontend engineer for developing demo sites and integrations.
Expectations include clean code, strong performance, and user experience focus.
Requires 6+ years of software development experience with modern frameworks.

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.

[Relocation required] Junior Frontend Developer at HENNGE K.K.

The company is hiring a Junior Frontend Developer (Vue) to enhance their cloud-security solutions and improve user experience.

Job Vacancy: Frontend Engineer (Contract) // Contentful | IT / Software Development Jobs | Berlin Startup Jobs

Seeking experienced frontend engineer for developing demo sites and integrations.
Expectations include clean code, strong performance, and user experience focus.
Requires 6+ years of software development experience with modern frameworks.
moresoftware-engineering
#web-design

Custom Range Slider Using Anchor Positioning & Scroll-Driven Animations

CSS evolves to permit complex animations and interactivity without JavaScript in 2024.

Selecting Previous Siblings

Advanced CSS now enables 3D hover effects, transforming the way cards and interactive elements can be designed.

Shadcdn -Part 1-Next.JS has been unleashed upon the developer.

Next.js provides a user-friendly approach for developing UI frameworks, especially beneficial for junior developers.

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.

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.

Custom Range Slider Using Anchor Positioning & Scroll-Driven Animations

CSS evolves to permit complex animations and interactivity without JavaScript in 2024.

Selecting Previous Siblings

Advanced CSS now enables 3D hover effects, transforming the way cards and interactive elements can be designed.

Shadcdn -Part 1-Next.JS has been unleashed upon the developer.

Next.js provides a user-friendly approach for developing UI frameworks, especially beneficial for junior developers.

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.

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.
moreweb-design
#web-applications

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.

Working with Environment Variables in Frontend Application Releases | HackerNoon

Streamlining environment variable management can significantly reduce build complexity and frustration in frontend applications.

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.

Working with Environment Variables in Frontend Application Releases | HackerNoon

Streamlining environment variable management can significantly reduce build complexity and frustration in frontend applications.
moreweb-applications
#cloud-security

[Relocation required] Senior Frontend Developer at HENNGE K.K.

HENNGE One revolutionizes workplace security by enabling flexible, cloud-based solutions, driving productivity and innovation in enterprise environments.

Senior Frontend Developer at HENNGE K.K.

HENNGE One is a leading cloud security service in Japan, empowering flexible work environments and enabling employees to work smarter while ensuring cloud security.

[Relocation required] Senior Frontend Developer at HENNGE K.K.

HENNGE One revolutionizes workplace security by enabling flexible, cloud-based solutions, driving productivity and innovation in enterprise environments.

Senior Frontend Developer at HENNGE K.K.

HENNGE One is a leading cloud security service in Japan, empowering flexible work environments and enabling employees to work smarter while ensuring cloud security.
morecloud-security
#ux-design

Modern Frontend Design Systems: Built for Reusability and Improved Collaboration

Custom design systems foster brand identity and maintain consistency, crucial in frontend development.
Bit enables teams to create tailored components, facilitating seamless collaboration between UX and Dev teams.

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.

Modern Frontend Design Systems: Built for Reusability and Improved Collaboration

Custom design systems foster brand identity and maintain consistency, crucial in frontend development.
Bit enables teams to create tailored components, facilitating seamless collaboration between UX and Dev teams.

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.
moreux-design
#backend-development

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

Building UI components in full-stack Django apps aids code reusability and maintainability.

Comparing Vue.js, Alpine.js, HTMX, and Vaadin: A Backend Developer's Guide to AJAX and SSR | HackerNoon

Comparison of AJAX libraries reveals varying levels of frontend skill requirements and integration ease for backend developers.

Full Stack Developer Job Description: Roles and Duties

Full Stack Developers bridge front-end and back-end tasks, ensuring seamless project integration and efficient communication for cohesive development processes.

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

Building UI components in full-stack Django apps aids code reusability and maintainability.

Comparing Vue.js, Alpine.js, HTMX, and Vaadin: A Backend Developer's Guide to AJAX and SSR | HackerNoon

Comparison of AJAX libraries reveals varying levels of frontend skill requirements and integration ease for backend developers.

Full Stack Developer Job Description: Roles and Duties

Full Stack Developers bridge front-end and back-end tasks, ensuring seamless project integration and efficient communication for cohesive development processes.
morebackend-development
#react

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.

A deep dive into React Fiber - LogRocket Blog

React Fiber improves rendering performance in React through asynchronous processing and prioritized task execution.

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.

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.

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

Zustand is a lightweight and efficient state management tool for React applications, simplifying the complexities of other tools like Redux.

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.

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.

A deep dive into React Fiber - LogRocket Blog

React Fiber improves rendering performance in React through asynchronous processing and prioritized task execution.

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.

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.

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

Zustand is a lightweight and efficient state management tool for React applications, simplifying the complexities of other tools like Redux.

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.
morereact
#remote-work

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.

Frontend UI Developer (Vue 3, TypeScript & @unovis) at observerly

Observerly seeks a Vue 3 & TypeScript Frontend Developer to enhance its astronomical observation platform.
The role offers remote work flexibility and focuses on data visualization.

[Relocation required] Senior Frontend Developer at HENNGE K.K.

HENNGE One enhances flexible work environments by providing top-tier cloud security solutions that foster productivity.

Job Vacancy: Lead Frontend Engineer // GlassFlow | IT / Software Development Jobs | Berlin Startup Jobs

GlassFlow is developing a user-friendly data streaming platform that simplifies real-time data access for engineers.
The role offers a unique chance to shape the future of an innovative data infrastructure startup.
The company focuses on creating an inclusive workplace with competitive benefits for its employees.

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.

Frontend UI Developer (Vue 3, TypeScript & @unovis) at observerly

Observerly seeks a Vue 3 & TypeScript Frontend Developer to enhance its astronomical observation platform.
The role offers remote work flexibility and focuses on data visualization.

[Relocation required] Senior Frontend Developer at HENNGE K.K.

HENNGE One enhances flexible work environments by providing top-tier cloud security solutions that foster productivity.

Job Vacancy: Lead Frontend Engineer // GlassFlow | IT / Software Development Jobs | Berlin Startup Jobs

GlassFlow is developing a user-friendly data streaming platform that simplifies real-time data access for engineers.
The role offers a unique chance to shape the future of an innovative data infrastructure startup.
The company focuses on creating an inclusive workplace with competitive benefits for its employees.
moreremote-work

Understanding the Art of Full Stack Debugging | HackerNoon

Full stack debugging is crucial for developers to effectively trace issues through various application layers.

Fixing your website's JavaScript performance | MDN Blog

Efficient JavaScript usage is critical for web performance, addressing long tasks, large bundle sizes, and hydration issues can significantly enhance responsiveness.

Instant harkens back to a pre-Google Firebase | TechCrunch

Instant is creating an open source, Postgres-based alternative to Firebase, enhancing real-time database capabilities for front-end developers.

Implementing Claude's Artifacts feature for UI visualization - LogRocket Blog

Claude's Artifacts feature allows for rapid UI prototyping by providing live previews of AI-generated code.
#scalability

Micro Frontend Architecture: A Guide

Micro frontends enable independent development and deployment of frontend components, enhancing scalability and flexibility for enterprise applications.

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.

Micro Frontend Architecture: A Guide

Micro frontends enable independent development and deployment of frontend components, enhancing scalability and flexibility for enterprise applications.

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.
morescalability
#javascript

How to build a simple Svelte app - LogRocket Blog

Svelte stands out among UI frameworks by offering a unique approach to building user interfaces, emphasizing ease of integration and development.

JavaScript: Empowered by Rust

Rust being used in JavaScript projects for performance
Do not rewrite everything in Rust for JavaScript projects

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.

How to build a simple Svelte app - LogRocket Blog

Svelte stands out among UI frameworks by offering a unique approach to building user interfaces, emphasizing ease of integration and development.

JavaScript: Empowered by Rust

Rust being used in JavaScript projects for performance
Do not rewrite everything in Rust for JavaScript projects

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.
morejavascript
#css

The CSS contain property

The CSS 'contain' property optimizes performance and enhances styling by isolating elements from the rest of the page.

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

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

The CSS contain property

The CSS 'contain' property optimizes performance and enhances styling by isolating elements from the rest of the page.

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

Using clamp() function in CSS for fluid typography across device sizes.
morecss
#user-experience

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

Supabase is a game-changing backend service for frontend developers, streamlining workflows and enhancing user experience.

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.

All About Pagination In React JS | Simplilearn

Pagination in React JS allows displaying data on multiple pages for better user experience without requiring backend changes.

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.

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

Supabase is a game-changing backend service for frontend developers, streamlining workflows and enhancing user experience.

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.

All About Pagination In React JS | Simplilearn

Pagination in React JS allows displaying data on multiple pages for better user experience without requiring backend changes.

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.
moreuser-experience

Using qr-code: a customizable, animate-able HTML element - LogRocket Blog

QR codes can be generated from various types of textual data like URLs and emails for easy mobile interaction.

Exploring essential DOM methods for frontend development - LogRocket Blog

DOM methods are crucial for frontend development, enabling dynamic interaction with webpages for a smoother browsing experience.

Advanced Frontend Development: How to Enforce Code Quality at Scale

Proactive quality approach maintains frontend development efficiency as team scales.

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

htmx enhances HTML with minimal JavaScript for AJAX-like behaviors.

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.

Hover Effect Style 427

Creating engaging user interfaces with advanced functionalities can enhance user experience and interactivity.

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.

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

Eleventy is a popular static site generator for frontend developers known for simplicity and flexibility.

The history of Frontend

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

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

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

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.

Scalendar April 2024

Diverse range of Scala conferences in April 2024
Opportunities for learning and networking in Frontend Development and Software Architecture
#vuejs

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.

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.

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

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.

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.

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
morevuejs

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.

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
#ruby

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

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.

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

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.
moreruby

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.
#storybook

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

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

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

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
morestorybook

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.

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.

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.

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.

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.
#figma

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.

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.

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.

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.
morefigma

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

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.

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.

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.
#frontend development

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.

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.

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.

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.
morefrontend development

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.

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.

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.

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.

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.
[ Load more ]