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>

//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>

• The design has been changed as follows.

Before

After

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

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

• 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

• How to contribute? Steemit(prefer) : @happyberrysboy Email : steemhappyberrysboy@gmail.com

GitHub Account

https://github.com/steemhappyberrysboy

License

MIT