Difference between revisions of "Category:Tools"

Design tools I love to use. And by "love" I mean I choose these over the alternatives every time.

Animation

• EZGif helps you rip and optimize animated GIFs.
• After Effects allows you to do animations and other work.

Business

The shit that keeps us all working together smoothly....

• Doodle lets everyone weigh in on what time the meeting / event / Thanksgiving is
• Every Time Zone shows all the time zones lined up visually so you can see what you're scheduling

Calculators

• PX to EM converts pixels to Ems
• Letter Count lets you paste in a string and find out how many characters it is.

Code

• CanIUse tells you which browsers support the HTML/CSS/JS capabilities you want to use, so you can plan accordingly.
• GoatCounter easy web analytics - I haven't tried it yet
• ISO 639 language codes table for when you need to make a chunk of HTML read in the correct language

Color

• Hex-to-RGB and RGB-to-Hex are quick color converters
• Paletton makes building a color palette easier, especially since it includes colorblindness tools
• WebAIM Color Contrast Checker is there to make sure your colors have accessible levels of contrast.

See Category:Color and Colorblindness for additional color tools and Category: Cascading Style Sheets for CSS tools that make gradients and stripes and the like easier.

Content Generators

For image generators see Stock Photography below.

• Lorem Ipsum generator - the original content generator, with options for any length and layout of information.
• Honest Ipsum when someone complains about Latin, you put in dummy text that says "hello I am dummy text"
• Doggo Ipsum for when you'd like your dummy text to
• Behind the Name: Random Name Generator - my favorite tool for generating persona names
• Online GUID / UUID Generator for more 128-bit globally unique identifiers (GUIDs) or universally unique identifiers (UUIDs)
• Random String Generator for when you need GUIDs and such.

Converters

• Pandoc is a command-line tool for converting from one file format (such as HTML) to another (such as MediaWiki)

CSS

See Category: Cascading Style Sheets

Deliverables

• Sketch is my preferred wireframing tool. That's a big deal, because I thought I'd probably wireframe in Photoshop or Visio (!!) for my whole career.
• Figma is a close second.
• Omnigraffle is my preferred every-other-diagram tool. I do process flows, site maps, occasionally wireframes, and everything else under the sun in it for work. For home I do everything from timelines (it's kind of hard for timelines) to sketches of the new deck, to family trees or "what is that neighbor's name?" maps.
• Optimal Workshop is my preferred tool for card sorts.
• Nobody can avoid Photoshop or Illustrator, and I prefer Dreamweaver for code.
• I do a lot of storyboarding and design comics with the images from Design Comics
• UXpressia is the tool all the researchers in my life are talking about for doing journey maps.

Google Apps

• Adding a new line in cells or formulas in Google Sheets by Corey Bustos on Spreadsheet Class
• Concatenate function for merging the strings of two or more cells together by Google.

Greetings

• Gender Neutral Greetings

Greetings

• Gender Neutral Greetings

Jira

• How to create Jira issues from Excel files by Bogdan Gorka on the Atlassian community.

Iconography

• SVGOMG for everything you want to do to streamline SVGs
• Blobmaker for making colorful blobs and downloading them as SVGs.

Social Media

• Thread Reader - for "unrolling" Twitter threads and making them easier to read

Stock Photography

Diversity-aware stock photography

• Stock photos of people with disabilities - by Dennis at WebAxe
• Tonl
• Where to find free stock photos with people of color by Camille Eddy
• WOCinTech on Flickr
• Age-Positive Image Library by the Centre for Ageing Better

Stock photo generators

• Placebear - my favorite photo generator, with big colorful bears
• Lorem Pixel

Other stock photo sources

• Morguefile - one of the earliest photo sources I’ve used, with lots of high-res photos.
• Pexels
• Library of Congress free-to-use images
• Smithsonian Institute Open Access

Photographers

• Sweet Marigolds Photography

Photos from old books

• From Old Books

Testing

• https://example.com can be used in documentation and testing as an example domain
• https://nope.click can also be used this way -- it's my boy Chance.

Time Management

• Asana is my preferred to-do / agile / kanban board. (It does both multi-column boards *and* plain lists.) It also will timeline things that have dates on them. I currently use it to track both my work responsibilities (through work boards that are funded) and my writing/fiction responsibilities (through a free board). When my Asana boards are up to date I feel like I have some bit of control over my life.
• Every Time Zone shows a graphic display of what time it is where you and and where it is everywhere else, so it's easier to plan meetings and such
• Doodle is my current go-to for "I need these 8 distributed people to figure out when we're going to do a thing" whether it's a meeting across companies or a family picnic

Typography

• Type Scale lets you choose a typographical scale for your content headers.

UX Thinking

• Category:Design Principles is an ongoing and growing list of design principles and heuristics I use to validate my work

Wiki

• EmbedVideo Extension lets me embed videos in this here wiki.

Writing

See Category: Writing for writing tools.

Wordpress

• Wordpress