tag Tools

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

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

收藏 評論

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

收藏 評論

manuelmatuzovic 頭像

Manuel Matuzović - How To Build A Progressively Enhanced, Accessible, Filterable And Paginated List

Most sites I build are static sites with HTML files generated by a static site generator or pages served on a server by a CMS like Wordpress or CraftCMS. I use JavaScript only on top to enhance the

Tools , Accessibility , Javascript

收藏 評論

javiercuello 頭像

Javier Cuello - Unleashing The Full Potential Of Symbols In Sketch

No matter whether you are designing a whole design system or just a couple of screens, symbols in Sketch will help you keep your file organized and will save you a lot of time in the long run. In th

Graphics , Tools , Prototyping , Sketch

收藏 評論

sarah-oke-okolo 頭像

Sarah Oke Okolo - Exploring The Potential Of Web Workers For Multithreading On The Web

Web Workers are a powerful feature of modern web development and were introduced as part of the HTML5 specification in 2009. They were designed to provide a way to execute JavaScript code in the bac

performance , Tools , Apps , Javascript

收藏 評論

anselm-hannemann 頭像

Anselm Hannemann - Web Development Reading List #179: Firefox 53, The Top Web Browsers, And Vue.js Authentication

Bots and Artificial Intelligence are probably the most hyped concepts right now. And while some people praise the existing technologies, others claim they don’t fear AI at all, citing examples where

Web Development Reading List , Tools , coding

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - 35 Useful Coding Tools and JavaScript Libraries For Web Developers

Everyone who is a regular Smashing Magazine reader will know that we have a traditional habit of regularly researching the latest resources, tools and services out there on the Web, as productivity

Tools , coding , Javascript

收藏 評論

jacob-gube 頭像

Jacob Gube - 50 Extremely Useful PHP Tools

PHP is one of the most widely used open-source server-side scripting languages that exist today. With over 20 million indexed domains using PHP, including major websites like Facebook, Digg and Word

php , Tools , coding , Resources

收藏 評論

doug-sillars 頭像

Doug Sillars - Better Video Streaming With imgix

This article has been kindly supported by our dear friends at imgix who build tools that make images and video on the Internet more beautiful, more performant, more valuable, and safer. Thank you

performance , Techniques , Tools , Video

收藏 評論