Giter Site home page Giter Site logo

Comments (8)

simondebbarma avatar simondebbarma commented on May 20, 2024 1

How can we move forward with this? I'd like to work on this.

I think we should discuss here a little on how you envision the changes should be and we can go back and forth on that @oxalorg.

from sakura.

NitinNair89 avatar NitinNair89 commented on May 20, 2024 1

May I share my views?

  • border-radius: 5px
  • :hover, :focus effect

..and if SakuraCSS can be made accessible, that would be great!

Accessibility features:

  • color contrast
  • focus, tab visual indicator

If SakuraCSS is meant to be used without relying on full-fledged frameworks like Bootstrap of Bulma, then keeping its minimalism intact, few more features could be added.

For example, if I wished to use SakuraCSS for my personal blog, unfortunately I cannot. I always prefer the minimalist approach, but we may need a bit more.

I haven't used SakuraCSS, but I would definitely love to see it bloom further 🙂

from sakura.

meit-shah avatar meit-shah commented on May 20, 2024

ok

from sakura.

oxalorg avatar oxalorg commented on May 20, 2024

Thanks for the interest @0ww

To be honest on second thought the current buttons look just fine. It's simple and to the point. But maybe there is room for improvement. Do you have any ideas or inspiration? If so we can discuss on it.

Simplicity is important, along with not changing the design tooooo much. So keeping that in mind I think a few small tweaks can give us huge results:

  • Padding changes: if they're needed
  • Border Radius: if they're needed - making the buttons a bit softer/rounded but not too much. Something like 2 or 3px.

any other ideas?

from sakura.

oxalorg avatar oxalorg commented on May 20, 2024

That's a great idea. A small border-radius will make it look a bit more modern.

I recently pushed a fix for contrast issues, it will be available in the next release.

unfortunately I cannot ... but we may need a bit more.

Can you expand a little more on that? I'm curious to understand what is preventing you from using sakura on your blog?

This is an example post on my blog with sakura: https://oxal.org/blog/fizzbuzz-in-clojure/

from sakura.

NitinNair89 avatar NitinNair89 commented on May 20, 2024

@oxalorg My blog is on wordpress. It's very heavy - https://www.nitinnairwrites.com/

Most of the features that I actively rely on are:

  • Ability to show featured post
  • Carousel
  • Responsiveness
    .. etc.

But I would love to have a minimal style that has all these features. It will drastically reduce the page load time. SakuraCSS is light-weight but maybe need more.

I would love to help, not sure how. 🙂

from sakura.

oxalorg avatar oxalorg commented on May 20, 2024

@vkosnar That looks amazing! And yes I'm not very fond of rounded buttons, it works on some brands but for most sharp edges looks cleaner (also 100% agree with that bootstrap feeling haha).

If you want to contribute this as a PR feel free to do it, if not let me know and I'll add this to our next release :)

from sakura.

AnshumanPadiya avatar AnshumanPadiya commented on May 20, 2024

@oxalorg Hey am new here but, I do have a little suggestion to change the look and feel of the buttons both with some border-radius and little hover animation and onclick animation ( not using JS obvio)

from sakura.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.