Difference between revisions of "Category:Tools"

From perpendicular angel knowledgebase
Jump to navigation Jump to search
m (Kirabug moved page Tools to Category:Tools)
 
(20 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  
* [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 ==
===Favorites===
* [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.
 
=== Other tools ===
* [http://www.pictaculous.com Pictaculous] generates color palettes based on a photograph you upload.
* [https://www.colorcombos.com/combotester.html?color0=484452&color1=F8F2DA&color2=C7AFBD&color3=DDECEF&color4=99aacc&color5=88CA8E Color Combo Tester] lets you put a few columns of colors next to each other while fiddling with a palette
 
 
== 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 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)
==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.  
* [[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===
* [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==
Line 75: 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

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.