1UP - desktop css

in #utopian-io • 6 years ago (edited)

dev01.jpg

 

This is my contrubution to 1UP project. I am responsible for styling and front-end development while @stoodkev is working on back end. Desktop styling is 95% done.

 

New Features

  • Implemented SASS.
  • Added grid (might not be used eventually)
  • Added custom icon-font with logos
  • Cleaned up the logo and exported it as .svg
  • Styling of main menu, chart menu, voting countdown, top post and other posts
  • Style of 1UP voting button
  • Style and interaction of links to Steem websites.
  • Scrollbar, chrome UI color, selection color

 

gif01.gif

 

Tools used

  • Prepross to compile my sass
  • Icon moon web app to create the icon font.
  • Illustrator to clean up svg logo and export everything.
  • Atom code editor

 

TODO

  • Create screens for other timeframes. There should be some empty state image or graphics.
  • Mobile main menu (hide under hamburger icon)
  • Responsivity of content.
  • Add more interaction / animation


Posted on Utopian.io - Rewarding Open Source Contributors

#design #steemdev #curation-trail #opensource
6 years ago in #utopian-io by
$159.10
  • Past Payouts $159.10, 0.00 TRX
  • - Author $112.66, 0.00 TRX
  • - Curators $46.43, 0.00 TRX
94 votes
Reply 7
Sort:  
  • Trending
    • [-]
     6 years ago 

    I like your post, I will follow you constantly,
    introduce my name @taqin me from aceh and you from where

    $0.00
      Reply
      [-]
       6 years ago 

      Thank you for the contribution. It has been approved.

      I liked your mention of prepros as a tool.

      I would like to hear more about the other tools you have used here. For example what tools was used clean up the .svg

      Don't hesitate to edit the post and lists your tools, it's to the benefit of the whole community.

      You can contact us on Discord.
      [utopian-moderator]

      $0.00
        Reply
        [-]
         6 years ago 

        Just Illustrator. Logo was done in squares - pixel art. So I had to merge them and clean up the unncessary points.

        $0.02
        • Past Payouts $0.02, 0.00 TRX
        • - Author $0.02, 0.00 TRX
        • - Curators $0.00, 0.00 TRX
        1 vote
        Reply
        [-]
         6 years ago 

        That’s great information to be included in the post. It will help other in this field.

        $0.00
          Reply
          [-]
           6 years ago 

          Good job man.
          Maybe i'll also join and contribute in utopian.io in the future
          Still learning about programming right now :)

          $0.00
            Reply
            [-]
             6 years ago 

            Hey @andrejcibik I am @utopian-io. I have just upvoted you!

            Achievements

            • Seems like you contribute quite often. AMAZING!

            Community-Driven Witness!

            I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!

            mooncryption-utopian-witness-gif

            Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x

            $0.00
              Reply
              [-]
               6 years ago 

              Just a clean , simple but good project good luck

              $0.00
                Reply

                Coin Marketplace

                STEEM 0.17
                TRX 0.12
                JST 0.028
                BTC 55508.70
                ETH 2914.45
                USDT 1.00
                SBD 2.30