5 ms·
The Pure CSS3 Content Slider
- nmcfarl 15y agoNeatly done, though I’d really prefer these things come with at least a blog entry describing how it was done. Mainly I’d love to know if it’s reasonable to modify it towards your own use. Looking at the CSS it seems like a lot of very tiny and hairy tweaks, that would require someone who is both technically adept, and very visually adept. The CSS is here: http://iamceege.com/pure-css3-content-slider/css/slider.css http://iamceege.com/pure-css3-content-slider/css/slider.css ---------------- Update: The download has a version of the code with some very helpful comments. Not so useful for my purposes, but very useful if you wanted to learn more about the techniques used to build this thing. ---------------- Update 2: Here’s a blog entry by the other on the building of it: https://forrst.com/posts/The_Pure_CSS3_Content_Slider_Look_ma_No_JavaSc-TJ8 https://forrst.com/posts/The_Pure_CSS3_Content_Slider_Look_m...
- HnNoPassMailer 15y agoWhat cool stuff am I looking at and not noticing? I see a website with solely static content.
- maaku 15y agoWhat browser are you using?
- c16 15y agoThis is great, thank you! My startup focuses on creative people such as designers and developers, and so far only 2.4% of out visitors have been IE users, so this is perfect for me! Thanks again!
- joshmlewis 15y agoI wonder why he didn't take the few extra steps and use HTML5 as well. It's still good though.
- joshmlewis 15y agoI don't understand why that was downvoted. These days CSS3 is married with HTML5, it seems like it would make sense to have your page in HTML5 as well. BUT I did talk to the creator and he admitted he hasn't got around to learning the HTML5 elements yet, and that's totally fine.
- deleted 15y ago[deleted]
- karl_nerd 15y agoHarry Roberts (@csswizard) did something similar, but fluid width a while ago http://csswizardry.com/2011/10/fully-fluid-responsive-css-carousel/ http://csswizardry.com/2011/10/fully-fluid-responsive-css-ca...
- csswizardry 15y ago@csswizardry ;) But thanks for the link, much appreciated :D http://news.ycombinator.com/item?id=3203834 http://news.ycombinator.com/item?id=3203834
- kiriappeee 15y agoBeautiful work. I felt the jolt upon entering was a little unnecessary but still. Just gorgeous work. Downloaded source. Thanks :)
- andrewnez 15y agoCan I suggest you put the code on github to allow people to easily track changes and contribute and share improvements
- deleted 15y ago[deleted]
- artursapek 15y agoVery nicely done, but I wouldn't use this with iFrames for the time being. I started playing with the Wiki article and the slider jumped around a bit incrementally until it decided it was "done" sliding at an incomplete stage. It has since been synced like this: http://i.imgur.com/0LSDk.jpg http://i.imgur.com/0LSDk.jpg
- nyrb 15y agoPlease put this on Github for awesome contribution. It might be useful for people to track the future change.
- henryw 15y agoNice job. It works great in Firefox, but crashed my Chrome (osx 10.7 15.0.874.106).
- josscrowcroft 15y agoThat is really nice ... but did he really just say "the awesome folks over at W3 Schools" ?? http://www.w3fools.com http://www.w3fools.com ("W3Schools: an Intervention")
- shrikant 15y agoI don't get this. He's produced something that you find "really nice", leveraging a resource and thanking said providers of the resource. And still they get dumped on... for what? And with a page that appears filled with nitpicks and a level of pedantry that doesn't really matter to people who're just starting out with HTML/CSS/whatever else is being served up by W3Schools, or looking to learn something quickly. Basics which can then be used to develop deeper skills, as is wonderfully demonstrated here, and build expertise in a manner similar to how most people progress - iteratively, over time.