Comments (12)
Wouldn't mind having that, though is it possible to include other ui frameworks / jquery with zurb foundation?
from foundation-sites.
They probably would - Foundation is pretty light. Where you might run into trouble is that very few frameworks have any responsive support, and foundation is all responsive.
from foundation-sites.
I really like foundation, and this feature is something that I would need. So I did some research and experimented a bit. You can find the experiment here or view it in action.
If this approach is okay, I'll take a stab at getting it ported into foundation.
from foundation-sites.
That's brilliant, definitely should add this to Foundation!
from foundation-sites.
Something like http://twitter.github.com/bootstrap/#navigation would be a grat addition to this already awesome framework. Hard to create responsive menus I would imagine
from foundation-sites.
I'd really like to see a drop-down menu added to Foundation as well. This is one big piece of functionality that is needed for every project. The idea of Foundation is to be able to quickly "wireframe" or "prototype" a site, but have it be automatically reformatted for mobile, and be production-quality code so the prototyping work is not wasted. I can't imagine too many websites that would be designed that wouldn't need a drop-down menu.
I totally get that this is a tricky issue when considering how to automatically reformat a drop-down menu for mobile. So I'm not even really asking for that, but for the desktop view we need it. Then we could use Frameworks ability to display or hide certain content based on mobile or not. i.e. Show the drop-down menu when not mobile, show a simpler set of links for a menu on mobile. Or show a single drop down menu on mobile that has just a few main links on it.
For example, if the desktop site menu is:
Home * News (Cat 1, Cat 2, Cat 3) * Portfolio (Cat 4, Cat 5) * About (About Us, Contact)
Then the mobile menu could simply be:
Home * News * Portfolio * About
... OR...
Menu (Home, News, Portfolio, About)
from foundation-sites.
Thanks for letting us know about this - we're actually working on several new elements, including this, even as we speak. We hope to have an update to Foundation in the next week or two that includes this as well as some other new prototyping elements. Thanks for getting in touch!
Jonathan Smiley
ZURB | Design Lead
[email protected]
408.540.8667
Build for Every Device
http://foundation.zurb.com
On Nov 7, 2011, at 7:24 AM, timnicholson wrote:
I'd really like to see a drop-down menu added to Foundation as well. This is one big piece of functionality that is needed for every project. The idea of Foundation is to be able to quickly "wireframe" or "prototype" a site, but have it be automatically reformatted for mobile, and be production-quality code so the prototyping work is not wasted. I can't imagine too many websites that would be designed that wouldn't need a drop-down menu.
I totally get that this is a tricky issue when considering how to automatically reformat a drop-down menu for mobile. So I'm not even really asking for that, but for the desktop view we need it. Then we could use Frameworks ability to display or hide certain content based on mobile or not. i.e. Show the drop-down menu when not mobile, show a simpler set of links for a menu on mobile. Or show a single drop down menu on mobile that has just a few main links on it.
For example, if the desktop site menu is:
Home * News (Cat 1, Cat 2, Cat 3) * Portfolio (Cat 4, Cat 5) * About (About Us, Contact)Then the mobile menu could simply be:
Home * News * Portfolio * About... OR...
Menu (Home, News, Portfolio, About)
Reply to this email directly or view it on GitHub:
#29 (comment)
from foundation-sites.
Awesome.
from foundation-sites.
I am using Foundation for a MODX CMS template I am working on called Flexibility and just added a drop-down menu.
You can preview it here:
http://designfromwithin.com/flexibility2
The code for the drop-down is here:
http://www.alessioatzeni.com/blog/css3-dropdown-menu/
My menu is responsive and I'm quite happy with it, but I still need a good way to handle the sub menu's on touch-screens...
from foundation-sites.
Hey Menno,
That's awesome - we're working on some similar elements on our end we're hoping to add to the Foundation base styles soon. For the dropdowns, the approach we've taken thus far has been to make the dropdown elements a modal dialog on small devices like phones (so the submenu appears as an overlay of the entire screen). You might try that out. Keep it up!
FTW
Jonathan
Jonathan Smiley
ZURB | Design Lead
[email protected]
408.540.8667
Build for Every Device
http://foundation.zurb.com
On Nov 10, 2011, at 1:42 AM, Menno Pietersen wrote:
I am using Foundation for a MODX CMS template I am working on called Flexibility and just added a drop-down menu.
You can preview it here:
http://designfromwithin.com/flexibility2The code for the drop-down is here:
http://www.alessioatzeni.com/blog/css3-dropdown-menu/My menu is responsive and I'm quite happy with it, but I still need a good way to handle the sub menu's on touch-screens...
Reply to this email directly or view it on GitHub:
#29 (comment)
from foundation-sites.
@ smileyj68 any rough ETA on this?
from foundation-sites.
Thanks for the great work on foundation!!
We're working on a Pinax theme based on foundation https://github.com/chrisdev/pinax-theme-foundation. The default Pinax theme is based bootstrap and there is a jquery mobile theme. For compatibility with Pinax we really need a top nav bar like http://twitter.github.com/bootstrap/#navigation. We are almost ready for our first release so we we decided to use the #zurBar from presentation.css on the foundation site. Are you guys any closer to releasing anything official in this area? I know that this is tricky since foundation is 100% responsive. The truth is that such a navbar should be probably only show on desktops for example, both google and twitter do no display the topnav on the phones i've tested them with
from foundation-sites.
Related Issues (20)
- <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>perdoname mi amor </title> <link rel="stylesheet" href="me_perdonas.css"> <style> #No { grid-row: 5; grid-column: 6; } </style> </head> <body> <div> <p id="p" hidden>Yo tambien te amo mucho mi rey💗💗💗💗💗</p> <h1 id="1">Me Perdonas</h1> <section> <button id="Si">Si</button> <button id="No">No</button> </section> </div> <script src="me_perdonas.js"></script> </body> </html>
- Guide d'Installation de Windows Server 2022 Standard par rapport à Windows Server 2019 Standard
- a1 Lottery Login & Register (.Official.) - Earn Daily ₹5000
- Video Full Ayah dan Anak Baju Hitam Viral ASLI 6 Menit Link Lengkap Disini!
- Clip Bé Heo (Minh Hằng) 3 phút: Body Bé Thật Sự Miễn Chê, Lên Mây Với Bé Heo
- Clip Tiktoker Linh Trương 9 phút: Kỹ Năng Đỉnh Cao, Lên Mây Với Linh Trương
- Clip Điện Máy Xanh 17 Phút 27s: Lừa Mãi Mới Dụ Được Em Nó - Kỷ Niệm Hấp Dẫn Điện Máy Xanh
- Clip Trần Mi 2k5 - 1 Phút: Em Mi Chất Quá, Lên Mây Với Em - Bộ Đồ Nàng Hầu Nóng Bỏng
- Clip My Trần và Ny Người Yêu 1 Phút: Em My Chất Quá, Lên Mây Với Em
- Clip Mi Trần 2k5 (2005) - 8 Phút Lên Mây Với Em: Kỷ Niệm Hấp Dẫn Mi Trần
- NVIDIA : Free 3-month subscription to Xbox Game Pass PC (for new GAME PASS customers)
- Clip Hà Mỹ Vũ 16 phút 52 giây... Kỹ Năng HaMy Tốt Quá
- Full-Video Clip Mi Trần 2005 Video Mi Trần Lộ Clip 2k5
- Link Video Anak Kecil Viral Di Kuburan Ber 3 Gituan Video Asli Lihat Disini
- Video Viral: Ayah dan Anak Baju Hitam, Kasih Sayang dan Tidur yang Menarik Perhatian Netizen
- ViDEO ViRAL Anak Kecil Baju Biru Sama Kakaknya Part 3
- Megan Thee Stallion Video has released several official music videos, including
- Spam Issues and Discussions HOT 1
- Address sass 1.77.7+ warnings on mixed declarations with nested rules
- [Accordion Menu] Keyboard Functionality Closes Submenu on Keydown
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from foundation-sites.