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 訂閱

cameron-chapman 頭像

Cameron Chapman - Data Visualization and Infographics Resources

Data visualizations and infographics can make complex datasets easier to understand and comprehend. By creating a graphical represenatation of data and statistics, complicated concepts and informati

Infographics , Diagrams , Tools , Design , Data Visualization

收藏 評論

eric-bailey 頭像

Eric Bailey - Improving The Accessibility Of Your Markdown

Markdown is a small text to HTML conversion language. It was created by John Gruber in 2004 with the goal of making writing formatted text in a plain text editor easier. You can find Markdown in man

Tools , Accessibility , Browsers , User Experience

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - Content Strategy & Storytelling

Here you will find posts featuring some of the best articles related to content strategy and storytelling which have been published on Smashing Magazine over all the years. Quick Overview Bette

Guides , Best Practices , Tools

收藏 評論

leonardolosoviz 頭像

Leonardo Losoviz - Adding Search To Your Site In 15 Minutes

This article has been kindly supported by our dear friends at Site Search 360 who help folks optimize their search and boost their best content by using powerful analytics to reveal the intention

seo , Tools , Search , Usability

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - Web 2.0: Buzz-Monitoring and Tracking

You’d like to improve the link popularity of your site. Or maybe to keep track on the latest web buzz. It would be nice to inform your readers about it the minute the news occured. Or maybe you just

Social , Tools , Resources

收藏 評論

katanagygyorgy-dianalakatos 頭像

Kata Nagygyörgy & Diana Lakatos - Developing An Award-Winning Onboarding Process (Case Study)

The notion of onboarding is all about helping users quickly and easily find value in your offering. Speed and ease of use are equally important because users might lose interest if going through an

Tools , Apps , User Experience , Case Studies

收藏 評論

joas-pambou 頭像

Joas Pambou - Automating Design Systems: Tips And Resources For Getting Started

A design system is more than just a set of colors and buttons. It’s a shared language that helps designers and developers build good products together. At its core, a design system includes tokens (

Techniques , Tools , ux , Design Systems

收藏 評論

tom-walker 頭像

Tom Walker - Indispensable Browser Based Apps

There are browser based alternatives to almost every traditional piece of software you frequently use, whether it’s for word processing, image editing, listening to music, screen sharing, storing fi

Tools , Apps , Resources

收藏 評論

stefan-kaltenegger 頭像

Stefan Kaltenegger - Practical Use Of AI Coding Tools For The Responsible Developer

Over the last two years, my team at Work Co and I have been testing out and gradually integrating AI coding tools like Copilot, Cursor, Claude, and ChatGPT to help us ship web experiences that are

Tools , AI , coding

收藏 評論

zara-cooper 頭像

Zara Cooper - How To Build A Localized Website With Hugo And Strapi

Localizing your site can benefit your business or organization in several ways. By translating your content or site, you expand the markets you target. Adapting your product to the language and cult

Headless , Tools , cms , hugo

收藏 評論

louis-lazaris 頭像

Louis Lazaris - Powerful Terminal And Command-Line (CLI) Tools For Modern Web Development

Many modern programmers, including front-end and full-stack developers, work daily with the command line. Even those who are relatively new to web development are picking up command-line skills earl

Techniques , Round-Ups , Tools , coding

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - Design Mock-Ups Need Dynamic Content: Tools And Plugins

Nothing is perfect on the web. We can’t make sure that our websites always work as intended, but we can try our best to design resilient and flexible websites that aren’t that easy to break — both i

Tools , Resources , Content Strategy , Design

收藏 評論

anselm-hannemann 頭像

Anselm Hannemann - Web Development Reading List #126: Clever Interfaces, An Open AMP Alternative And The Art Of Slow Growth

It’s interesting to see how user experience design advances now that we managed to understand what it means. I think artificial intelligence will become a huge part of user experience over time and

Web Development Reading List , Tools , coding

收藏 評論

paul-andrew 頭像

Paul Andrew - A Guide To Google Analytics And Useful Tools

Google Analytics is undoubtedly the most widely used web analytics application. Emerged from and based upon the analytics-package developed by Urchin Software Corporation (which was bought by Google

Analytics , Tools , Resources

收藏 評論

anselm-hannemann 頭像

Anselm Hannemann - ‘Web Development Reading List #120: Safari 9.1, Chakra Core Open Sourced, ES6 Object Shorthand Syntax’

One thing we should learn to embrace more this year is to enjoy the good things and focus more on the positive news than on the negative. I started to learn more ES6 this year and have scheduled 1 t

Web Development Reading List , Tools , coding

收藏 評論

marcel-moreau 頭像

Marcel Moreau - Reducing The Need For Pseudo-Elements

Per the W3C spec, “a pseudo-element represents an element not directly present in the document tree”. They have been around since version 1 of the CSS specification, when ::first-letter and ::first-

Techniques , Tools , Css

收藏 評論

cameron-chapman 頭像

Cameron Chapman - 35 Excellent Wireframing Resources

Below are more than 35 resources for creating better wireframes, including tutorials on different methods and a variety of tools available. 1. Wireframing Articles Here are more than twenty wirefr

Tools , Prototyping , Wireframing , Design

收藏 評論

preethi-sam 頭像

Preethi Sam - Best Of Pro Scheduler Libraries

This article has been kindly supported by our dear friends at Bryntum, who are strong believers in the web as an application platform and provide advanced UI components and dev tools for over 500

workflow , Productivity , Tools

收藏 評論

anselm-hannemann 頭像

Anselm Hannemann - Web Development Reading List #131: Git 2.8, CSS Grids And The Key To Good Code

Although it’s April 1st, and people go all crazy making up jokes and spreading hoaxes, I’m sending out this edition to you without any April fools. Instead, I want to challenge you to put more effor

Web Development Reading List , Tools , coding

收藏 評論

lisi-linhart 頭像

Lisi Linhart - Moving From Vue 1 To Vue 2 To Vue 3: A Case Study Of Migrating A Headless CMS System

This article has been kindly supported by our dear friends at Storyblok, a friendly headless CMS with a visual editor, nested components and customizable content blocks for websites and apps. Tha

Headless , Tools , Vue , cms , Case Studies

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - Useful Web Design Resources – Learning Coding & Design

Since learning is a lifelong task that doesn’t stop after pursuing a certain academic certificate, this round-up is not only dedicated to beginners. It’s for everyone who wants to become an expert i

Techniques , Tools , Resources

收藏 評論

brecht-de-ruyte 頭像

Brecht De Ruyte - CSS Scroll Snapping Aligned With Global Page Layout: A Full-Width Slider Case Study

You know what’s perhaps the “cheapest” way to make a slider of images, right? You set up a container, drop a bunch of inline image elements in it, then set overflow-x: auto on it, allowing us to swi

Tools , Css , Case Studies

收藏 評論

anselm-hannemann 頭像

Anselm Hannemann - Web Development Reading List #134: AI, Keyboard Interactions And Living Style Guides

For a great project, we need a well-functioning team, solid style guides, smooth workflows and well-organized kick-off meetings. Last week, I found a couple of resources that help you achieve just t

Web Development Reading List , Tools , coding

收藏 評論

jacob-gube 頭像

Jacob Gube - 50 Fresh JavaScript Tools That Will Improve Your Workflow

JavaScript is an integral part of the RIA revolution. JavaScript allows developers to create rich and interactive web interfaces and establishing asynchronous communication with servers for constant

Tools , Ajax , Resources , jquery , Javascript

收藏 評論