Difference between revisions of "Category:Tools"

From perpendicular angel knowledgebase
Jump to navigation Jump to search
 
(9 intermediate revisions by the same user not shown)
Line 1: Line 1:
[[Category: Design]]
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  
Line 20: Line 26:
* [https://doggoipsum.com Doggo Ipsum] for when you'd like your dummy text to  
* [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 garbage GUIDs and such.
* [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)
Line 26: Line 34:
''See [[:Category: Cascading Style Sheets]]''
''See [[:Category: Cascading Style Sheets]]''
==Deliverables==
==Deliverables==
* [https://sketchapp.com 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.  
* [[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]
* 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
Line 38: Line 54:
==Stock Photography==
==Stock Photography==
===Diversity-aware stock photography===
===Diversity-aware stock photography===
* [http://photoability.net/index.php Photoability] - stock photos of people with disabilities
* [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://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://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
Line 48: Line 66:
* [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://www.pexels.com Pexels]
* [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
* [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
Line 60: Line 82:
==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

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.

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

Jira

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 photo generators

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

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.