Skip to content

Latest commit

 

History

History
95 lines (65 loc) · 2.57 KB

File metadata and controls

95 lines (65 loc) · 2.57 KB

Repository

https://github.com/steemhappyberrysboy/steem_design_tool

New Projects

Project name is Steem Tools(Chrome Extension)

It is a chrome extension that makes it easy to paste Image/HTML/Markdown when posting.

You can save the Image URLs, GIF, HTML and Markdown to your Chrome extension and paste them at any time when posting.


Change Design

https://steemitimages.com/80x0/https://cdn.steemitimages.com/DQmeBM8uYHoA6vNfhKWffgTb2GsuB4iBZwWWV4hESwi4gTg/border_05.png
  • Add open source UI component Semantic-ui
  • Semantic-UI is very simple and easy to use.
// Sample Design
// Simple Button 
<div class="ui button">Follow</div>

image.png

//Icon Button
<div class="ui labeled button" tabindex="0">
  <div class="ui button">
    <i class="heart icon"></i> Like
  </div>
  <a class="ui basic label">
    2,048
  </a>
</div>

image.png

  • The design has been changed as follows.

Before

image.png

After

image.png

  • I made it an accordion type to add more features in the future.

steemtool4.gif
steemtool3.gif


2. User Shortcuts

https://steemitimages.com/80x0/https://cdn.steemitimages.com/DQmeBM8uYHoA6vNfhKWffgTb2GsuB4iBZwWWV4hESwi4gTg/border_05.png
  • Add user shortcut function.
  • Enter the user ID you want to register as a shortcut in Input @ID
  • The ID is added to the lower container
  • Click the ID button to go to the user's page

steemtool5.gif

  • Technology Stack
  1. Chrome Extension
  2. Javascript/ HTML/CSS

  • Roadmap
  1. Change the order of registered items
  2. Backup and reload items
  3. Support some markdown template
  4. Search image, meme, gifs and etc. and use immediately

GitHub Account

https://github.com/steemhappyberrysboy

License

MIT