Total Overhaul of shoesrb.com #52
Comments
|
Good morning! Thanks for your interest and suggestions :-) Ah if only the release was impending... sure there will be an alpha release but we already got tons of rc1 issues lined up that's not even counting the ones that hopefully will be reported with the alpha :) The shoes4 docs aren't ready yet as well (planned for rc1) - we could make a new & better layout for the manual though. I wouldn't want to feature the alpha release as the primary thing on the website. A blog post sure. A link on the download page to try new stuff out? Yeah sure as well :) But not the main thing. Dunno how the others feel. I full heatedly agree that sorting the issues out before the new release would be great/needed! As for the design yes some sub pages need some work although for instance I really like the landing page. Things could always be approved upon though :) I don't think that the old bootstrap looks ugly - I like it. Plus I don't know if I have a screenshot around of what we had before :o I'd love to get the responsive style sheet working. Also a new version of bootstrap or something else would be cool. Personally a bit pro on bootstrap as it's the only css something framework I know and know its responsive features pretty well - open to anything though :) cc: @wpp @wasnotrice @jasonrclark So thanks so much for opening this up and offering to work on it ❤️ 👍 |
|
@JesseHerrick thanks for bringing this up. I'm on board with the idea and had something similar brew in my mind every time I visit one of these (I just don't have the design skills):
Do you want to replace Bootstrap with another framework (such as foundation) or just write all the css by hand? I'm all for the 💄 but as far as I remember @steveklabnik is the judge of whats hot or not 😄
Not sure what you mean by that.
Like @PragTob said: "The shoes4 docs aren't ready yet as well (planned for rc1)" So in general I'm 👍 maybe you should fork the existing project and start with ripping out bootstrap and making a new design. Then make a post about your progress? Unfortunately I don't have the time to really help out with this. But it seems like @JesseHerrick is motivated enough to pull this off. |
|
@PragTob @wpp I'm a big advocate of hand coding websites rather than using a framework. I feel that it looks nicer (given that it is designed nicely) and seems less cookie-cuttery. For responsive grids, I use gridism. I also understand that the docs and Shoes 4 are nowhere near ready, however I'd like to build a design that can accommodate them when they're ready. I understand that I am proposing a major change that not many people have time to work on, so I'll fork this project and begin work like @wpp said. |
|
Sounds like a fine idea to me. The current version was a big improvement over the previous version...if we can make it any better, that's great. One weakness of the current site is that the backend is written in a not-very-accessible framework, which makes it less likely for folks to get involved. I'd vote for keeping things as simple as possible in terms of tools used. |
|
@wasnotrice backend? Afaik we don't have any backend, it's just jekyll generated static pages or am I missing something? |
|
I am happy to let however actually does the work do it in the way that they prefer. |
|
@PragTob I'm thinking of the event machine backend. Apparently I haven't contributed to the site for a while :/. Like I was saying, the backend uses a pretty straightforward and popular framework. I like that, now that I know about it :) |
|
Well, Jekyll just went 2.0. On Wednesday, May 7, 2014, Eric Watson [email protected] wrote:
|
|
Oh sure yes it did. So an update would be nice as well I guess :-) |
|
@JesseHerrick just FYI there is gonna be a shoes4-pre1 release tomorrow-ish if nothing goes wrong, that's alpha and hardly stable, but still. No pressure just FYI :) Thanks for taking up this task, happy to see what you'll come up with. Also happy that jekyll 2.0 will support Sass. |
|
Maybe relevant/interesting: https://github.com/blog/1833-github-pages-3 (new github pages features although that'd make it harder to move away from them as pointed out on twitter) :) |
|
Hey, quick question. What would be a good description for the shoes website? I'm talking like SEO type stuff. |
|
hm you mean like keywords? ruby, gui, simple, ease, fun, native applications, toolkit, gui toolkit, windows, mac, Linux, cross platform, app, beginner, packaging... just off the top of my head |
|
No, I meant like a tagline sort of thing. Like: Shoes is a tiny GUI kit that allows you to create Ruby desktop apps... (something like that) |
|
Erm. Good question! @wasnotrice @jasonrclark @jrgifford @plexus @steveklabnik @ashbb @ccoup @KCErb @pjfitzgibbons can you think of something clever here? :) I turned to the good old Nobody Knows Shoes to see what our "spiritual father" might have to say about this. On page 16 there is:
Personally I'd go for something like:
or something along those lines as you already suggested. Here is one sentence @jasonrclark cooked up which I like (slightly modified):
|
|
I like
|
|
I prefer the first one. It's simple and straight to the point.
|
|
Hey everyone! It's been a few months since this was last discussed, so I'd like to say that this has not been abandoned. I've been really busy, but I'll try to put more work into the new design. |
|
Thanks sounds cool 👍 Please don't stress out over it or anything and let us know where you need help :) |
|
@JesseHerrick are you still working on this? There is some talk in other PR's about upgrading Bootstrap and FontAwesome. I have a long weekend ahead of me but don't want start anything considering you are working on a new version. |
|
@wpp I saw the PR. Those changes are fine with me. I don't have too much time on my hands to work on the new site. |
|
@wpp @JesseHerrick my thought is to move things over to the newest version of Bootstrap to help facilitate implementing the new design. If someone else is already working on that upgrade, I'm happy to pitch in if I can be useful. Otherwise, let me know and I'll get going on a PR. 👍 |
|
@nathancarnes go for it! |
|
Hey everyone! This is a really early view of my work on the redesign. Let me know what you think? (colors? margins? whatever) Also, I'm not sure on the large "Shoes" header's color, so tell me if you think another color would be better.
|
|
And another to show responsiveness.
|
|
That looks really sharp! I agree that the red doesn't quite seem right to me, but not positive what to use instead. The plain black in the responsive shots looks like an easy option to me, but I don't know if we're looking to give Shoes a more identifiable look with some other color scheme. Thanks for your work on this. Super awesome! 🚀 ✨ |
|
Yeah, haha 😊. I do mean for you to clean up the prettiness a bit! The point of my suggestion is to find a balance between something boring like and something that's too complicated like the current option. I'm also in favor of something that uses more gui-ish elements like button or edit line. But again we'd want to pretty it up with some colors, centering etc. Thanks for all your work on this @JesseHerrick! |
|
A sample that I like to use to show the simpleness of shoes is the following: Shoes.app title: 'Hello Shoes' do
background gradient limegreen..blue
stack do
para 'This is just a very basic app'
button 'Click me' do alert 'Hello there!' end
image 'http://shoesrb.com/img/shoes-icon.png'
end
end
Color scheme/could/should be updated to fit the layout. We also could add other elements like edit lines/rectangles to show a lot of things that shoes is good for. Thanks for your work! Edit: notably we could make a headline that says "HELLO SHOES" with the logo beside it :) |
|
Just as an FYI, here's kind of what the code example and app will look like on the site.
So obviously, we can't really go with the basic |
|
Hey! What's the story with this issue? I'm happy to help with a redesign. Let's DO THIS! |
|
:) You'd need to get in touch with @JesseHerrick to see what he has done so far or venture on by yourself, if that's ok for Jesse. I also played a bit more with github pages again after the jekyll 2.0 release. They now support scss/sass and other cool stuff :) |
|
Hey @JesseHerrick, what's the status of the shoesrb.com overhaul? Are you at a place where you could push something here and I could take a look at it? Let's DO THIS. |
|
Btw. @wpp how about you? |
|
Here's the latest: https://github.com/JesseHerrick/shoesrb.com |
|
Liking what I'm seeing so far. Thanks for the work on it @JesseHerrick! |
|
Thanks for the work @JesseHerrick - will take a look tomorrow :) |
|
Looks great, @JesseHerrick. Are there known areas that still need attention or should I just poke around and see what I can find? |
|
Well @eliduke, I did a little bit of work on the contributors page, but it still needs some styles. Other than that just look around and see what you can fix. A lot of the work needed to be done is styling (which I can do if you're not up to it), but there may be some broken things also. Make sure to run the site with I have yet to make a styleguide, but my breakpoints are done as follows:
You can also see a live preview at http://shoes.jesseherrick.io |
|
Sounds great. I'm happy to style that up. |
|
I suppose the best way to contribute would be to fork then submit a PR to https://github.com/JesseHerrick/shoesrb.com, unless you want me to give you push rights @eliduke. |
|
@PragTob how about me? I don't quite follow... |
|
@JesseHerrick I can just fork your repo and submit PRs. |
|
@wpp just wanted to ask you if you also want to do some work on a new iteration of the home page, just if you got time and motivation of course :) Cheers and thanks everyone!!! |
|
I will be working on this for a while this morning, and I am happy to take a stab at the homepage as well. |
|
Maybe this is obvious, but I had to delete my previous fork of shoesrb.com before I was able to fork @JesseHerrick's fork. Forking a fork! |
|
@JesseHerrick I am new to gridism.css. Is there a way to set different column widths depending on screen size? I get the .half or .one-fifth syntax, but what if I want an element to be .one-fifth on a large screen but .half on mobile? |
|
@eliduke I don't think you're using the grid properly. It stacks automatically on mobiles. What page are you styling? |
|
@JesseHerrick I understand that it stacks automatically, but take a look at the current contributors page: http://shoesrb.com/contribute/ On desktop it has 6 people per row, on mobile it has 2. Is that possible with gridism? Or does everything just stack individually on mobile? |
|
That can be done in CSS. If I was on a computer right now I would show you.
|
|
@JesseHerrick It's not a big deal right now. I pushed my changes so far and submitted a PR. Right now I've got 5 contributors per row and It looks great on the desktop. I think we can drop that down to 2 per row on mobile. You can show me later. |
|
@PragTob Oh man I would love to. But I don't really have the time right now (around christmas is better for me). And I believe that @JesseHerrick and @eliduke are busy anyway so I don't want to zwischenfunken. Too many cooks something something :) |
|
Thanks @JesseHerrick ! You mean the blur/unblur? Seems like a playful thing to me - not must have but not bad. So I'm undecided/ok with whatever :) (I know, not helping, sorry) |
|
I think it's better without the blur. |
|
Yeah @davorb, I got rid of it. I don't want users to think that they're losing their vision! |
I'm proposing a serious overhaul to shoesrb.com.
The current version of the website uses an old default Bootstrap layout that just looks ugly. With Shoes 4 well along its way, I think that we should start work on a new and improved http://shoesrb.com. There are a bunch of issues that could be fixed with a new design.
A few things I'd like to add/improve:
I think that this would be a great addition to the impending release of Shoes 4. I would be happy to work on this extensively. Let me know what you all think.
The text was updated successfully, but these errors were encountered: