Difference between revisions of "Category:Tools"

From perpendicular angel knowledgebase
Jump to navigation Jump to search
(39 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==
* [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 [[Color Blindness]] for additional color tools.
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 ==
== Code ==
''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://caniuse.com/#search=placeholder CanIUse] tells you which browsers support the HTML/CSS/JS capabilities you want to use, so you can plan accordingly.
* [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==
==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.  
* [https://www.omnigroup.com/omnigraffle Omnigraffle] is my preferred every-other-diagram too. I do process flows, site maps, 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.  
* [[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.


==Iconography==
* [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==
* [https://twitter.com/threadreaderapp Thread Reader] - for "unrolling" Twitter threads and making them easier to read
==Stock Photography==
===Diversity-aware stock photography===
* [http://photoability.net/index.php Photoability] - stock photos of people with disabilities
* [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
===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==
==UX Thinking==
* [[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]]
[[Category:Design]]

Revision as of 15:32, 4 April 2022

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.

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.