Difference between revisions of "Category:Tools"
Jump to navigation
Jump to search
(44 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
Design tools I love to use. And by "love" I mean I choose these over the alternatives every time. | Design tools I love to use. And by "love" I mean I choose these over the alternatives every time. | ||
==Animation== | |||
* [https://ezgif.com/optimize 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....'' | |||
* [https://doodle.com Doodle] lets everyone weigh in on what time the meeting / event / Thanksgiving is | |||
* [https://everytimezone.com Every Time Zone] shows all the time zones lined up visually so you can see what you're scheduling | |||
==Calculators== | |||
* [http://pxtoem.com PX to EM] converts pixels to Ems | |||
* [https://www.lettercount.com Letter Count] lets you paste in a string and find out how many characters it is. | |||
== Code == | |||
* [https://caniuse.com/#search=placeholder CanIUse] tells you which browsers support the HTML/CSS/JS capabilities you want to use, so you can plan accordingly. | |||
== Color == | == Color == | ||
* [http://www.javascripter.net/faq/hextorgb.htm Hex-to-RGB] and [http://www.javascripter.net/faq/rgbtohex.htm RGB-to-Hex] are quick color converters | * [http://www.javascripter.net/faq/hextorgb.htm Hex-to-RGB] and [http://www.javascripter.net/faq/rgbtohex.htm RGB-to-Hex] are quick color converters | ||
* [http://paletton.com/#uid=64y0u0kuojHm9rfr4nIBSfeN89R Paletton] makes building a color palette easier, especially since it includes colorblindness tools | * [http://paletton.com/#uid=64y0u0kuojHm9rfr4nIBSfeN89R Paletton] makes building a color palette easier, especially since it includes colorblindness tools | ||
* [https://webaim.org/resources/contrastchecker/ WebAIM Color Contrast Checker] is there to make sure your colors have accessible levels of contrast. | * [https://webaim.org/resources/contrastchecker/ 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 == | |||
* [https:// | ''For image generators see Stock Photography below.'' | ||
* [https://lipsum.com/ Lorem Ipsum generator] - the original content generator, with options for any length and layout of information. | |||
* [http://johnclendvoy.ca/honestipsum Honest Ipsum] when someone complains about Latin, you put in dummy text that says "hello I am dummy text" | |||
* [https://doggoipsum.com Doggo Ipsum] for when you'd like your dummy text to | |||
* [https://www.behindthename.com/random/random.php?number=4&gender=both&surname=&all=yes Behind the Name: Random Name Generator] - my favorite tool for generating persona names | |||
* [https://www.guidgenerator.com/online-guid-generator.aspx Online GUID / UUID Generator] for more 128-bit globally unique identifiers (GUIDs) or universally unique identifiers (UUIDs) | |||
* [http://www.unit-conversion.info/texttools/random-string-generator/ Random String Generator] for when you need GUIDs and such. | |||
== Converters == | == Converters == | ||
* [http://pandoc.org/getting-started.html Pandoc] is a command-line tool for converting from one file format (such as HTML) to another (such as MediaWiki) | * [http://pandoc.org/getting-started.html 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. | |||
* [https://www.optimalworkshop.com 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 [http://www.designcomics.org Design Comics] | |||
* [https://uxpressia.com/templates UXpressia] is the tool all the researchers in my life are talking about for doing journey maps. | |||
==Google Apps== | |||
* [https://www.spreadsheetclass.com/new-line-in-cells-or-formulas-in-google-sheets/ Adding a new line in cells or formulas in Google Sheets] by [[Corey Bustos]] on [[Spreadsheet Class]] | |||
* [https://support.google.com/docs/answer/3094123?hl=en Concatenate function] for merging the strings of two or more cells together by [[Google]]. | |||
==Jira== | |||
* [https://community.atlassian.com/t5/Jira-Software-articles/How-to-create-Jira-issues-from-Excel-file/ba-p/1358982 How to create Jira issues from Excel files] by [[Bogdan Gorka]] on the [[Atlassian]] community. | |||
== | ==Iconography== | ||
* [https:// | * [https://jakearchibald.github.io/svgomg/ SVGOMG] for everything you want to do to streamline SVGs | ||
* [https://www. | * [https://www.blobmaker.app/ Blobmaker] for making colorful blobs and downloading them as SVGs. | ||
==Social Media== | |||
* [https://twitter.com/threadreaderapp Thread Reader] - for "unrolling" Twitter threads and making them easier to read | |||
==Stock Photography== | |||
===Diversity-aware stock photography=== | |||
* [https://www.webaxe.org/stock-photos-people-with-disabilities/ Stock photos of people with disabilities] - by Dennis at [[WebAxe]] | |||
* [https://tonl.co Tonl] | |||
* [https://medium.com/@NikkyMill/where-to-find-free-stock-photos-of-people-of-color-f262b851a1b5 Where to find free stock photos with people of color] by Camille Eddy | |||
* [https://www.flickr.com/photos/wocintechchat/ WOCinTech] on Flickr | |||
* [https://ageing-better.org.uk/news/age-positive-image-library-launched Age-Positive Image Library] by the [[Centre for Ageing Better]] | |||
===Stock photo generators=== | |||
* [https://placebear.com Placebear] - my favorite photo generator, with big colorful bears | |||
* [http://lorempixel.com Lorem Pixel] | |||
===Other stock photo sources=== | |||
* [https://morguefile.com Morguefile] - one of the earliest photo sources I’ve used, with lots of high-res photos. | |||
* [https://www.pexels.com Pexels] | |||
==Time Management== | ==Time Management== | ||
* [https://asana.com 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. | * [https://asana.com 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. | ||
* [http://everytimezone.com/ 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 | |||
* [https://doodle.com 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== | |||
* [https://type-scale.com 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== | ==Wiki== | ||
* [https://www.mediawiki.org/wiki/Extension:EmbedVideo#Configuration EmbedVideo Extension] lets me embed videos in this here wiki. | * [https://www.mediawiki.org/wiki/Extension:EmbedVideo#Configuration EmbedVideo Extension] lets me embed videos in this here wiki. | ||
==Writing== | |||
''See [[:Category: Writing]] for writing tools.'' | |||
==Wordpress== | |||
* [[Wordpress]] | |||
[[Category:Design]] |
Latest revision as of 09:46, 4 August 2023
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.
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.
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
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
Pages in category "Tools"
The following 2 pages are in this category, out of 2 total.