Thank you. I've been thinking about putting up a personal site for a while but never got around to it. I tend to be one of those "consumers of content" rather than producers (especially when it comes to blogposts). Hopefully this will change but this looks totally in line with what I am looking for!
How does Google take to this? As far as I can tell it has to evaluate the JS before it can crawl the site; I got a few seconds of "Loading..." after the page had finished loading while it was pulling in the JSON.
The best way to circumvent the issue is to prevent the browser from caching the request (ex. cache busting via random querystring parameters), or to use different URLs for the HTML and JSON response (ex. appending '.json' to the end of the path).
THANK YOU SO MUCH! I've been thinking about how to go about setting up my personal site, and this is a perfect combination of producing and consuming/aggregating from my other services. Definitely going to start playing around with this.
Good point. The reason was so I can swap from Django to Node easily if I wanted to without to much work and so the page can load faster on first request... I can probably change that eventually or just wait for a pull request :)
The author's web site (http://rigoneri.com/) is cited as an example "Syte", but when I view that page on my iPad the right-hand side of the page is chopped off. Doesn't seem to be all that responsive (despite the author's claims).
It's at specific widths. I've seen other responsive sites behave like this and I presume it's just something with the media queries in the style sheet. If you continue to narrow your browser you'll see that it does respond correctly.
I dont think so. Im using hackernews app on iOS,which displays your page truncated and unusable. Responsive means all widths are possible, not just some of the more common ones.
I don't know what this fix included but I can't see part of the text in my browser (about 1100 width). There should probably be some margin on the right side as well so text doesn't touch the border (or overflow).
Related, on http://rigoneri.github.com/syte/, down the page where it talks it about Responsive, it shows two images side-by-side.
One is clearly an example of responsive on a phone or tablet, but the other appears to be an example of broken responsive where the content got truncated as the OP of this thread mentions?
Spotted a bug on this. If you go back or forward in your browser to a blog post, it just shows a bunch of JSON code. You have to reload to get the site to properly show.
Could be changed to only preventDefault/stopPropagation if it doesn't match one of the specially tagged links, or by setting up a different selector for the specially handled links.
Thanks for taking care of this! I like what you're doing with this. As a Tumblr-head, I think you should also consider adding follow, like and reblog functionality. The API also has functions for this.
This looks really cool, the world needs more stuff like this.
One minor complaint is with the scrollable slide-outs. When you scroll down through a slide-out like the Instagram one, and reach the bottom, the page behind starts scrolling.
This is a common problem, and why I dislike using scrollable areas on web pages in the first place. There must be a good way to fix this. I just don't want the outside area to scroll when my context is inside the small scrollable area.
Seems like one possible way would be to overflow: hidden the background scrollable area while a popover is open, assuming that doesn't screw up its scroll position. Big problem with that is that it makes scrollbars go away :/
If you're a web developer+designer, it's probably not as useful, but for everyone else it rocks - and I hope to see people use/customize it to their liking. I love how it pulls so many services together. It seems like there's still some desire for some basic template for blogging after Dustin Curtis' last ordeal and now this, although it kind of seems like Twitter's Bootstrap has solved all of those basic problems for a lot of people.
Thats really smart. Maybe edit that into the blog post for now, otherwise people are going to be confused and submit bug reports (like i was going to).
Another site with responsive design and doesn't fix the sidebar with "position: fixed" in narrow viewports. Filed issue here: https://github.com/rigoneri/syte/issues/7
This is very, very cool. One request: would you consider making the color thing not part of the license but just a "polite request"? I understand where you're coming from and have no problem complying, but it's a little confusing and unclear what the legal implications of the rule might be. For example, what if someone forks it and changes the design, getting rid of the border around the pic entirely? I think your rule is very reasonable, but would be better enforced through the honor system, not the law. (Or edit it to make it clear it's not part of the license.)
Also, I personally found it surprising that a second click on one of the social links (e.g. Github) opens the full page on Github. I expected it to be a toggle where the second click would make the Github tab disappear. Not sure if that's just me, but maybe a separate "pull out" or "full window" icon you can click would be more intuitive.
Same here -- I'm not a fan of anything but self-hosting, but I LOVE the simplicity of this thing, it's very sexy. I just wish it would support OStatus, for example. There's depending on third parties, and there's depending on third parties :P But that's what open source is for, right?
Wow, this is totally awesome! I'm going to give it a whirl tomorrow. I just switched from Django to Ruby on Rails and fell in love with the framework, so maybe I'll try porting Syte to Rails someday.
The design has a problem on my eeepc, because I can only see half of the menu items on the left. I know that "position:fixed" is the "chic" thing to use currently, but still: don't. It almost always causes some problem.
I love the idea, design, and choice of frameworks/libraries, but I have one beef: I really, really dislike sites that prevent me from clicking with my middle mouse button. I open almost all links in new tabs using my middle mouse button and, currently, I can't do this on Syte.
Horrible border around the image. And no mention of your inspiration? Come on man, you even use the same spelling type. We can't change the border? Seriously...that's ridiculous.
80 comments
[ 3.3 ms ] story [ 78.5 ms ] threadHow does Google take to this? As far as I can tell it has to evaluate the JS before it can crawl the site; I got a few seconds of "Loading..." after the page had finished loading while it was pulling in the JSON.
edit: when I click on an external link and then click the back button, I get the JSON too even with chrome. This is bad.
The best way to circumvent the issue is to prevent the browser from caching the request (ex. cache busting via random querystring parameters), or to use different URLs for the HTML and JSON response (ex. appending '.json' to the end of the path).
One is clearly an example of responsive on a phone or tablet, but the other appears to be an example of broken responsive where the content got truncated as the OP of this thread mentions?
Why show an example of broken responsive design?
$.ajaxSetup({ cache: false });
Could be changed to only preventDefault/stopPropagation if it doesn't match one of the specially tagged links, or by setting up a different selector for the specially handled links.
Mislav wrote a great post on how to do this robustly: http://mislav.uniqpath.com/2011/03/click-hijack/
Hope that helps!
But either way, I'll be keeping an eye on this!
One minor complaint is with the scrollable slide-outs. When you scroll down through a slide-out like the Instagram one, and reach the bottom, the page behind starts scrolling.
This is a common problem, and why I dislike using scrollable areas on web pages in the first place. There must be a good way to fix this. I just don't want the outside area to scroll when my context is inside the small scrollable area.
If you're a web developer+designer, it's probably not as useful, but for everyone else it rocks - and I hope to see people use/customize it to their liking. I love how it pulls so many services together. It seems like there's still some desire for some basic template for blogging after Dustin Curtis' last ordeal and now this, although it kind of seems like Twitter's Bootstrap has solved all of those basic problems for a lot of people.
Also, I personally found it surprising that a second click on one of the social links (e.g. Github) opens the full page on Github. I expected it to be a toggle where the second click would make the Github tab disappear. Not sure if that's just me, but maybe a separate "pull out" or "full window" icon you can click would be more intuitive.