Novo Layout – Meu Número

Fala Galera!

Mais um layout para um projeto pessoal com o título “Meu Número”. Tentei utilizar um layout flat com pequenas adaptações. Nesta versão ainda não conversei com o cliente todos os detalhes, mas será nessa base:

20130721_Home

Até mais!

Anúncios

Layout “MeuNúmero”

Fala galera!

Uma parada rapidinha pra mostrar um layout inicial que desenvolvi para um projeto que vou programar com ASP.NET MVC e C# ainda este ano.

Feito com um template de grid para Twitter Bootstrap!

Feito com um template de grid para Twitter Bootstrap!

Abraços!

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.

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!

Logotipo: Viva

Fala galera!

Mais um logotipo pra galeria. Esse é pra equipe de Interface Homem Máquina, composta pela mesma turmitcha de sempre (William Rodrigues, Nayara Andressa e Diego Doná).

Fizemos brainstorm e drafts durante a aula até chegarmos no “Viva” para o nome. Emoticonzeiro como sempre fui, já pensei em encaixar um “\o/” estilizado ao invés de um simples V.

“Viva” pois facilitaremos a sua vida com a nossa solução! O “v” estilizado representa a alegria e alívio por (mais) um problema solucionado.

Usei Illustrator pra fazer o desenho final e coloração.

Logotipo Viva

Cya galera!