TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

Zurb Foundation 5 Released

400 点作者 mos2超过 11 年前

40 条评论

pwenzel超过 11 年前
Changes of note:<p>&quot;Interchange uses media queries to dynamically load responsive content that is appropriate for different users&#x27; browsers.”<p><a href="http://foundation.zurb.com/docs/components/interchange.html" rel="nofollow">http:&#x2F;&#x2F;foundation.zurb.com&#x2F;docs&#x2F;components&#x2F;interchange.html</a><p>Offcanvas Javascript (Originally bolt-on, not bundled)<p><a href="http://foundation.zurb.com/docs/components/offcanvas.html" rel="nofollow">http:&#x2F;&#x2F;foundation.zurb.com&#x2F;docs&#x2F;components&#x2F;offcanvas.html</a><p>&quot;Abide is an HTML5 form validation library that supports the native API by using patterns and required attributes.&quot;<p><a href="http://foundation.zurb.com/docs/components/abide.html" rel="nofollow">http:&#x2F;&#x2F;foundation.zurb.com&#x2F;docs&#x2F;components&#x2F;abide.html</a><p>Zepto support has been removed from Foundation 5.<p>Docs are continuing to look better, and they still have docs back to Foundation v2.<p>Thanks Zurb!
评论 #6777862 未加载
评论 #6778046 未加载
评论 #6776912 未加载
评论 #6777488 未加载
评论 #6777515 未加载
chrismorgan超过 11 年前
I&#x27;m puzzled about the switch from camelCase to snake_case for JS as shown in <a href="http://foundation.zurb.com/docs/upgrading.html#javascript-variable-changes" rel="nofollow">http:&#x2F;&#x2F;foundation.zurb.com&#x2F;docs&#x2F;upgrading.html#javascript-va...</a>. The clear convention in JavaScript is camelCase, why switch <i>away</i> from it? (I say this as someone who in normal life using Python and Rust uses and prefers snake_case but who uses camelCase when writing JavaScript.)
评论 #6777860 未加载
评论 #6780521 未加载
评论 #6777711 未加载
评论 #6777767 未加载
评论 #6777750 未加载
baby超过 11 年前
Wow, that was fast !<p>I love Foundation, but I had to switch to Boostrap because I found it... ugly. And Bootstrap is great to quickly create &quot;pretty&quot; prototypes. But I&#x27;ve always found Foundation having better... foundations. I&#x27;ve used both on numerous projects and here&#x27;s my take :<p>* The grid system now looks like bootstrap, and I don&#x27;t like that. You have to choose the type of column you want to use (and I don&#x27;t want to be bothered by that). so no .six anymore, it&#x27;s .medium-6 or .large-6 or .small-6... They should call the .small-6 just .six so we know its the default one.<p>* It does look a bit better, although they removed styling of the radiobox in forms? Why?<p>* Overall I still prefer bootstrap&#x27;s theme, I wish Foundation would offer an optional theme like bootstrap 3 does.<p>* OffCanvas menu is great ! I can already see plenty of applications (but for mobile only)<p>* The CLI is a nice thing to have but I&#x27;m gonna stay away from it. I like the easiness of copypasting files to quickly begin a small project.<p>* Documentation is hard to go through, doesn&#x27;t allow to glance at what it offers. It&#x27;s a huge improvement from F4 or F3 though.<p>* I use sublime text snippets all the time and this might be a huge addition!<p>* I like the JS that verifies forms. I usually always use this on my projects so it&#x27;s nice to have it by default.<p>Overall I don&#x27;t really know if I should switch back to Foundation. But I&#x27;ll definitely use it for my next project to see how good it is.
评论 #6777231 未加载
评论 #6777227 未加载
评论 #6777648 未加载
chrisblackwell超过 11 年前
This framework is so much further along than Bootstrap is, and the team at Zurb seems to iterate much faster then the Bootstrap team.
评论 #6776783 未加载
评论 #6776825 未加载
评论 #6793026 未加载
tnorthcutt超过 11 年前
I looked at the project on Github [1] and the latest tagged release is 4.3.2. It seems odd that they&#x27;d release 5.0 for download on their website before tagging it on Github; is there a particular reason for that?<p>1: <a href="https://github.com/zurb/foundation" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;zurb&#x2F;foundation</a>
评论 #6779065 未加载
kderbe超过 11 年前
Can you explain the benefit of defining media queries with em&#x27;s rather than pixels? It seems like an unnecessary layer of mental translation for developers, given that you deem it necessary to list px-equivalents in the CSS comments. [1]<p>Also, the medium&#x2F;large screen sizes in Interchange don&#x27;t align with the media query sizes. Interchange says 1024px wide is large, [2] but the media query says 1024px wide is medium. Or is it just a documentation error?<p>[1] <a href="http://foundation.zurb.com/docs/media-queries.html" rel="nofollow">http:&#x2F;&#x2F;foundation.zurb.com&#x2F;docs&#x2F;media-queries.html</a><p>[2] <a href="http://foundation.zurb.com/docs/components/interchange.html#named-queries" rel="nofollow">http:&#x2F;&#x2F;foundation.zurb.com&#x2F;docs&#x2F;components&#x2F;interchange.html#...</a>
评论 #6807336 未加载
spitfire超过 11 年前
So for the HTML deficient are there any template sites for foundation yet? These exist for bootstrap, and for someone who doesn&#x27;t have even a single bone of design talent in his body they&#x27;re a godsend.
评论 #6776918 未加载
评论 #6776949 未加载
评论 #6777137 未加载
评论 #6776935 未加载
评论 #6777055 未加载
评论 #6777278 未加载
frakkingcylons超过 11 年前
I just finished the redesign of my entire site to use Foundation 4 instead of Bootstrap last night. I&#x27;m laughing tears right now...
评论 #6776961 未加载
评论 #6776970 未加载
评论 #6777058 未加载
评论 #6780298 未加载
masklinn超过 11 年前
Damn, it&#x27;s gone completely broken on old firefox engines <a href="http://i.imgur.com/HAR8Rjz.png" rel="nofollow">http:&#x2F;&#x2F;i.imgur.com&#x2F;HAR8Rjz.png</a> (yeah I&#x27;m still using Camino when I can get away with it)
评论 #6777240 未加载
ultrasandwich超过 11 年前
Looks like it dropped support for IE8, which unfortunately eliminates this as an option for a lot of client work. Seems like a solid go-to for more forward-thinking projects though.
评论 #6777557 未加载
评论 #6777145 未加载
评论 #6778517 未加载
评论 #6777183 未加载
评论 #6777948 未加载
te_chris超过 11 年前
I&#x27;m more curious about this which is mentioned on the page: <a href="https://github.com/hcatlin/libsass/" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;hcatlin&#x2F;libsass&#x2F;</a> has anyone got it working with rails? Faster SASS compilation would make life much better (especially when bootstrap or compass are involved).
评论 #6782932 未加载
评论 #6778692 未加载
fideloper超过 11 年前
I think it&#x27;s worth noting that Bootstrap and Foundation may not be comparing apples to apples.<p>Bootstrap has more styles so you can...bootstrap. Foundation is meant to be a foundation to build on.<p>That being said, of course their functionality is very close, but be aware of the core differences in outlook between the 2.
vcherubini超过 11 年前
Foundation is without a doubt the nicest CSS framework I have ever used. It really, really helps me, as a programmer, create amazing interfaces without much effort at all. Combined with SASS and it&#x27;s a winning combination.<p>Can&#x27;t wait to start playing with version 5.
评论 #6777366 未加载
antihero超过 11 年前
One thing that seems utterly absurd is that now you need to have <i>two</i> ecosystems to build <i>one</i> project - both node and and ruby. Seeing as it is uses libsass to build now, why not ditch the ruby cli and port it to node?
kclay超过 11 年前
The Interchange plugin saved my butt on a recent project. Client wanted to have 5 different images for different sizes, it was a breeze to setup even when having to integrate it with the supersized slider.
silviogutierrez超过 11 年前
Is Foundation better than Bootstrap? I&#x27;m genuinely curious, as they seem functionality equivalent.<p>Of course, one uses SASS and one uses LESS. I knew LESS, so I picked Bootstrap.<p>But I&#x27;m more than willing to switch.
评论 #6776903 未加载
评论 #6777030 未加载
ds_超过 11 年前
Can anyone tell me how to make a split button &#x2F; dropdown that goes upwards (dropup)? This is one thing bootstrap has which I&#x27;ve been missing in foundation.
评论 #6777037 未加载
Jgrubb超过 11 年前
On the one hand it&#x27;s never been a better time to be a front end dev, and on the other it&#x27;s absolutely crazy how fast front end technology is progressing the last couple years. I just caught on to Foundation 4 in the last 4 months or so, and now here&#x27;s a new release that&#x27;s way more evolved. Amazing.<p>Thanks to the Zurb team! I&#x27;ll definitely be ripping off lots of ideas for my company&#x27;s tortoise-speed Drupal sites.
评论 #6777259 未加载
sergiotapia超过 11 年前
I&#x27;ve tried to use Foundation before and it&#x27;s responsive grid was ghastly. This was the first time I tried anything responsive mind you. So I jumped towards Bootstrap 3 and it&#x27;s grid was phenomal to use.<p>Predictable, simple and quick to iterate - everything I wanted.<p>I&#x27;m going to give this release a try. The interchangable items based on device widths looks fantastic! I&#x27;m really excited to give Zurb a try. :)
评论 #6777100 未加载
评论 #6777127 未加载
mixmastamyk超过 11 年前
What&#x27;s the recommended way to use this with a python dev environment?<p>I&#x27;d rather not have to install ruby too just to rebuild the css. When one of these is announced I usually find myself navigating the various poorly-maintained python modules that process the source files, get lost, give up, and go back to plain css.<p>Perhaps I could just add a bit of css to a static build instead? Are there any shortcomings to that?
评论 #6779843 未加载
minimaxir超过 11 年前
When I was choosing a framework for a redesign for my blog (switching from Bootstrap since it was getting cumbersome), I decided to try out UIkit, since I ended up not needing any of the JavaScript plugins or super-fancy CSS effects.<p>However, after taking a look at Foundation 5&#x27;s plugins, I will definitely try using the framework if I need to undertake a website with more ambitious functionality.
afriend4lyfe超过 11 年前
I&#x27;m new to web design and have been experimenting with a few other development environments. Reading through these comments I became excited to learn more about foundation. I went to their site and looked at their site examples. Many of them were broken and didn&#x27;t seem to work as intended, nor were they very beautiful to the uninitiated. This was on a desktop using chrome. I didn&#x27;t bother to check with my mobile.<p>My main platform so far has been extremely buggy too and is not even primarily made to create websites. I&#x27;ve been using Google Web Designer. Take my advice with a grain of salt as I represent hobbyist developers who thought &quot;hey, i&#x27;d like to build a site. what tool should I start with?&quot; I would not invest $200 to enroll in your intro course for something that gave me an initial first impression of being flimsy. However, it is equally likely that I am unable to realize the full potential of your product with my limited understanding of web development at first glance.<p>I&#x27;m excited about seeing how Macaw works and am going to begin a new project with Bootstrap soon. While my main focus has been purely static web design I plan to incorporate dynamic applications within my approach very soon.
评论 #6779537 未加载
hanifvirani超过 11 年前
I would just like to say that I love Foundation! Kudos to the team and congrats on the new release. I look forward to exploring the new version. That being said, I am not really digging the new documentation page. The sample code containers should have a non-white background or at least some kind of a border.
评论 #6776927 未加载
评论 #6776845 未加载
xwowsersx超过 11 年前
I don&#x27;t know why (maybe I&#x27;m just not good with css and html in general), but I&#x27;m always confused when looking at these grid systems. Trying to use zurb in a project now and I&#x27;m kinda lost. Any good resources other than their docs for sort of showing how to use zurb in a full project?
评论 #6776956 未加载
评论 #6777503 未加载
评论 #6777224 未加载
mtarnovan超过 11 年前
Congrats ! Looks like a big release.<p>Some pain points from using Foundation (4) in our latest project: * topbar sucks * custom forms are horrible (they seem to have been removed from 5, or maybe justs the docs are missing)<p>Also, using under_score instead of camelCase in javascript is a questionable choice with no real benefits.
qhoc超过 11 年前
I switched from Foundation 4 to Flatstrap (a version of Bootstrap) instead because I like the flat UI. v4 had many problems with JS and especially topbar was never good enough. I ended up creating my own topbar which is not ideal. Also the lack of fixed cols is a big issue for desktop design.
applecore超过 11 年前
How does this compare to Bootstrap 3?
nej超过 11 年前
Is clicking on Learn suppose to drop the page like this <a href="http://imgur.com/yH9OKB3" rel="nofollow">http:&#x2F;&#x2F;imgur.com&#x2F;yH9OKB3</a>? Happens on both Chrome and Firefox.
评论 #6778058 未加载
jeffpersonified超过 11 年前
How is their inclusion of a medium break point not at the top of this thread? This is the most significant and noticeable addition to the Framework IMO.
nettletea超过 11 年前
Chrome zoomed in at 125% is enough to break the layout on the getting started page, which is a little worrying.
评论 #6778244 未加载
caiob超过 11 年前
When will this be available on Rails?
评论 #6782971 未加载
tszming超过 11 年前
The sliding panel&#x27;s animation is sluggish on Firefox Mobile&#x2F;Samsung S4
nathanwdavis超过 11 年前
The linked web page crashes Safari on iOS 7. Mobile first, eh?
评论 #6776856 未加载
评论 #6776847 未加载
michaelbuddy超过 11 年前
already foundation 5. I&#x27;ve only just had two dates with foundation 4. Between foundation and Jeet, I&#x27;m so stoked to have these to work and collaborate on.
princeverma超过 11 年前
Is there a good alternative to Abide for Bootstrap ?
dabernathy89超过 11 年前
seems kind of odd to integrate their own CLI instead of just writing a yo generator - and where is the documentation for it?
评论 #6777964 未加载
travelorg超过 11 年前
Is Foundation a &quot;Standard&quot; now?
评论 #6776707 未加载
thomasfl超过 11 年前
I am switching to today.
andyl超过 11 年前
I use Bootstrap, but it looks to me like Foundation5 is a better framework and is making faster progress. Especially I like Foundations use of SASS.<p>Problem is - some widgets I depend on - like date-pickers and X-Editable - only support Bootstrap.
评论 #6778109 未加载
Segmentation超过 11 年前
My only problem with Zurb is that ridiculous mascot that represents it. What is that sky-blue creature? Hipster yeti?
评论 #6777800 未加载
评论 #6780507 未加载