tag Tools

標籤
貢獻240
1037
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 訂閱

svetlin-denkov 頭像

Svetlin Denkov - Creating Clickthrough Prototypes With Blueprint

In a previous article, I discussed using POP to create sketch-based clickthrough prototypes in participatory design exercises. These prototypes capture well the flow and overall layout of early desi

Interaction Design , Productivity , mobile , Tools , ux , Process

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - 42 Chunky Pika Style Icons [Freebie]

We have a delicate and useful icon set for you, again. Dutch designers from Dutch Icon created a new set of 42 Pika-style vector icons, released with Smashing Magazine for the Web design community.

Tools , Icons , Freebies

收藏 評論

patrickbrosset 頭像

Patrick Brosset - What’s New In DevTools: Halloween Edition 🎃

I can’t believe it’s already been nine months since I last wrote about the new DevTools features across browsers! You folks are due for an update. And what an update this is going to be! Our friend

devtools , Tools , testing , debugging , Browsers

收藏 評論

cameron-chapman 頭像

Cameron Chapman - 45 Incredibly Useful Web Design Checklists and Questionnaires

With lists of points covering multiple areas from content to usability to accessibility to standards, you’re a lot less likely to overlook important parts of a site. Below are 45 checklists to make

Tools , Checklists , Web Design , Resources

收藏 評論

cosima-mielke 頭像

Cosima Mielke - Color Tools And Resources

Today, we’re shining the spotlight on color tools and resources for all kinds of projects, from all types of color palettes and generators to getting contrast and gradients just right for your proje

Round-Ups , Tools , Css , Resources , Design

收藏 評論

rachel-how 頭像

Rachel How - How To Boost Your Design Workflow With Setapp

This article has been kindly supported by our dear friends at Setapp who curate apps to power up your workflow across Apple devices. Thank you! As someone who wears multiple hats, it is cha

workflow , Tools , Apps

收藏 評論

joas-pambou 頭像

Joas Pambou - Generating Real-Time Audio Sentiment Analysis With AI

In the previous article, we developed a sentiment analysis tool that could detect and score emotions hidden within audio files. We’re taking it to the next level in this article by integrating real-

Techniques , API , Tools , AI

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - Useful Resources, Tools And Services For Web Designers

Productivity is a crucial asset of professional Web designers and developers. We regularly look for new resources, tools and services to make the search of these ever-growing techniques easier. Once

Tools , Web Design , Design

收藏 評論

callummacrae 頭像

Callum Macrae - How To Build And Develop Websites With Gulp

Optimizing your website assets and testing your design across different browsers is certainly not the most fun part of the design process. Luckily, it consists of repetitive tasks that can be automa

workflow , optimization , Tools , coding , Javascript

收藏 評論

kirill-myshkin 頭像

Kirill Myshkin - Discovering Primitive Objects In JavaScript (Part 1)

It seems natural to use strings to distinguish things. It’s very likely that in your codebase, there are objects with name, id, or label properties that are used to determine if an object is the one

Techniques , Tools , Javascript

收藏 評論

robert-sfichi 頭像

Robert Sfichi - How To Build An Amazon Product Scraper With Node.js

Have you ever been in a position where you need to intimately know the market for a particular product? Maybe you’re launching some software and need to know how to price it. Or perhaps you already

node.js , Tools , Javascript

收藏 評論

bryan-rasmussen 頭像

Bryan Rasmussen - Older Tech In The Browser Stack

SmashingConf Amsterdam 2026 Save 50% on Vue School Black Friday Sale SurveyJS: White-Label Survey Solution for Your JS App How To Meas

Techniques , Tools , Css

收藏 評論

joas-pambou 頭像

Joas Pambou - Using AI To Detect Sentiment In Audio Files

I don’t know if you’ve ever used Grammarly’s service for writing and editing content. But if you have, then you no doubt have seen the feature that detects the tone of your writing. It’s an extreme

Tools , Apps , AI , User Experience

收藏 評論

gauthier-eloy 頭像

Gauthier Eloy - How To Master Fireworks’ CSS Properties Panel And CSS Professionalzr

Today, being a designer is about much more than drawing beautiful interfaces in Photoshop or Fireworks. To properly design a website or application, a UI designer must understand the technology with

Fireworks , Techniques , Tools , extensions , coding , Css

收藏 評論

sachindhall 頭像

Sachin Dhall - 20 Vector Graphics Editors Reviewed

In computer graphics images can be represented in two ways — using raster graphics (or bitmap) or vector graphics. The former is the representation of images as an array of pixlels, and the latter u

Vectors , Graphics , Tools , Open Source , Editors

收藏 評論

ramona-schwering 頭像

Ramona Schwering - Long Live The Test Pyramid

A dear colleague of mine, Jan Philip Pietrczyk, once commented on the developer’s responsibility for writing functional code: “Our daily work [...] ends up in the hands of people who trust us no

Techniques , Tools , testing

收藏 評論

vivek-maskara 頭像

Vivek Maskara - An Introduction To AWS Cloud Development Kit (CDK)

When you start building a cloud-based back-end system for your application, you have a choice, on the one hand, to do it manually using a graphical user interface (GUI) or the command-line interface

Tools , Apps , coding , ui

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - Typography Keyboard Layout: Download Now!

The main idea was to provide the web design community with a handy tool that would let designers enter characters that are usually unavailable on a keyboard easier and quicker. If you already tried

Typography , Tools , Freebies , General

收藏 評論

preethi-sam 頭像

Preethi Sam - SerpApi: A Complete API For Fetching Search Engine Data

This article has been kindly supported by our dear friends at SerpApi, who make search result extraction easy with their real-time API. Thank you! SerpApi leverages the power of search engi

API , Tools , Research

收藏 評論

matthew-talebi 頭像

Matthew Talebi - Bridging The Gap Between Designers And Developers

This article is kindly powered by our friends at UXPin, a UI design and prototyping tool that gives your prototypes the superpowers they deserve: states, JS expressions, variables, conditional in

workflow , Teams , Tools , Communication

收藏 評論

patrickbrosset 頭像

Patrick Brosset - What’s That (Dev) Tool?

Have you ever looked to see what other tools were available to you within the DevTools toolbox? You’re probably using the same few panels over and over again — I know I am! It turns out there are m

devtools , Techniques , Tools , Browsers

收藏 評論

anselm-hannemann 頭像

Anselm Hannemann - Web Development Reading List #150: Less Code, GitHub’s Security, And The Morals Of Science

There is a lot to learn this week. It starts with non-technical things like going for a walk to refresh your mind and finishes with how to prevent reverse XSS attacks in forms. But it doesn’t matter

Web Development Reading List , Tools , coding

收藏 評論

christian-heilmann 頭像

Christian Heilmann - The Vanilla Web Diet

Editor’s note: *This is an introductory article about a book idea to be published by Smashing Magazine with Chris Heilmann. Check out what we propose as an idea — explaining a way to reconsider how

performance , Tools , coding

收藏 評論

paul-scanlon 頭像

Paul Scanlon - What’s New In Gatsby 2022?

This article has been kindly supported by our dear friends at Gatsby, who provide development teams with an open-source frontend framework for creating dynamic, blazing-fast websites and a cloud

Techniques , Gatsby , Tools , serverless

收藏 評論