tag Tools

標籤
貢獻235
91
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 訂閱

vitaly-friedman 頭像

Vitaly Friedman - Free Online Workshop: Frustrating Design Patterns And How To Fix Them

Disabled buttons. Infinite scroll. Poor inline validation. Parallax. Carousels. Modals. Mega-dropdown hover menus. There is plenty of frustration on the web. Let’s fix that. Join us for a free onlin

Tools , Career , Smashing

收藏 評論

anselm-hannemann 頭像

Anselm Hannemann - Web Development Reading List #141: jQuery 3, Chillout.js, And How Technology Shapes Society

There are weeks where I don’t find articles for the “Going Beyond” section of the Web Development Reading List at all. And then there are weeks like this one, where two brilliant pieces show up that

Web Development Reading List , Tools , coding

收藏 評論

joe-leech 頭像

Joe Leech - Free Cheat Sheet For Designing Web Forms

Forms, forms, forms: so often overlooked in design. In this post, we are pleased to release the Form Design Cheat Sheet, created by Joe Leech and released for Smashing Magazine and its readers. This

UX Design , Tools , Freebies , Usability

收藏 評論

rachel-andrew 頭像

Rachel Andrew - Designing For Print With CSS

If you mention printing with CSS to many people who work on the web, print style sheets are the use that comes to mind. We are all well used to creating a style sheet that is called upon when a web

Techniques , Print , Tools , coding , Css

收藏 評論

sacha-greif 頭像

Sacha Greif - Build Your Own Product Hunt With Telescope And Meteor

Over in startup land, one of the big stories of 2014 was, without a doubt, the success of Product Hunt. It’s is a community where people post, vote on and comment on new products they’ve discovered

workflow , Techniques , Tools , coding

收藏 評論

anselm-hannemann 頭像

Anselm Hannemann - Web Development Reading List #149: CSS Dynamic Colors, Refactoring CSS, And CSP Hashing

Even though we think everything happens in real-time nowadays, we need patience. While technology has been capable of real-time for long now, the “bottleneck” are human beings. Whether it’s a pull r

Web Development Reading List , Tools , coding

收藏 評論

anselm-hannemann 頭像

Anselm Hannemann - Web Development Reading List #154: Yarn, Deep-Fried Data, And A Guide To Stateful Components

With new frameworks and libraries emerging, the tools we have at hand are constantly changing. But it’s not only our toolkit but also the way we write code that constantly evolves — new CSS conventi

Web Development Reading List , Tools , coding

收藏 評論

jimcowart 頭像

Jim Cowart - Writing Reusable Components in ES6

Are you excited to take advantage of new JavaScript language features but not sure where to start, or how? You’re not alone! I’ve spent the better part of the last year and a half trying to ease thi

Tools , coding , Javascript

收藏 評論

paulina-hetman 頭像

Paulina Hetman - Building Gatsby Themes For WordPress-Powered Websites

Gatsby is an open-source framework built on top of React. With Gatsby, you can pull data from (almost) anywhere and use it to generate static or dynamic websites. The data can be pulled from a CMS,

wordpress , Frameworks , Gatsby , Tools , ui

收藏 評論

farazkelhini 頭像

Faraz Kelhini - How To Use ES6 Arguments And Parameters

ECMAScript 6 (or ECMAScript 2015) is the newest version of the ECMAScript standard and has remarkably improved parameter handling in JavaScript. We can now use rest parameters, default values and de

Tools , coding , Javascript

收藏 評論

fabricioteixeira 頭像

Fabricio Teixeira - The Right Tool For The Job: Picking The Best Prototyping Software For Your Project

Prototyping tools have become an important resource for us designers — allowing us to document multiple states of a single screen, including animations, transitions and microinteractions that are ha

Tools , ux , Prototyping

收藏 評論

iris-ljesnjanin 頭像

Iris Lješnjanin - Upcoming Live Workshops On Front-End & UX (Oct 2021–Jan 2022)

There are fantastic video courses out there, yet online workshops are just different. You can always ask a question live, you can share your screen and get immediate feedback, and you can work on gr

Tools , Workshops , Smashing

收藏 評論

anselm-hannemann 頭像

Anselm Hannemann - Web Development Reading List #163: The End-Of-Year Wrap-Up

Only one week left until Christmas, and people already start freaking out again. No gifts purchased yet, work isn’t finished either, and suddenly some budget has to be spent until the end of the yea

Web Development Reading List , Tools , coding

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - Automatically Art-Directed Responsive Images? Here You Go.

In many projects, responsive images aren’t a technical issue but a strategic concern. Delivering different images to different screens is technically possible with srcset and sizes and element and P

Tools , coding , Responsive Images

收藏 評論

anselm-hannemann 頭像

Anselm Hannemann - Web Development Reading List #181: Mass Deployments, Prepack, And Accessible Smart Cities

In a world between building accessible interfaces, optimizing the experiences for users, and big businesses profiting from this, we need to find a way to use our knowledge meaningfully. When we read

Web Development Reading List , Tools , coding

收藏 評論

yurydymov 頭像

Yury Dymov - React Internationalization – How To

First of all, let’s define some vocabulary. “Internationalization” is a long word, and there are at least two widely used abbreviations: “intl,” “i18n”. “Localization” can be shortened to “l10n”. I

react , Tools , coding

收藏 評論

godstime-aburu 頭像

Godstime Aburu - CSS Gamepad API Visual Debugging With CSS Layers

How To Measure UX and Design Impact, 8h video + UX training UX Strategy in Action, with Susan and Guthrie Weinschenk SurveyJS: White-Label Survey Solution fo

Techniques , Tools , debugging , Css

收藏 評論

jessica-joseph 頭像

Jessica Joseph - The Safest Way To Hide Your API Keys When Using React

Back in the day, developers had to write all sorts of custom code to get different applications to communicate with each other. But, these days, Application Programming Interfaces (APIs) make it so

react , API , Tools , Security , Apps

收藏 評論

anselm-hannemann 頭像

Anselm Hannemann - Web Development Reading List #151: Microinteraction UX, Feature Policy, And Passport.js

In the last few years, I’ve seen a lot of code. As a freelancer working on multiple big projects with a lot of people, you’ll inevitably see all varieties of code styles. But I also realized how muc

Web Development Reading List , Tools , coding

收藏 評論

ben-holmes 頭像

Ben Holmes - Building The SSG I’ve Always Wanted: An 11ty, Vite And JAM Sandwich

I don’t know about you, but I’ve been overwhelmed by all the web development tools we have these days. Whether you like Markdown, plain HTML, React, Vue, Svelte, Pug templates, Handlebars, Vibranium

Eleventy , Tools , Generators , Static Generators

收藏 評論

leonardolosoviz 頭像

Leonardo Losoviz - Four Useful VSCode Extensions For Web Developers

Inline Parameters Which param is the array and which is the callback in PHP functions array_map and array_filter? I can never get it right. To avoid this confusion we can use Inline Parameters, whi

workflow , Techniques , Tools , coding

收藏 評論

frederick-o-brien 頭像

Frederick O’Brien - Svelte 5 And The Future Of Frameworks: A Chat With Rich Harris

Svelte occupies a curious space within the web development world. It’s been around in one form or another for eight years now, and despite being used by the likes of Apple, Spotify, IKEA, and the Ne

Techniques , Frameworks , Tools , coding

收藏 評論

anselm-hannemann 頭像

Anselm Hannemann - Web Development Reading List #140: CSS-Only Dropdowns, Toggles And HTML Sliders

In times where Facebook announces to track all web users whenever it can, it feels weird to work on disaster management tools. You may now ask why, but if you consider what data you work with in suc

Web Development Reading List , Tools , coding

收藏 評論

erik-perotti 頭像

Erik Perotti - Interaction Design In The Cloud

Interaction designers create wireframes in tools such as Adobe Illustrator, OmniGraffle and Microsoft Visio. Originally, these wireframes were primitive shapes drawn to represent various UI elements

Interaction Design , Tools , ux

收藏 評論