Difference between revisions of "Category:Tools"
Jump to navigation
Jump to search
(18 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== | ==Animation== | ||
* [https://ezgif.com/optimize EZGif] helps you rip and optimize animated GIFs. | * [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== | ==Calculators== | ||
* [http://pxtoem.com PX to EM] converts pixels to Ems | * [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. | * [https://www.lettercount.com Letter Count] lets you paste in a string and find out how many characters it is. | ||
== Code == | == 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. | * [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 [[Colorblindness]] for additional color tools and [[:Category: Cascading Style Sheets]] for CSS tools that make gradients and stripes and the like easier. | 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 == | == Content Generators == | ||
''For image generators see Stock Photography below.'' | ''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. | * [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" | * [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.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 | ||
* [http://www.unit-conversion.info/texttools/random-string-generator/ Random String Generator] for when you need | * [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== | ==CSS== | ||
''See [[:Category: Cascading Style Sheets]]'' | ''See [[:Category: Cascading Style Sheets]]'' | ||
==Deliverables== | ==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. | * [[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. | * [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. | * 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== | ==Iconography== | ||
* [https://jakearchibald.github.io/svgomg/ SVGOMG] for everything you want to do to streamline SVGs | * [https://jakearchibald.github.io/svgomg/ SVGOMG] for everything you want to do to streamline SVGs | ||
* [https://www.blobmaker.app/ Blobmaker] for making colorful blobs and downloading them as SVGs. | |||
==Social Media== | ==Social Media== | ||
* [https://twitter.com/threadreaderapp Thread Reader] - for "unrolling" Twitter threads and making them easier to read | * [https://twitter.com/threadreaderapp Thread Reader] - for "unrolling" Twitter threads and making them easier to read | ||
==Stock Photography== | ==Stock Photography== | ||
===Diversity-aware 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://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=== | ===Stock photo generators=== | ||
* [https://placebear.com Placebear] - my favorite photo generator, with big colorful bears | * [https://placebear.com Placebear] - my favorite photo generator, with big colorful bears | ||
* [http://lorempixel.com Lorem Pixel] | * [http://lorempixel.com Lorem Pixel] | ||
===Other stock photo sources=== | ===Other stock photo sources=== | ||
* [https://morguefile.com Morguefile] - one of the earliest photo sources I’ve used, with lots of high-res photos. | * [https://morguefile.com Morguefile] - one of the earliest photo sources I’ve used, with lots of high-res photos. | ||
* [https:// | * [https://www.pexels.com Pexels] | ||
==Time Management== | ==Time Management== | ||
Line 78: | Line 71: | ||
* [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 | * [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 | * [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== | ==UX Thinking== | ||
* [[:Category:Design Principles]] is an ongoing and growing list of design principles and heuristics I use to validate my work | * [[: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== | ||
* [[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.