#web-development

[ follow ]
#figma
fromMedium
3 weeks ago
Design

How I Built a Figma Plugin Without Coding Knowledge!

Figma plugins can be built without coding using tools like Artifig AI, streamlining development.
fromMedium
3 weeks ago
Design

How I Built a Figma Plugin Without Coding Knowledge!

Building Figma plugins can be done without coding skills using tools like Artifig AI.
fromMedium
4 weeks ago
UX design

Turn Figma design into Code: Lovable vs Anima

Anima Playground streamlines the transition from design to code for Figma users, enhancing efficiency in development.
fromMedium
3 weeks ago
Design

How I Built a Figma Plugin Without Coding Knowledge!

Figma plugins can be built without coding using tools like Artifig AI, streamlining development.
fromMedium
3 weeks ago
Design

How I Built a Figma Plugin Without Coding Knowledge!

Building Figma plugins can be done without coding skills using tools like Artifig AI.
fromMedium
4 weeks ago
UX design

Turn Figma design into Code: Lovable vs Anima

Anima Playground streamlines the transition from design to code for Figma users, enhancing efficiency in development.
more#figma
fromTrysmudford
2 weeks ago
UX design

Rounded triangular boxes in CSS/SVG | Trys Mudford

Understanding different shape constructs is crucial for effective design.
SVG filters can improve the aesthetics of shapes but have limitations.
#javascript
Angular
fromInfoWorld
1 week ago

Comparing Angular, React, Vue, and Svelte: What you need to know

Reactive frameworks like Angular, React, Vue, and Svelte have evolved significantly, enhancing their utility for building scalable applications.
fromSubstack
1 week ago
Artificial intelligence

Weekly JavaScript Roundup: Friday Links 21, April 18, 2025

Arena Intelligence Inc. rebrands from Chatbot Arena, expanding features and maintaining user trust in AI benchmarking.
fromHackernoon
7 months ago
Node JS

JavaScript Becomes More Powerful Than Ever | HackerNoon

JavaScript 2025 introduces features that enhance efficiency and functionality for developers.
Google's Firebase Studio offers innovative AI tools to streamline web development.
fromForbes
2 weeks ago
Artificial intelligence

JavaScript's Leading Role In Driving Enterprise AI Innovation: Enabling LLM Integration And Browser-Based AI

JavaScript has transformed from a web application tool to a powerful platform for AI applications and edge computing.
fromLogRocket Blog
2 days ago
Node JS

6 hidden gems in the JavaScript API you should be using - LogRocket Blog

StructuredClone simplifies deep copying in JavaScript, overcoming common limitations encountered with traditional methods and enhancing object manipulation.
Angular
fromInfoWorld
1 week ago

Comparing Angular, React, Vue, and Svelte: What you need to know

Reactive frameworks like Angular, React, Vue, and Svelte have evolved significantly, enhancing their utility for building scalable applications.
fromSubstack
1 week ago
Artificial intelligence

Weekly JavaScript Roundup: Friday Links 21, April 18, 2025

Arena Intelligence Inc. rebrands from Chatbot Arena, expanding features and maintaining user trust in AI benchmarking.
fromHackernoon
7 months ago
Node JS

JavaScript Becomes More Powerful Than Ever | HackerNoon

JavaScript 2025 introduces features that enhance efficiency and functionality for developers.
Google's Firebase Studio offers innovative AI tools to streamline web development.
fromForbes
2 weeks ago
Artificial intelligence

JavaScript's Leading Role In Driving Enterprise AI Innovation: Enabling LLM Integration And Browser-Based AI

JavaScript has transformed from a web application tool to a powerful platform for AI applications and edge computing.
fromLogRocket Blog
2 days ago
Node JS

6 hidden gems in the JavaScript API you should be using - LogRocket Blog

StructuredClone simplifies deep copying in JavaScript, overcoming common limitations encountered with traditional methods and enhancing object manipulation.
more#javascript
#seo
fromBusiness
20 hours ago
Web development

The Importance of SEO in Web Development - Business

SEO integration in web development is essential for improving discoverability and user experience.
53% of website traffic comes from organic search, emphasizing SEO's importance.
Neglecting SEO can result in costly website redesigns and missed traffic opportunities.
fromFstoppers
1 day ago
Media industry

SEO for Photographers Who Hate SEO (But Hate Being Invisible More): Part 1

Effective SEO strategies are essential for photographers to increase their visibility on Google.
Web development
fromBusiness
20 hours ago

The Importance of SEO in Web Development - Business

SEO integration in web development is essential for improving discoverability and user experience.
53% of website traffic comes from organic search, emphasizing SEO's importance.
Neglecting SEO can result in costly website redesigns and missed traffic opportunities.
fromFstoppers
1 day ago
Media industry

SEO for Photographers Who Hate SEO (But Hate Being Invisible More): Part 1

Effective SEO strategies are essential for photographers to increase their visibility on Google.
more#seo
fromRubyflow
1 day ago
Ruby on Rails

Markdown image uploads with EasyMDE and Active Storage

Markdown is efficient for content creation but struggles with image handling in standard editors.
#user-experience
from9to5Google
2 weeks ago
Privacy technologies

Google Search switching to googlecom around the world

Google Search is eliminating country-specific sites in favor of a global google.com to enhance user experience.
fromMedium
2 weeks ago
UX design

Web Design vs Web Development: Key Differences

Web design focuses on aesthetics and user experience, while web development is about coding and functionality.
fromSmashing Magazine
1 week ago
Node JS

Building An Offline-Friendly Image Upload System - Smashing Magazine

PWA technologies enable offline-friendly image uploads, minimizing stress from poor internet connectivity.
fromadlibweb.
3 weeks ago
E-Commerce

Why WooCommerce is the Best Choice for Your Online Store?

WooCommerce is a leading platform for building online stores due to its user-friendliness and flexibility.
fromMedium
2 weeks ago
UX design

Web Design vs Web Development: Key Differences

Web design focuses on creative layout and user experience, while web development involves technical implementation of the site.
Understanding the distinction between web design and web development can prevent costly mistakes.
from9to5Google
2 weeks ago
Privacy technologies

Google Search switching to googlecom around the world

Google Search is eliminating country-specific sites in favor of a global google.com to enhance user experience.
fromMedium
2 weeks ago
UX design

Web Design vs Web Development: Key Differences

Web design focuses on aesthetics and user experience, while web development is about coding and functionality.
fromSmashing Magazine
1 week ago
Node JS

Building An Offline-Friendly Image Upload System - Smashing Magazine

PWA technologies enable offline-friendly image uploads, minimizing stress from poor internet connectivity.
fromadlibweb.
3 weeks ago
E-Commerce

Why WooCommerce is the Best Choice for Your Online Store?

WooCommerce is a leading platform for building online stores due to its user-friendliness and flexibility.
fromMedium
2 weeks ago
UX design

Web Design vs Web Development: Key Differences

Web design focuses on creative layout and user experience, while web development involves technical implementation of the site.
Understanding the distinction between web design and web development can prevent costly mistakes.
more#user-experience
#css
fromWebKit
5 days ago
UX design

Polishing your typography with line height units

New CSS units 'lh' and 'rlh' greatly simplify design layout and refinement for web developers.
fromFrontendmasters
1 month ago
UX design

Expanding CSS Shadow Effects

CSS shadows are versatile tools for visual design and can enhance depth without impacting layout.
fromAdactio
1 week ago
UX design

OKLCH()

OKLCH in CSS enhances color definition and functionality, despite limited support in design tools.
fromCSS-Tricks
3 weeks ago
Mobile UX

CSS Carousels | CSS-Tricks

The CSS Overflow Module Level 5 enhances carousel design with Scroll Buttons and Scroll Markers.
fromWebKit
2 weeks ago
Graphic design

The CSS shape() function

The shape() function in CSS enables responsive and scalable shape creation for web design, improving efficiency and aesthetic control.
fromFrontendmasters
3 weeks ago
UX design

Custom progress element using the attr() function

CSS advancements have simplified the way we access progress values in the <progress> element.
fromWebKit
5 days ago
UX design

Polishing your typography with line height units

New CSS units 'lh' and 'rlh' greatly simplify design layout and refinement for web developers.
fromFrontendmasters
1 month ago
UX design

Expanding CSS Shadow Effects

CSS shadows are versatile tools for visual design and can enhance depth without impacting layout.
fromAdactio
1 week ago
UX design

OKLCH()

OKLCH in CSS enhances color definition and functionality, despite limited support in design tools.
fromCSS-Tricks
3 weeks ago
Mobile UX

CSS Carousels | CSS-Tricks

The CSS Overflow Module Level 5 enhances carousel design with Scroll Buttons and Scroll Markers.
fromWebKit
2 weeks ago
Graphic design

The CSS shape() function

The shape() function in CSS enables responsive and scalable shape creation for web design, improving efficiency and aesthetic control.
fromFrontendmasters
3 weeks ago
UX design

Custom progress element using the attr() function

CSS advancements have simplified the way we access progress values in the <progress> element.
more#css
#wordpress
fromSitepoint
2 weeks ago
Web design

Top 9 WordPress Themes To Use in 2025 - SitePoint

Choosing a flexible WordPress theme is more relevant than seeking a 'perfect' one.
Nine outstanding themes are highlighted for their design freedom and reliability.
BeBuilder is recognized for its smooth page-building process.
BeTheme includes a large number of pre-built websites for easy customization.
fromSpeckyboy Design Magazine
1 week ago
Web development

A Quick Guide to Escaping PHP Data in WordPress - Speckyboy

Customizing WordPress through code enhances functionality but requires careful attention to security.
fromSitepoint
4 days ago
Web design

5+ WordPress Plugins for Developers To Use in 2025 - SitePoint

Choosing the right plugins significantly enhances the efficiency and performance of WordPress websites.
fromSitepoint
2 weeks ago
Web design

Top 9 WordPress Themes To Use in 2025 - SitePoint

Choosing a flexible WordPress theme is more relevant than seeking a 'perfect' one.
Nine outstanding themes are highlighted for their design freedom and reliability.
BeBuilder is recognized for its smooth page-building process.
BeTheme includes a large number of pre-built websites for easy customization.
fromSpeckyboy Design Magazine
1 week ago
Web development

A Quick Guide to Escaping PHP Data in WordPress - Speckyboy

Customizing WordPress through code enhances functionality but requires careful attention to security.
fromSitepoint
4 days ago
Web design

5+ WordPress Plugins for Developers To Use in 2025 - SitePoint

Choosing the right plugins significantly enhances the efficiency and performance of WordPress websites.
more#wordpress
#ai
Web design
fromCreative Bloq
5 days ago

New AI-powered feature personalises websites for individual visitors - this is incredibly cool but a bit freaky

Wix's new AI-powered adaptive content feature personalizes websites for individual visitors, which is impressive yet potentially unsettling.
fromSitepoint
1 week ago
Web development

Top 21 Developer Newsletters to Subscribe To in 2025 - SitePoint

Newsletters provide expert-curated content on tech trends, saving time for developers seeking updates on various topics.
Web design
fromCreative Bloq
5 days ago

New AI-powered feature personalises websites for individual visitors - this is incredibly cool but a bit freaky

Wix's new AI-powered adaptive content feature personalizes websites for individual visitors, which is impressive yet potentially unsettling.
fromSitepoint
1 week ago
Web development

Top 21 Developer Newsletters to Subscribe To in 2025 - SitePoint

Newsletters provide expert-curated content on tech trends, saving time for developers seeking updates on various topics.
more#ai
#best-practices
fromFrontendmasters
2 weeks ago
UX design

Lessons Learned from Recreating a Styled Dialog

HTML <dialog> elements should be sized for user experience, ensuring important actions are visible and accessible.
fromLogRocket Blog
5 days ago
Node JS

How to configure Next.js environmental variables - LogRocket Blog

Environment variables in Next.js help separate code from configuration for secure and flexible application management.
fromFrontendmasters
2 weeks ago
UX design

Lessons Learned from Recreating a Styled Dialog

HTML <dialog> elements should be sized for user experience, ensuring important actions are visible and accessible.
fromLogRocket Blog
5 days ago
Node JS

How to configure Next.js environmental variables - LogRocket Blog

Environment variables in Next.js help separate code from configuration for secure and flexible application management.
more#best-practices
fromRaymondcamden
5 days ago
Web frameworks

Using Cloudflare's Browser Rendering APIs for Screenshots

Cloudflare's Browser Rendering APIs offer flexible and powerful utilities for web scraping, rendering, and screenshot generation, even available on the free tier.
fromblog.logrocket.com
5 days ago
Node JS

useActionState in React: A practical guide with examples - LogRocket Blog

Three.js is user-friendly with extensive documentation; Babylon.js excels in building complex 3D experiences.
#frontend-development
fromLogRocket Blog
1 week ago
Artificial intelligence

The right way to implement AI into your frontend development workflow - LogRocket Blog

AI is transforming frontend development but must be used thoughtfully to enhance productivity without complicating coding practices.
fromVuejobs
3 weeks ago
European startups

(Senior) Frontend Developer (m/f/d) - Focus on Vue.js at Fork Unstable Media

Fork is hiring experienced Senior Frontend Developers for their teams in multiple cities.
fromLogRocket Blog
1 week ago
Artificial intelligence

The right way to implement AI into your frontend development workflow - LogRocket Blog

AI is transforming frontend development but must be used thoughtfully to enhance productivity without complicating coding practices.
fromVuejobs
3 weeks ago
European startups

(Senior) Frontend Developer (m/f/d) - Focus on Vue.js at Fork Unstable Media

Fork is hiring experienced Senior Frontend Developers for their teams in multiple cities.
more#frontend-development
#typescript
fromHackernoon
6 years ago
UX design

Your Backend Deserves Better Than JSON Guesswork-Try This Setup | HackerNoon

API documentation is essential for seamless application communication and developer experience.
Zod and Swagger are key tools for creating and documenting APIs effectively.
fromGitHub
2 weeks ago
React

GitHub - nerdalytics/beacon: A lightweight reactive state library for Node.js backends. Enables reactive state management with automatic dependency tracking and efficient updates for server-side applications.

Lightweight reactive state management for efficient Node.js applications.
fromHackernoon
6 years ago
UX design

Your Backend Deserves Better Than JSON Guesswork-Try This Setup | HackerNoon

API documentation is essential for seamless application communication and developer experience.
Zod and Swagger are key tools for creating and documenting APIs effectively.
fromGitHub
2 weeks ago
React

GitHub - nerdalytics/beacon: A lightweight reactive state library for Node.js backends. Enables reactive state management with automatic dependency tracking and efficient updates for server-side applications.

Lightweight reactive state management for efficient Node.js applications.
more#typescript
#webassembly
fromInfoWorld
1 week ago
Web frameworks

4 big changes WebAssembly developers need to know about

WebAssembly is evolving with new features that will significantly enhance its capabilities and require developers' adaptation.
Upcoming WASI 0.3 promises native async support, moving beyond current workarounds.
fromLogRocket Blog
2 weeks ago
Node JS

Building progressive web apps using Rust - LogRocket Blog

PWAs combine web and native app advantages, offering performance and offline capabilities using a single codebase.
fromInfoWorld
1 week ago
Web frameworks

4 big changes WebAssembly developers need to know about

WebAssembly is evolving with new features that will significantly enhance its capabilities and require developers' adaptation.
Upcoming WASI 0.3 promises native async support, moving beyond current workarounds.
fromLogRocket Blog
2 weeks ago
Node JS

Building progressive web apps using Rust - LogRocket Blog

PWAs combine web and native app advantages, offering performance and offline capabilities using a single codebase.
more#webassembly
fromFingerlakes1.com
1 week ago
Web development

Launch Your Career: The Ultimate Bootcamp for Web Development | Fingerlakes1.com

Web development bootcamps provide a fast track to employment with hands-on learning and practical experience in web development.
fromLogRocket Blog
1 week ago
Vue

We can finally move elements in the browser with the moveBefore() API - LogRocket Blog

moveBefore() API enables easier repositioning of DOM elements while maintaining their state, addressing long-standing limitations in web development.
fromRubyflow
1 week ago
Media industry

Adding shortcodes to the Marksmith editor

Integrating shortcodes into the Marksmith editor enhances content creation capabilities for enriched blog posts.
#open-source
fromTechCrunch
1 week ago
NYC startup

Wasp's platform is the glue that holds web dev apps together | TechCrunch

Navigating web development is complex due to fragmented tools, prompting the creation of Wasp to streamline the process.
fromLogRocket Blog
1 week ago
Mobile UX

Building responsive websites fast: A Float UI tutorial - LogRocket Blog

Float UI offers pre-made templates using Tailwind CSS, enabling quick website creation for developers.
fromTechCrunch
1 week ago
NYC startup

Wasp's platform is the glue that holds web dev apps together | TechCrunch

Navigating web development is complex due to fragmented tools, prompting the creation of Wasp to streamline the process.
fromLogRocket Blog
1 week ago
Mobile UX

Building responsive websites fast: A Float UI tutorial - LogRocket Blog

Float UI offers pre-made templates using Tailwind CSS, enabling quick website creation for developers.
more#open-source
fromTechRadar
1 week ago
Online marketing

How to create an online store with Hostinger

Hostinger simplifies online store creation with user-friendly tools, no coding skills required.
fromAlways Twisted
3 weeks ago
UX design

CSS Custom Properties vs. Sass Variables: A Pragmatic Guide Always Twisted

Sass variables are for compile-time constants; CSS custom properties offer runtime flexibility for theming.
#tailwind-css
fromMedium
2 months ago
Graphic design

How to Cheat at UI Design

Designing doesn't require starting from scratch if you leverage modern tools effectively.
fromMedium
2 months ago
Graphic design

How to Cheat at UI Design

Utilizing UI component libraries with React and Tailwind CSS can enhance the design and development process significantly.
fromHackernoon
1 month ago
Bootstrapping

From Styled Components to Tailwind CSS: A HackerNoon Migration Story | HackerNoon

HackerNoon transitioned from Styled Components to Tailwind CSS due to inefficiencies and complexity in managing styles.
fromMedium
2 months ago
Graphic design

How to Cheat at UI Design

Utilizing UI component libraries with React and Tailwind CSS can enhance the design and development process significantly.
fromHackernoon
1 month ago
Bootstrapping

From Styled Components to Tailwind CSS: A HackerNoon Migration Story | HackerNoon

HackerNoon transitioned from Styled Components to Tailwind CSS due to inefficiencies and complexity in managing styles.
more#tailwind-css
#pagination
fromjQuery Script
3 weeks ago
jQuery

Client-side Pagination Plugin for Static Content - jQuery SimplePaginate.js

SimplePaginate.js enables efficient client-side pagination for DOM elements without server-side calls.
fromjQuery Script
3 weeks ago
jQuery

Client-side Pagination Plugin for Static Content - jQuery SimplePaginate.js

SimplePaginate.js enables efficient client-side pagination for DOM elements without server-side calls.
more#pagination
fromWebKit
3 weeks ago
Typography

Better typography with text-wrap pretty

Safari's text-wrap: pretty enhances typography on the web significantly.
Text-wrap: pretty aims to replicate traditional typesetting's effectiveness digitally.
This feature addresses longstanding typographic issues like awkward line endings.
#accessibility
fromMDN Web Docs
2 weeks ago
UX design

Default styles for h1 elements are changing | MDN Blog

The removal of the outline algorithm in 2022 aimed to clarify heading semantics in HTML.
fromCSS-Tricks
2 weeks ago
Mental health

CSS-Tricks Chronicles XLIII | CSS-Tricks

CSS-Tricks has been actively expanding its Almanac with new content, achieving 21 new entries in early 2025 while also hosting engaging podcasts and events.
fromMDN Web Docs
2 weeks ago
UX design

Default styles for h1 elements are changing | MDN Blog

The removal of the outline algorithm in 2022 aimed to clarify heading semantics in HTML.
fromCSS-Tricks
2 weeks ago
Mental health

CSS-Tricks Chronicles XLIII | CSS-Tricks

CSS-Tricks has been actively expanding its Almanac with new content, achieving 21 new entries in early 2025 while also hosting engaging podcasts and events.
more#accessibility
fromInfoWorld
2 weeks ago
Web frameworks

The programming language wars

There is no wrong programming language choice for web development; pick what works for you.
fromRaymondcamden
2 weeks ago
Node JS

My First (and Last) Spotify Web App - Music Snob

Working with Spotify's APIs can lead to extensive delays when moving apps into production; many developers face long waits and complicated resubmission processes.
React
fromLogRocket Blog
2 weeks ago

A guide to using SVGs in React - LogRocket Blog

SVG is a versatile image format supported in modern web applications, especially within React.
fromVuejobs
2 weeks ago
NYC startup

Founding Fullstack Engineer (Nuxt 3/Vue 3, Express, PostgreSQL) at BetterPic

BetterPic aims to revolutionize professional headshots through AI, prioritizing speed, affordability, and quality.
#angular
fromMedium
6 months ago
Angular

Design Patterns in Angular

The Singleton pattern in Angular enables shared service instances across components for efficient data management.
fromMedium
6 months ago
Angular

Design Patterns in Angular

The Singleton pattern in Angular ensures that services are efficiently shared across components.
Using Angular's providedIn property enables effective Singleton pattern implementation.
fromMedium
6 months ago
Angular

Design Patterns in Angular

The Singleton pattern in Angular enables shared service instances across components for efficient data management.
fromMedium
6 months ago
Angular

Design Patterns in Angular

The Singleton pattern in Angular ensures that services are efficiently shared across components.
Using Angular's providedIn property enables effective Singleton pattern implementation.
more#angular
Web development
fromMedium
1 month ago

Vibe Coding for web with Cursor AI

Web development requires familiarity with frameworks like Next.js for advanced projects.
Narrowing down AI context enhances code generation quality.
fromRubyflow
3 weeks ago
Ruby on Rails

Running ruby on jupyter notebooks

Ruby developers can enhance their coding experience by using Jupyter notebooks with the iruby gem for interactive development.
fromHackernoon
4 weeks ago
UX design

Refining Space: Padding, Margin, and Spacing in Vaadin Flow | HackerNoon

Understanding padding, margin, and spacing enhances the organization and visual clarity of component layouts in Vaadin Flow.
[ Load more ]