tag Tools

標籤
貢獻240
1019
11:04 PM · Nov 16 ,2025
anselm-hannemann 頭像 vitaly-friedman 頭像 cosima-mielke 頭像 joas-pambou 頭像 cameron-chapman 頭像 geoff-graham 頭像 jacob-gube 頭像 patrickbrosset 頭像 sven-lennartz 頭像 leonardolosoviz 頭像 zara-cooper 頭像 louis-lazaris 頭像

@Tools / 博客 RSS 訂閱

dirk-weber 頭像

Dirk Weber - A Deep Dive Into The Wonderful World Of SVG Displacement Filtering

Even today, the magic, wicked realm of SVG Filter Effects is largely uncharted territory. The art of SVG filtering is still surrounded by an aura of alchemy: you have to bravely dive into a dark wor

Techniques , Tools , Javascript , svg

收藏 評論

adam-hay 頭像

Adam Hay - Screencasting: How To Start, Tools and Guidelines

Some companies have made a living creating a sort of “virtual classroom,” allowing members to learn at their own pace when they have the time using video tutorials. The advantages of the classroom s

Screencasting , Tools , Design

收藏 評論

leonardolosoviz 頭像

Leonardo Losoviz - Using The WordPress Editor And CPTs To Configure Plugins

WordPress 5.9 was released recently shipping with Full Site Editing (FSE), which enables using blocks to create the layout for any page in the website (as was already possible to write posts via the

wordpress , Tools , plugins

收藏 評論

stephanie-eckles 頭像

Stephanie Eckles - Level Up Your CSS Skills With The :has() Selector

Using :has() gives us the ability to “look ahead” with CSS and style a parent or ancestor element. Then, we can broaden the selector to target one or more siblings or children. By considering elemen

workflow , Tools , Css , Browsers

收藏 評論

davidrousset 頭像

David Rousset - Creating One Browser Extension For All Browsers: Edge, Chrome, Firefox, Opera, Brave And Vivaldi

In today’s article, we’ll create a JavaScript extension that works in all major modern browsers, using the very same code base. Indeed, the Chrome extension model based on HTML, CSS and JavaScript i

Tools , Sponsored Content , coding

收藏 評論

anselm-hannemann 頭像

Anselm Hannemann - Web Development Reading List #112: Edge Update and Performance Monitoring

Last week I was talking about avoiding working all day and night. But Erik actually added a valid point to it: For you as an employee, it’s not always easy to turn off devices and just not respond t

Web Development Reading List , Tools , coding

收藏 評論

mattandrews 頭像

Matt Andrews - Building A Simple Cross-Browser Offline To-Do List With IndexedDB And WebSQL

Making an application work offline can be a daunting task. In this article, Matthew Andrews, a lead developer behind FT Labs, shares a few insights he had learned along the way while building the FT

Techniques , Tools , Apps

收藏 評論

glenstansberry 頭像

Glen Stansberry - 13 Useful Batch Image Processors

Whether you’re a Web developer, Web designer or blogger, you’ve probably had to deal with the headache of converting many images to different sizes and formats. It’s not much fun if you have to conv

optimization , Tools , Open Source , Responsive Images , Design

收藏 評論

anselm-hannemann 頭像

Anselm Hannemann - Web Development Reading List #138: Accessible Web Components And CSS And Sass Precision

From time to time you need to recalibrate your brain by experimenting with new technologies, by tracing down the performance of a certain feature or by reconsidering the environment of your project.

Web Development Reading List , Tools , coding

收藏 評論

blake-lundquist 頭像

Blake Lundquist - CSS @scope: An Alternative To Naming Conventions And Heavy Abstractions

When learning the principles of basic CSS, one is taught to write modular, reusable, and descriptive styles to ensure maintainability. But when developers become involved with real-world application

Techniques , Tools , coding , Css

收藏 評論

ilya-medvedev 頭像

Ilya Medvedev - How To Develop A Text Editor For The Web

I work for Readymag, which makes a browser-based design tool that helps people create websites, portfolios, and all kinds of online publications, without coding. Many widgets are available in our to

workflow , Tools , Css

收藏 評論

nicolashoffmann 頭像

Nicolas Hoffmann - Content Security Policy, Your Future Best Friend

A long time ago, my personal website was attacked. I do not know how it happened, but it happened. Fortunately, the damage from the attack was quite minor: A piece of JavaScript was inserted at the

Tools , Security , coding

收藏 評論

matt-zeunert 頭像

Matt Zeunert - Effectively Monitoring Web Performance

This article has been kindly supported by our dear friends at DebugBear, who help optimize web performance to improve user experience. Thank you! There’s no single way to measure website pe

performance , optimization , Tools

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - Web Form Design: Showcases And Solutions

This overview features a hand-picked and organized selection of the most useful and popular Smashing Magazine’s articles related to Web form design and published here over all the years. Quick Over

Guides , Best Practices , Tools

收藏 評論

anselm-hannemann 頭像

Anselm Hannemann - Web Development Reading List #111: Preconnect, Dynamic Responsive Images, DOM Event Listeners

Each week when reviewing links I’m grateful that so many people write such great articles. Useful technical articles that help you resolve front-end issues, inspirational articles that motivate you

Web Development Reading List , Tools , coding

收藏 評論

geoff-graham 頭像

Geoff Graham - Writing CSS In 2023: Is It Any Different Than A Few Years Ago?

Is there anything in the front-end world that’s evolving faster than CSS these days? After what seemed like a long lull following blockbusters Flexbox and Grid, watching CSS release new features ove

Guides , Techniques , Tools , Css

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - Portfolio Web Design Showcases

This is an overview of the best Portfolio Web design showcases we have published on Smashing Magazine over all the years. 69 Sexy Portfolio Designs To Inspire You Today designing a unique, compell

Best Practices , Round-Ups , Tools

收藏 評論

juan-diego-rodriguez 頭像

Juan Diego Rodríguez - What Are CSS Container Style Queries Good For?

We’ve relied on media queries for a long time in the responsive world of CSS but they have their share of limitations and have shifted focus more towards accessibility than responsiveness alone. Thi

Techniques , Tools , Css

收藏 評論

soh-tanaka 頭像

Soh Tanaka - Helpful JavaScript & jQuery Tools, Libraries & Plugins

Recently we’ve been receiving more requests for carefully selected, useful round-ups. We try to avoid round-ups on Smashing Magazine, but sometimes the format is useful and — if the resources are re

Tools , templates , coding , jquery , Javascript

收藏 評論

knut-melvaer 頭像

Knut Melvær - Thoughts On Markdown

Markdown is second nature for many of us. Looking back, I remember starting typing in Markdown not long after John Gruber released his first Perl-based parser back in 2004 after collaborating on the

workflow , Tools , coding , Opinion Column

收藏 評論

rachel-mccollin-2 頭像

Rachel McCollin - A Guide To The Options For WordPress Theme Development

At the recent WordCamp Edinburgh, I took part in a panel discussion about WordPress theme development and the options available to developers when building themes. The overriding conclusion from the

wordpress , Tools , Techniques (WP)

收藏 評論

grace-ng 頭像

Grace Ng - A Guide To Validating Product Ideas With Quick And Simple Experiments

You probably know by now that you should speak with customers and test your idea before building a product. What you probably don’t know is that you might be making some of the most common mistakes

Techniques , User Research , Tools , ux

收藏 評論

sachindhall 頭像

Sachin Dhall - 25 Text Batch Processing Tools Reviewed

Have you ever fainted from the sheer idea of having to find and replace text in millions of files? Have you ever felt helpless because you needed to search and replace different data 50 times at onc

Techniques , Tools , text , Design

收藏 評論

sam-poder 頭像

Sam Poder - Using SWR React Hooks With Next.js’ Incremental Static Regeneration (ISR)

If you’ve ever used Incremental Static Regeneration (ISR) with Next.js, you may have found yourself sending stale data to the client. This occurs when you are revalidating the page on the server. Fo

react , API , Tools , next.js , Javascript

收藏 評論