← UI & UX Design

Qual framework responsive aconselham?

Lida 7431 vezes

Offline

Pedro Lopes 
Beta tester
Mensagens 3568 Gostos 18
Feedback +6

Troféus totais: 32
Trófeus: (Ver todos)
Level 6 Windows User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3

Boas,

Que framework responsive me aconselham usar e porquê? :)
Offline

Nuno 
Administrador
Mensagens 7780 Gostos 216
Feedback +2

Troféus totais: 42
Trófeus: (Ver todos)
100 Poll Votes Level 7 Search Mobile User Level 6 Super Combination Combination Topic Starter 50 Poll Votes 10 Poll Votes

Bootstrap ou foundation são as que têm menos bugs e mais qualidade de frontend. É escolher...
Offline

Pundit 
Membro
Mensagens 94 Gostos 6
Troféus totais: 19
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Level 4 Level 3 Level 2 Level 1 50 Posts 10 Posts First Post

bootstrap sem duvida só pela quantidade de infirmação que a comunidade partilha :D

Offline

João Godinho 
Membro
Mensagens 1755 Gostos 2
Troféus totais: 27
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

Para alguém que se vai iniciar a desenvolver em responsives sites, aconselham algum tutorial em especial?
Offline

nrms® 
Membro
Mensagens 93 Gostos 3
Troféus totais: 22
Trófeus: (Ver todos)
Level 5 Windows User Super Combination Combination Topic Starter Level 4 Level 3 Level 2 Level 1 50 Posts

Bootstrap ou para casos mais práticos HTML5 Boilerplate...
Offline

rtbfreitas 
Equipa
Mensagens 1497 Gostos 9
Feedback +24

Troféus totais: 30
Trófeus: (Ver todos)
Windows User Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5 Level 4

Html5 Boilerplate não é um framework front-end, eu trabalho com várias, depende do tipo de projeto/cliente:

SASS(SCSS):

- Foundation
- Boostrap-Sass
- Gumby

LESS:

- Bootstrap
- UIKit
- Ink (da Sapo)

Isto falando em frameworks com grid, botões, forms, etc...Se precisar só de grid, utilizo uma das seguintes:

- Susy (Scss)
- Profoundgrid (Scss)
- Neat (Bourbon)
- Jeet (Stylus)
Offline

Pedro Lopes 
Beta tester
Mensagens 3568 Gostos 18
Feedback +6

Troféus totais: 32
Trófeus: (Ver todos)
Level 6 Windows User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3

Já tinha tentado usar a Foudation uma vez, e queria voltar a tentar, mas não consigo meter os dropdowns das navegações a funcionar, e outra coisa é os inputs de text não ficam iguais as dos demos/docs, ficam mais altas, por exemplo se meter uma caixa de pesquisa na navegação, fica mal...



Tou a fazer assim:
Código: [Seleccione]
  <div class="row">
    <div class="large-12 columns">
        <nav class="top-bar" data-topbar>
            <ul class="title-area">
                <li class="name">
                    <h1><a href="#">Site</a></h1>
                </li>
                <li class="toggle-topbar menu-icon"><a href="#">Menu</a></li>
            </ul>

            <section class="top-bar-section">
                <!-- Right Nav Section -->
                <ul class="right">
                    <li class="active"><a href="#">Right Button Active</a></li>
                    <li class="has-dropdown">
                        <a href="#">Right Button with Dropdown</a>
                        <ul class="dropdown">
                            <li><a href="#">First link in dropdown</a></li>
                        </ul>
                    </li>
                    <li class="has-form">
                        <div class="row collapse">
                            <div class="large-8 small-9 columns">
                                <input placeholder="Find Stuff" type="text">
                            </div>
                            <div class="large-4 small-3 columns">
                                <a href="#" class="button expand">Search</a>
                            </div>
                        </div>
                    </li>
                </ul>

                <!-- Left Nav Section -->
                <ul class="left">
                    <li><a href="#">Left Nav Button</a></li>
                </ul>
            </section>
        </nav>
    </div>
  </div>
Offline

rtbfreitas 
Equipa
Mensagens 1497 Gostos 9
Feedback +24

Troféus totais: 30
Trófeus: (Ver todos)
Windows User Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5 Level 4

@Pedro eu testei o teu código directamente no Firebug e estava conforme os exemplos da Foundation, não terás ai algum conflito de CSS ou alguma regra a sobrepor?
Offline

Pedro Lopes 
Beta tester
Mensagens 3568 Gostos 18
Feedback +6

Troféus totais: 32
Trófeus: (Ver todos)
Level 6 Windows User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3

Já resolvi, obrigado, estava-me a esquecer de incluir um .css :P
Offline

rtbfreitas 
Equipa
Mensagens 1497 Gostos 9
Feedback +24

Troféus totais: 30
Trófeus: (Ver todos)
Windows User Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5 Level 4

Deixa o .css de lado e manda-te para SCSS não vais querer outra coisa depois ;)