Web design

[ follow ]
#css
Web design
fromSmashing Magazine
5 days ago

Masonry: Things You Won't Need A Library For Anymore - Smashing Magazine

Native CSS Masonry enables masonry-style layouts without heavy JavaScript, reducing reliance on JS and encouraging use of CSS platform features for layout tasks.
#web-development
fromwww.jqueryscript.net
3 weeks ago
Web design

Weekly Web Design & Development News: Collective #630

Curated weekly roundup of web development and design tools, libraries, AI releases, UI assets, and tutorials to accelerate frontend workflows.
Web design
fromHer Campus
2 weeks ago

How to start your own blog this autumn!

Start a blog to express passions freely using free platforms, niche focus, moodboard-driven design, and tools like Canva for custom graphics.
fromFrontendmasters
2 weeks ago

More CSS random() Learning Through Experiments

My idea for attempting to reproduce it was to make a big stack of <div> containers where the top center of them are all in the exact center of the screen. Then apply: Then if I put the "star" at the end (bottom center) of each <div>, I'll have a random star field where I can later rotate the container around the center of the screen to get the look I was after.
Web design
Web design
fromCNET
3 weeks ago

Starting a Website Is Easier Than You Think. Here's How to Build a WordPress Website From Scratch

Use WordPress.org to build flexible, code-free websites; pick a relevant, easy-to-spell domain and follow hosting and setup steps to launch.
Web design
fromForbes
3 weeks ago

How Accessibility Prepares Your Website For AI Search

Web accessibility and semantic HTML are essential for maintaining organic visibility as AI-driven search reduces clickthroughs.
Web design
fromSearch Engine Roundtable
3 weeks ago

Microsoft Bing Testing Site Favicons Anchors At Top Of Search Results

Microsoft is testing clickable site favicons at the top of Bing search results that anchor users to specific search results on the page.
Web design
fromSocial Media Explorer
3 weeks ago

ADA Title II Just Raised the Bar: How Small Fire Departments Can Hit WCAG 2.2 With WordPress - Social Media Explorer

State and local government websites must meet WCAG 2.2 Level AA accessibility standards, with legal compliance deadlines and enforcement under Title II of the ADA.
Web design
fromCSS-Tricks
3 weeks ago

Headings: Semantics, Fluidity, and Styling - Oh My! | CSS-Tricks

Place the main page heading (<h1>) inside the <main> element so assistive technologies reliably find and announce the page heading.
fromInclusivecolors
4 weeks ago

InclusiveColors - Accessible color palette creator

Instead of only working with a handful of colors, you can create a whole palette of swatches at the same time so you can see if they look good together. Precise control of every shades/tints in each swatch rather than being limited by autogenerated colors. See which color pairs contrast as you edit so you can create a palette with built-in WCAG accessibility.
Web design
Web design
fromCSS-Tricks
1 month ago

Getting Creative With Small Screens | CSS-Tricks

Editorial-style magazine layouts can be adapted for small screens by treating each section as a distinct composite and using visual cues to preserve hierarchy.
Web design
fromMedium
1 month ago

Your Portfolio Is Your Calling Card. Stop Neglecting It.

A portfolio must be live, fast, clean, and clearly showcase a designer's best work; perfection is unnecessary.
Web design
fromCSS-Tricks
1 month ago

The thing about contrast-color | CSS-Tricks

contrast-color() returns only black or white, causing overly harsh contrast; support for intermediate softer contrast colors would improve readability.
Web design
fromBusiness Matters
1 month ago

The Ultimate Guide to Website Design in Coventry for Small Businesses and Startups

A professionally designed website is essential for Coventry small businesses to attract customers, build credibility, increase visibility, and drive growth.
Web design
fromBusiness Matters
1 month ago

The Hidden Power of Expert WordPress Website Design

A professionally designed, performance-focused WordPress website converts first impressions into customers by improving design, responsiveness, SEO, and brand-aligned user experience.
Web design
fromWIRED
1 month ago

Want to Start a Website? These Are the Best Website Builders

Website builders remove server and file complexity, offering drag-and-drop interfaces that streamline site creation with templates and immediate visual feedback.
Web design
fromWebKit
1 month ago

CSS Grid: A helpful mental model and the power of grid lines

Use a container-first, spreadsheet-like mental model for CSS Grid: declare display: grid, design columns and rows up front, then place content into that structure.
fromItsnicethat
1 month ago

Perfectly Imperfect is the 'social magazine' (and nerd's paradise) remodelling the online sphere

Tyler rejects the homogenisation of web design and decided to swerve Perfectly Imperfect into a lane of its own, inspired by the early internet aesthetics of "solid but saturated colours, lack of texture, MS Paint-style airbrushing, and a singular broadcast-style aesthetic", Brent David Freaney tells us. Brent's studio Special Offer collaborated with Tyler to bring the best parts of early internet's visuality, whilst still creating something that belongs in 2025.
Web design
Web design
fromSmashing Magazine
2 months ago

Smashing Animations Part 5: Building Adaptive SVGs With , , And CSS Media Queries - Smashing Magazine

Use <symbol>, <use>, and CSS media queries to create SVGs whose internal elements can be repositioned and resized to suit different screen aspect ratios.
Web design
fromForbes
2 months ago

Your Website Talks-Jennie Lakenan Helps It Say What Matters

Jennie Lakenan builds strategic, conversion-focused websites for coaches, combining design, branding, and coaching expertise to increase credibility and client attraction.
Web design
fromZach Leatherman
2 months ago

A tiny bit-o-CSS for Stable Scrollbar Gutters-zachleat.com

Use scrollbar-gutter with a @supports guard to reserve scrollbar space only when needed, preventing content layout shifts without forcing scrollbars on every page.
Web design
fromItsnicethat
2 months ago

KOTA reimagines Universal Production Partners' website as a cinematic experience

KOTA created a dynamic, cinematic website for UPP that fuses technology, elegant interactions, and storytelling to produce an immersive, tactile digital experience.
fromSmashing Magazine
2 months ago

Ambient Animations In Web Design: Principles And Implementation (Part 1) - Smashing Magazine

Creating motion can be tricky. Too much and it's distracting. Too little and a design feels flat. Ambient animations are the middle ground - subtle, slow-moving details that add atmosphere without stealing the show. Unlike timeline-based animations, which tell stories across a sequence of events, or interaction animations that are triggered when someone touches something, ambient animations are the kind of passive movements you might not notice at first. But, they make a design look alive in subtle ways.
Web design
Web design
fromClickUp
2 months ago

Free Web Hosting Templates for Fast & Professional Website Setup

Free web hosting templates deliver professional, customizable, responsive designs with WHMCS integration and essential features to launch credible hosting websites quickly.
fromBitcoin Magazine
2 months ago

A Response To Sir Tim Berners-Lee: We Can Fix The Web Without Regulation

I agree with Berners-Lee's diagnosis. But regulation is not the cure. The web's decline is not merely a design failure; it is also an economic one. Design choices follow incentives, and those incentives have been distorted by fiat money and the advertising model it props up. Cheap credit from the fiat-fuelled venture capital system pushed Silicon Valley away from hacker-led engineering and toward surveillance-driven profit extraction.
Web design
Web design
fromSmashing Magazine
2 months ago

Creating Elastic And Bounce Effects With Expressive Animator - Smashing Magazine

Expressive Animator automates elastic and bounce easing for SVGs, enabling lifelike animations in seconds while removing manual keyframe and easing setup.
Web design
fromItsnicethat
2 months ago

Putting some soul into tech: The Tiny Awards finalists reveal the weird, wonderful and political side of the internet

Tiny Awards celebrates independent, handmade URL-based web projects, honoring small creative internet experiments often overlooked by mainstream awards.
Web design
fromLogRocket Blog
2 months ago

I tried Google Stitch. Here's what I loved (and hated) about it - LogRocket Blog

Google Stitch transforms simple prompts, sketches, or wireframes into editable high-fidelity UI designs with Figma export and HTML/CSS output, accelerating ideation but with export limitations.
Web design
fromkube.io
2 months ago

Liquid Glass in the Browser: Refraction with CSS and SVG - kube.io

Recreate a Liquid Glass UI effect on the web by approximating optical refraction and specular highlights using CSS, SVG displacement maps, and simplified physics.
[ Load more ]