Weekly News for Designers № 655

UX/ UI tips: A guide to search inputs – Key principles for creating best-in-class search input boxes.
Example from UX/ UI tips: A guide to search inputs

Font Subsetting Strategies: Content-Based vs Alphabetical – Learn how subsetting fonts can help increase performance and reduce waste.
Example from Font Subsetting Strategies: Content-Based vs Alphabetical

Recreating MDN’s Truncated Text Effect – Discover the CSS behind this unique text presentation.
Example from Recreating MDN’s Truncated Text Effect

<article> vs. <section>: How To Choose The Right One – This guide will help to ensure that you’re using these two semantic HTML tags correctly.
Example from 

<article> vs. </p>
<section>: How To Choose The Right One” width=”750″ height=”500″></p>
<p><a rel=50 Creative Personal Portfolio Websites for Inspiration – Looking for great portfolio ideas? You’ll want to check out this collection of beautifully-crafted sites.
Example from 50 Creative Personal Portfolio Websites for Inspiration

WebGi Camera Landing Page – A template for building scrollable landing pages using popular frameworks.
Example from WebGi Camera Landing Page

Hello – Try out the beta version of this developer-focused search engine.
Example from Hello

Tailwind Manage Landing Page – Start your landing page project off right with this beautiful template.
Example from Tailwind Manage Landing Page

8 CSS Snippets for Styling HTML Checkboxes & Radio Buttons – Examples of enhanced inputs that go beyond the ordinary.
Example from 8 CSS Snippets for Styling HTML Checkboxes & Radio Buttons

A good reset – Why effective CSS resets may be the key to more widespread use of native HTML elements.
Example from A good reset

Social Media Framework – Download this free (or pay-what-you-want) Figma framework for creating beautiful social media images.
Example from Social Media Framework

Creating an Accessible Image Carousel – Learn how to create a progressively enhanced image carousel that doesn’t skimp on accessibility.
Example from Creating an Accessible Image Carousel

tabler – Explore this open-source dashboard template with a responsive and high-quality UI.
Example from tabler

SaaS Blocks – A collection of ready-to-use building blocks and APIs for SaaS applications.
Example from SaaS Blocks

WordPress Product Founders on What They’d Do Differently – Theme and plugin developers share their thoughts on changes within the WordPress ecosystem.
Example from WordPress Product Founders on What They’d Do Differently

WebP by Default Merged Into Core for WordPress 6.1 – The next version of WordPress will automatically convert JPEG uploads into the more efficient WebP format.
Example from WebP by Default Merged Into Core for WordPress 6.1