Twitter Bootstrap e ASP.NET MVC (Rapidinha II)

Olá a todos! Mais uma dica rápida na área.

Instalando

Para ter rapidamente o Twitter Bootstrap a sua disposição num projeto ASP.NET MVC não é necessário entrar no site e baixar seus arquivos, nem se preocupar em distribuir os .css e .js pelas pastas corretas.

Basta utilizar o Nuget! Basta ter um projeto criado e aberto e o Packet Manager Console. Caso não tenha o Packet Manager Console ativado no seu visual studio, basta seguir a screenshot abaixo:

Com ele ativo, basta digitar as palavras mágicas:

install-package Twitter.Bootstrap

Tchadã. JQuery atualizado e bootstrap inserido no projeto!

Usando

Basta incluir nos bundles (App_Start/BundleConfig.cs):

            bundles.Add(new ScriptBundle(“~/bundles/bootstrap”)
.Include(
“~/Scripts/bootstrap.js”
)
);

bundles.Add(new StyleBundle(“~/Content/bootstrap”)
.Include(
“~/Content/bootstrap.css”,
“~/Content/bootstrap-responsive.css”
)
);

E claro, adicionar a chamada desses bundles na página que deseja utilizar. Como eu estou utilizando o _Layout.cshtml (“página mestre”), vou adicionar lá, para sempre ter o bootstrap disponível.

Coloque no head:

@Styles.Render(“~/Content/bootstrap”)

Coloque após a chamada para o JQuery (antes de fechar o </body>):

@Scripts.Render(“~/bundles/bootstrap”)

Tchans! Você já pode usar todo o conforto do Twitter Boostrap.

Referências

All hail the might Google.

Dot Net Curry.

Twitter Bootstrap e Jquery UI (rapidinha I)

Fala Galera!

Uma dica rapidinha sobre JQuery UI em conjunto com Twitter Bootstrap:

A inclusão dos JS’s devem ser feitos nessa ordem:

<script type=”text/javascript” src=”Scripts/bootstrap.js”></script>
<script type=”text/javascript” src=”Scripts/jquery-ui-1.10.3.custom.js”></script>

Caso contrário, algumas widgets do JQuery UI podem ter o funcionamento comprometido (como o DIALOG).

Valeu!

Layout – Site pessoal (2013)

Fala galera,

Estive brincando com o photoshop esses dias e montei um pseudo-layout para meu site pessoal. Segui um template para tentar fazê-lo com o bootstrap de forma responsiva, mas não sei quando nem se vou implementá-lo. Estou com um novo projeto e muitos estudos de C#/ ASP.NET / HTML5 e CSS3 na cabeça.

Olha só:

É tosco e não está 100%, mas é meu :P

É tosco e não está 100%, mas é meu :P Clique para ver em tamanho real.

Abraços!

Komentaki, meu TCC de 2012!

Minha galera,

Com apoio do William Rodrigues, eu resolvi publicar meu Trabalho de Conclusão de Curso no Scribd. Fica o link para aqueles que se interessarem em ver um TCC finalizado, para ter uma idéia da dimensão do perrengue que temos de enfrentar e vencer ao final.

Tema: Open Innovation

Curso: Sistemas de Informação

Link: http://www.scribd.com/doc/120392795/Construcao-do-Komentaki-uma-plataforma-generica-para-gerenciamento-de-opinioes-e-sugestoes-de-consumidores

Divirtam-se.

Vantagens com HTML5 – Custom Data Attributes

HTML5_Logo_256

Ainda não são todos os browsers que interpretam corretamente todas as especificações do HTML5, mas podemos usar algumas idéias em nossos códigos e designs atuais para facilitar nossas vidas.

Por exemplo, o uso de Custom Data Attributes (Atributos de dados customizados, em tradução livre) pode auxiliar a guardar dados em elementos DOM. Este será o foco do artigo.

Continuar lendo