#front-end-development

[ follow ]
#web-development

How to Make a Simple JavaScript Quiz - SitePoint

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

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.

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.

How to Make a Simple JavaScript Quiz - SitePoint

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

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.

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

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

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

10 JavaScript Tips to Boost Development Efficiency

JavaScript offers powerful techniques that can greatly enhance coding productivity and performance in 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.

SVG Coding Examples: Useful Recipes For Writing Vectors By Hand - Smashing Magazine

Understanding and coding SVGs enhances front-end skills and provides a fun way to create graphics directly with code.

Front-end Developer -Remote at ProdPad

Responsible for front-end architecture and code upgrades
Opportunity to work on diverse tasks and technologies

10 JavaScript Tips to Boost Development Efficiency

JavaScript offers powerful techniques that can greatly enhance coding productivity and performance in 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.

SVG Coding Examples: Useful Recipes For Writing Vectors By Hand - Smashing Magazine

Understanding and coding SVGs enhances front-end skills and provides a fun way to create graphics directly with code.

Front-end Developer -Remote at ProdPad

Responsible for front-end architecture and code upgrades
Opportunity to work on diverse tasks and technologies
morejavascript

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
1 month 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.
#lazy-loading

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.

Lazy Loading Tabs in Angular Material

Lazy-loading is a popular technique in front-end software development to optimize resource usage.
Lazy loading of tabs in Angular Material is available in version 17.

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.

Lazy Loading Tabs in Angular Material

Lazy-loading is a popular technique in front-end software development to optimize resource usage.
Lazy loading of tabs in Angular Material is available in version 17.
morelazy-loading
#job-opportunity

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.

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

What to expect from Vue.js in 2024

Vue 2 is reaching end of life in 2024, pushing developers to upgrade their skills and applications.
Vue Vapor Mode, which aims to remove the virtual DOM for performance gains, is expected to be released in 2024.

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.

What to expect from Vue.js in 2024

Vue 2 is reaching end of life in 2024, pushing developers to upgrade their skills and applications.
Vue Vapor Mode, which aims to remove the virtual DOM for performance gains, is expected to be released in 2024.

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.

CSS Text Effect Style 219

The article discusses various HTML5 features and elements like 3D Slider, AutoComplete, Barcode, Blur Effect, etc.
It highlights the functionality and usage of these HTML5 features.

HTML Web Components Are Having a Moment

The author has noticed a common pattern of new technologies being adopted gradually after being shared by influential figures in the industry.
There is currently a buzz around 'HTML Web Components' and several articles have been written on the topic.

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.

A Rant about Front-end Development

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