search

hackforla / knowledgebase-content

GNU General Public License v2.0
0 stars 0 forks source link

Create a Guide/Template: "Inspect Element" Features in Browser #61

Open daniellex0 opened 3 years ago

daniellex0 commented 3 years ago

Overview

We need to create a guide for the Inspect Element feature in browsers so that designers know the benefits of using it

Action Items

The phases in the guide-making process are listed below. Each phase displayed in blue is linked to a wiki page with instructions on how to complete that phase. Open the wiki page in a new tab, copy the instructions for each part into the section labeled 'Tasks' at the bottom of this issue, and complete each task listed.

Resources/Instructions

Projects to Check (might be outdated, need to recheck links)

Communities of Practice

Tasks

anonymousanemone commented 3 years ago

Summer internship ended and had to prioritize school work. Research has been completed and a rough outline is available in the "Research" link google folder.

ExperimentsInHonesty commented 3 years ago

The Research link above is a good outline of what will go in the guide, however it does not tell you how to do each thing, and the person taking on this guide will need to gather examples from someone who is using it. I recommend Kristine Eudey from the Hack for LA website team.

ExperimentsInHonesty commented 4 months ago

@NilakshiS Please provide update

  1. Progress: "What is the current status of your project? What have you completed and what is left to do?"
  2. Blockers: "Difficulties or errors encountered."
  3. Availability: "How much time will you have this week to work on this issue?"
  4. ETA: "When do you expect this issue to be completed?"
  5. Pictures or links* (if necessary): "Add any pictures or links that will help illustrate what you are working on."
NilakshiS commented 4 months ago

  1. Progress: Task is still in progress, currently at the gathering examples with GitHub stage.

    • Completed: Checked projects from 100 Automations to Expunge Assist in the list for examples of using inspect element, skipping projects that are on hold.
    • Left: Checking projects from Food Oasis to Youth Justice Nav in the list

  2. Blockers: None

  3. Availability: I will have 5-6 hours this week to work on this issue.

  4. ETA: It would take me about 2 weeks to complete the gathering examples with GitHub stage.

NilakshiS commented 1 month ago

Unassigning myself because I cannot finish this issue, I'm currently occupied with a different project. No more progress on the issue since what was last reported.

For reference, to find the issues listed, I searched the following terms in issues and checked the closed as well as open issues: “inspect”, “inspect element”, “devtools”, “chrome devtools”, “chrome inspect”.

JesseTheCleric commented 1 month ago
Prior version of issue

### Overview We need to create a guide for the Inspect Element feature in browsers so that designers know the benefits of using it. ### Action Items - [x] Gather examples of how other Hack for LA projects or volunteers have done this (if applicable), adding each example as a link in the resources section below - [x] Once done, remove the "Guide: Gather Examples" label and add the "Guide: Research" label - [x] Research existing information about [name of item] in [relevant resources, articles, etc.] - [x] Once done, remove the "Guide: Research" label and add the "Guide: Draft Guide" label - [ ] Create a draft guide, either in markdown format in this issue or a google doc in the [ux/ui google drive](https://drive.google.com/drive/u/1/folders/1os-4KyGnL0SXIeyfoDICOEpG5CO_1MaV) - [ ] Once done, remove the "Guide: Draft Guide" label and add the "Guide: Needs Peer Review" label - [ ] Review the guide with UX/UI community of practice - [ ] Once done, remove the "Guide: Needs Peer Review" label and add the "Guide: Leadership Review" label - [ ] Present to the Hack for LA leadership team for sign off - [ ] Once approved, remove the "Guide: Leadership Review" label and add the "Guide: Ready Publication" label ### Resources Update issue hackforla/knowledgebase-content#97 with the name of item you are working on [Research](https://docs.google.com/document/d/1hasxayHUu1WV-vI-JxxxON47D6Y7FmdqQIsKIGNji9Q/edit) ### Tasks - [ ] **Gathering Examples with GitHub** Follow the instructions from the slide deck Part 1: [Gathering Examples With GitHub: Wiki, Issues, Project Board, Resources Provided](https://docs.google.com/presentation/d/1XWY-OMiomzpKw_aCL1JkdgAhqpgGDZ2bu_XuReTO1zw/edit#slide=id.g150e30fd48b_0_443) - Remove the following labels from your issue as you complete them: - [ ] status: needs wiki examples - [ ] status: needs issues examples - [ ] status: needs project board examples - Congrats you have completed Part 1: Gathering Examples With GitHub: Wiki, Issues, Project Board, Resources Provided - [ ] Go to [Gather Examples, Use GitHub Search](https://github.com/hackforla/guides/wiki/Gathering-Examples-with-Github-Search) and copy the the text block (next steps), below this line #### Projects to check - [100 Automations](https://github.com/100automations/website) - on hold - [311 Data](https://github.com/hackforla/311-data) - wiki examples: none - issues examples: - project board examples: none - [Access the Data](https://github.com/hackforla/access-the-data) - wiki examples: none - issues examples: none - project board examples: none - [BallotNav](https://github.com/hackforla/ballotnav) - on hold - [Brigade Organizer's Playbook](https://github.com/codeforamerica/brigade-playbook) - wiki examples: none - issues examples: none - project board examples: none - [Civic Tech Index](https://github.com/civictechindex/CTI-website-frontend) - on hold - [Civic Tech Jobs](https://github.com/hackforla/CivicTechJobs) - wiki examples: none - issues examples: none - project board examples: none - [Design Systems](https://github.com/hackforla/design-systems) - on hold - [Engage](https://github.com/hackla-engage) - on hold - [Expunge-Assist (formerly known as Record Clearance)](https://github.com/hackforla/expunge-assist) - wiki examples: none - issues examples: - https://github.com/hackforla/expunge-assist/issues/823#issue-1586993574 - https://github.com/hackforla/expunge-assist/issues/825#issue-1587004200 - https://github.com/hackforla/expunge-assist/issues/717#issue-1412382458 - https://github.com/hackforla/expunge-assist/issues/717#issuecomment-1281642635 - https://github.com/hackforla/expunge-assist/issues/717#issuecomment-1329938186 - project board examples: none - [Food Oasis](https://github.com/hackforla/food-oasis) - wiki examples: - issues examples: - project board examples: - [GreenEarthOS](https://github.com/hackforla/climate-project) - on hold - [Guides](https://github.com/hackforla/guides) - wiki examples: - issues examples: - project board examples: - [HomeUniteUs](https://github.com/hackforla/homeuniteus) - wiki examples: - issues examples: - project board examples: - [Tech Work Experience (Internship project)](https://github.com/hackforla/internship) - wiki examples: - issues examples: - project board examples: - [Lucky Parking](https://github.com/hackforla/lucky-parking) - wiki examples: - issues examples: - project board examples: - [Open Community Survey](https://github.com/hackforla/open-community-survey) - on hold - [People Depot](https://github.com/hackforla/peopledepot) - wiki examples: - issues examples: - project board examples: - [Tables team](https://github.com/hackforla/tables/) - wiki examples: - issues examples: - project board examples: - [TDM Calculator](https://github.com/hackforla/tdm-calculator) - wiki examples: - issues examples: - project board examples: - [VRMS](https://github.com/hackforla/vrms) - wiki examples: - issues examples: - project board examples: - [Hack for LA's Website](https://github.com/hackforla/website) - wiki examples: - issues examples: - project board examples: - [Youth Justice Nav](https://github.com/hackforla/YouthJusticeNav/) - on hold ### Communities of Practice - [Data Science Projects](https://github.com/hackforla/data-science) - [UI/UX](https://github.com/hackforla/UI-UX) - [Dev Ops](https://github.com/hackforla/ops) - [Product](https://github.com/hackforla/product-management) - [Engineering](https://github.com/hackforla/engineering)

JesseTheCleric commented 1 month ago
Assignee, Labels, Project Board Placement, and Milestones for this issue in the UI/UX Repo:

image