Difference between revisions of "Category:Tools"

From perpendicular angel knowledgebase
Jump to: navigation, search
Line 1: Line 1:
 
[[Category: Design]]
 
[[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.
 
 
 
==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
Line 23: Line 14:
  
 
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.
 
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"
Line 32: Line 21:
 
* [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.
 
* [http://www.unit-conversion.info/texttools/random-string-generator/ Random String Generator] for when you need garbage 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==
 
* [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.  
 
* [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.  
Line 48: Line 31:
 
* 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]
 
 
==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.
 
* [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===
 
* [http://photoability.net/index.php Photoability] - stock photos of people with disabilities
 
* [http://photoability.net/index.php Photoability] - stock photos of people with disabilities
Line 63: Line 42:
 
* [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
 
 
 
===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://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
 
 
 
==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]]

Revision as of 16:08, 4 August 2019

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.

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.
  • 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

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

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.