tag Techniques

標籤
貢獻228
96
11:04 PM · Nov 16 ,2025
vitaly-friedman 頭像 temani-afif 頭像 louis-lazaris 頭像 adrian-bece 頭像 joas-pambou 頭像 brecht-de-ruyte 頭像 geoff-graham 頭像 jhey-tompkins 頭像 christian-heilmann 頭像 preethi-sam 頭像 daniel-pataki 頭像 juan-diego-rodriguez 頭像

@Techniques / 博客 RSS 訂閱

georgii-perepecho 頭像

Georgii Perepecho - Building The Real App With React Query

If you have ever built React applications that use asynchronous data you probably know how annoying it could be to handle different states (loading, error, and so on), share the state between compon

react , workflow , Techniques , Apps , typescript

收藏 評論

steven-levithan 頭像

Steven Levithan - Regexes Got Good: The History And Future Of Regular Expressions In JavaScript

Modern JavaScript regular expressions have come a long way compared to what you might be familiar with. Regexes can be an amazing tool for searching and replacing text, but they have a longstanding

Techniques , coding , Javascript

收藏 評論

nashvail 頭像

Nash Vail - Upgrading CSS Animation With Motion Curves

There is UI animation, and then there is good UI animation. Good animation makes you go “Wow!” — it’s smooth, beautiful and, most of all, natural, not blocky, rigid or robotic. If you frequent Dribb

animation , Techniques , Css

收藏 評論

nickbabich 頭像

Nick Babich - The Modern Way To Create And Host A WordPress Site

This article has been kindly supported by our dear friends at Elementor whose goal is to empower web creators to design, publish and manage powerful and beautiful WordPress websites using the mos

wordpress , Techniques , Tools

收藏 評論

alexander-komarov 頭像

Alexander Komarov & Nikita Yermolayev - How To Design For A Maturing Android

Android is huge: 480 million people currently use Android devices, and 1 million new devices are activated daily. This means that every three weeks, the number of people who activate new Android dev

Techniques , mobile , Apps , Android

收藏 評論

adrian-bece 頭像

Adrian Bece - Recreating YouTube’s Ambient Mode Glow Effect

I noticed a charming effect on YouTube’s video player while using its dark theme some time ago. The background around the video would change as the video played, creating a lush glow around the vide

Techniques , Tools , Css , HTML , ui

收藏 評論

alexis-kypridemos 頭像

Alexis Kypridemos - Converting Plain Text To Encoded HTML With Vanilla JavaScript

When copying text from a website to your device’s clipboard, there’s a good chance that you will get the formatted HTML when pasting it. Some apps and operating systems have a “Paste Special” featur

Techniques , HTML , Javascript

收藏 評論

favour-ogbonda 頭像

Favour Ogbonda - A Guide To Test-Driven Development Using Node.js

In this guide, you’ll understand what Test-Driven Development is, we’ll look at the different processes involved in Test-Driven Development, and each one will be explained. Sometimes as we develop s

Guides , node.js , Techniques , testing

收藏 評論

alexbachuk 頭像

Alex Bachuk - Redux · An Introduction

Redux is one of the hottest libraries in front-end development these days. However, many people are confused about what it is and what its benefits are. As the documentation states, Redux is a pred

react , Techniques , Tools , redux , coding , Javascript

收藏 評論

mattangriffel 頭像

Mattan Griffel - Tips For Mastering A Programming Language Using Spaced Repetition

Since first hearing of spaced repetition a few years back, I’ve used it for a wide range of things, from learning people’s names to memorizing poetry to increasing my retention of books. Today, I’l

Techniques , Programming , Tools , coding

收藏 評論

zack-grossbart 頭像

Zack Grossbart - Searchable Dynamic Content With AJAX Crawling

Google Search likes simple, easy-to-crawl websites. You like dynamic websites that show off your work and that really pop. But search engines can’t run your JavaScript. That cool AJAX routine that l

Techniques , seo , Ajax , coding , Javascript

收藏 評論

brian-wood 頭像

Brian Wood - Next-Generation Responsive Web Design Tools: Webflow, Edge Reflow, Macaw

To prepare for a talk about the changing roles of designers and developers, given at HOW Interactive a few months back, I interviewed 20+ web shops. Validated by my own experience, I found that many

workflow , Techniques , mobile , Graphics , Tools

收藏 評論

anatudor 頭像

Ana Tudor - Getting Started With CSS calc ()

I first discovered the calc() function more than four years ago, thanks to CSS3 Click Chart, and I was absolutely delighted to see that basic mathematical computations — addition, subtraction, multi

Techniques , coding , Css

收藏 評論

thomas-bohm 頭像

Thomas Bohm - Measuring The Performance Of Typefaces For Users (Part 1)

Our focus is on typefaces for reading large amounts of text and information in the most efficient, legible, pleasurable, comprehensible, and effective way possible. For instance, typefaces used for

performance , Techniques , Typography

收藏 評論

alekshudochenkov 頭像

Aleks Hudochenkov - Stylelint: The Style Sheet Linter We’ve Always Wanted

Everyone wants a clean, consistent code base, no matter the language. Developers are accustomed to setting up linters in programming languages such as JavaScript and Python, but they rarely use a li

Techniques , Tools , coding , Javascript

收藏 評論

hannah-milan 頭像

Hannah Milan - Designing Accessible Text Over Images: Best Practices, Techniques, And Resources (Part 1)

What is the text over images design pattern? How do we apply this pattern to our designs without sacrificing legibility and readability? The text over images design pattern is a design technique us

Techniques , Typography , Accessibility , Design

收藏 評論

simon-moore 頭像

Simon Moore - Handy Tweaks To Make GIMP Replace Photoshop

GIMP was never designed to replace Photoshop, yet with every release, it comes a little closer to being able to do so. It can be used to author graphics, create logos and edit photos, as well as mak

Photoshop , Techniques , Graphics , Gimp

收藏 評論

joas-pambou 頭像

Joas Pambou - Integrating Image-To-Text And Text-To-Speech Models (Part 1)

Audio descriptions involve narrating contextual visual information in images or videos, improving user experiences, especially for those who rely on audio cues. At the core of audio description tec

Techniques , Tools , AI

收藏 評論

drewminns 頭像

Drew Minns - Constructing CSS Quantity Queries On The Fly

Often within a project, the presentation of our content changes based on certain needs. We see this when we use media queries to change our styles based on the user device. CSS quantity queries foll

Techniques , Tools , Css

收藏 評論

suzanne-scacca 頭像

Suzanne Scacca - Better ROI For Your Digital Products: Why Continuous Research Is Key

This article has been kindly supported by our dear friends at Maze, a continuous product discovery platform that empowers product teams to collect and consume user insights, continuously. Thank y

Techniques , User Research , Tools , Product Strategy

收藏 評論

temani-afif 頭像

Temani Afif - Re-Creating The Pop-Out Hover Effect With Modern CSS (Part 1)

In a previous article on CSS-Tricks, I demonstrated how to create a fancy hover effect where an avatar pops out of a circle on hover. The challenge was to make such an effect using only the img tag.

Techniques , Css , Design

收藏 評論

anastasios-karafillis 頭像

Anastasios Karafillis - Efficiently Simplifying Navigation, Part 2: Navigation Systems

How do we make navigation as simple and predictable as possible? As explained in part 1 of this series, the first two steps are to structure content in a way that naturally narrows the navigation op

Techniques , Navigation , ux

收藏 評論

thierry-koblentz 頭像

Thierry Koblentz - Equal Height Column Layouts With Borders And Negative Margins In CSS

1. Centering Columns Without A Wrapper div This layout will be built without a wrapper div: The basics We use the background of body and the border of one of the columns to create background co

Techniques , Css , Browsers

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - 53 CSS-Techniques You Couldn’t Live Without

CSS is important. And it is being used more and more often. Cascading Style Sheets offer many advantages you don’t have in table-layouts - and first of all a strict separation between layout, or des

Techniques , coding , Css

收藏 評論