zurb-foundation-5

In Zurb Foundation 5.5.3 to what size(s) do I resize JPEGs such as 5472x3080 to take up the whole 12 columns or less using Interchange?

由 微笑、不失礼 提交于 2019-12-25 06:34:03
问题 I'm using Zurb Foundation 5.5.3 with CSS (and do not wish to use SASS). I'm running Windows XP and if needed have Windows 7. I have images with the following wxh sizes JPEGs out of the camera: 5472x3080 5312x2988 5435x3750 5760x3840 5750x3501 6016x4016 4320x3240 and more sizes.... To what width and height should I resize these content images to get a better page load speed (I'm scoring under 40 in https://www.dropbox.com/s/343u2ksehlbcete/Screenshot%202016-05-20%2016.34.50.png?dl=0 but still

Change width of menu canvas of Foundation

由 南笙酒味 提交于 2019-12-23 03:39:10
问题 I am using the framework foundation and is very useful. I wanted to know how you can change the width of the canvas menu. Use escusicamente css. Thank 回答1: If you are using the scss version of Foundation it's as easy as changing $off-canvas-width: rem-calc(250); in your settings.scss file. If you are using css you need to change the width of the .left-off-canvas-menu and .move-right > .inner-wrap transform . I suggest you override specificity by adding a new class to .left-off-canvas-menu and

Bootstrap List group in Foundation 5

由 老子叫甜甜 提交于 2019-12-13 00:29:12
问题 I am trying to figure out how to get the equivalent of Bootstrap's list groups, with the list group item borders and all, using Foundation 5. However, there doesn't seem to be anything that similar. The only thing that I have found is ul/li's suggested on Foundations' site. http://foundation.zurb.com/docs/components/typography.html Any ideas? Update: I want to list comments/comment-comments with this list group in Foundation. Here it is using Bootstrap. <div class='list-group-item'> <div

Foundation 5 Datepicker failing, or is it me

由 孤街醉人 提交于 2019-12-12 12:38:15
问题 OK, I am running FOundation 5 with SASS I downloaded the Datepicker by Peter Beno here: https://github.com/najlepsiwebdesigner/foundation-datepicker Now I know that it says it is made for Foundation 4, but I see no reason why it won't work in Foundation 5. Yeah the javascript is a bit over my head, but that it why I'm using someone elses date picker. Here are the steps I took to implement this datepicker into Foundation 5. 1) I renamed the foundation-datepicker.js to foundation.datepicker.js

WordPress enqueue noConflict() error $ not a function?

由 半世苍凉 提交于 2019-12-11 23:08:06
问题 Been a WP dev for 8 years, this problem has never gone away and it's driving me insane. $ is not a function always show up, or jQuery is not a function , or foundation is not a function ... someone help me nip this in the bud once and for all? My enqueue.php: // initialize packages ... function source_enqueue() { // init $wp_styles variable // adds conditional wrapper around ie stylesheet global $wp_styles; if (!is_admin()) { // jquery, bower, foundation, app js, style, app css // init jquery

Work needed to upgrade Zurb Foundation v5 to v6.2

由 我只是一个虾纸丫 提交于 2019-12-10 03:17:03
问题 What & how much work is required to upgrade Foundation 5 to 6.2? Our dev shop is taking over development of an existing F5 project. Seems the front-end layout is 80% complete, though we'll likely transition into JSX to little will be untouched. I need help in weighing if F6.2 is worth the extra hassle, since the client is budget-limited. Zurb's F6 announcement lists only a few lower priority advantages (A11y, fewer classes). Flexbox might be helpful, small Foundation CSS is less of a concern

Change width of menu canvas of Foundation

由 空扰寡人 提交于 2019-12-08 18:04:24
I am using the framework foundation and is very useful. I wanted to know how you can change the width of the canvas menu. Use escusicamente css. Thank If you are using the scss version of Foundation it's as easy as changing $off-canvas-width: rem-calc(250); in your settings.scss file. If you are using css you need to change the width of the .left-off-canvas-menu and .move-right > .inner-wrap transform . I suggest you override specificity by adding a new class to .left-off-canvas-menu and off-canvas-wrap , something like <div class="my-site off-canvas-wrap" data-offcanvas> and <div class="my

Zurb Foundation 5: Grid Column Stacking

由 家住魔仙堡 提交于 2019-12-06 11:49:08
问题 I'm new to foundation and I only have the basic idea on how to use grids. I have these 3 columns that need to be stacked (see "mobile" image) when viewed on mobile/small screens. It should look something like this when in larger screens: Here's my current code. It's not quite what I wanted, and I'm starting to get confused. <div class="row"> <div class="large-12" style="background-color:#bdc3c7;"> <div class="medium-4 medium-push-8 columns" style="background-color: #1abc9c; border: 1px solid

Display error if no checkbox is checked in checkbox group

由 余生颓废 提交于 2019-12-06 08:02:52
问题 How do I display an error message with Foundation 5's Abide HTML5 form validation library when no checkboxes are checked within the same checkbox group? 回答1: You have to write your own abide validator, but it is quite simple. Working example: CodePen link JavaScript $(document).foundation({ abide: { validators: { checkbox_limit: function(el, required, parent) { var group = parent.closest('.checkbox-group'); var min = group.attr('data-abide-validator-min'); var checked = group.find(':checked')

Work needed to upgrade Zurb Foundation v5 to v6.2

由 点点圈 提交于 2019-12-05 02:43:24
What & how much work is required to upgrade Foundation 5 to 6.2? Our dev shop is taking over development of an existing F5 project. Seems the front-end layout is 80% complete, though we'll likely transition into JSX to little will be untouched. I need help in weighing if F6.2 is worth the extra hassle, since the client is budget-limited. Zurb's F6 announcement lists only a few lower priority advantages (A11y, fewer classes). Flexbox might be helpful, small Foundation CSS is less of a concern thanks to UnCSS . I've used F6.2 once, but would like to hear from folks who upgraded real sites from
订阅 zurb-foundation-5