Acelerando desenvolvimento ASP.NET MVC com Twitter Bootstrap

Imagine o seguinte cenário:

Você precisa desenvolver um projeto web, mas não tem afinidade com CSS.

As possibilidades que imagino são:

1. Investir num designer profissional para o projeto.

2. Se aventurar no design.

3. Utilizar um template pronto.

4. Criar um novo design com o amigável Twitter Bootstrap.

Já estou utilizando em novos projetos. E é ótimo.

Há muitos pontos fortes como:

• Sistema de grid. Muito fácil posicionar os elementos na página com ele.
• Design responsivo: Suporte a tamanhos de tela diversos. (Mobile, Tablets etc.)
• Tipografia
• Blocos de Código: Facilita a inserção de blocos de código.
• Tabelas: Estilização fácil de tabelas.
• Formulários: Facilita a inserção de formulário com caixas de busca, checkboxes, selects etc. com estilos de validação dentre outros.
• Botões: diversos estilos de botões.
• Mini Ícones: mini ícones para utilizar livremente.
• Componentes: Dentre diversos componentes para dropdowns, labels, badges, tipografia, thumbnails, alerts, progress bars, dentre outros.
• Pugins Javascript: Bootstrap também acompanha atualmente 12 plug-ins jquery. * Requer a última versão do jQuery linkada na página.

Exemplo de tela construída com o Twitter Bootstrap:

 

Veja mais motivos pra utilizar o Twitter Bootstrap no Site Oficial

Conheça mais sites construídos com o bootstrap no tumblr Built with Bootstrap

 

Outros links:

Artigo em português sobre o Twitter Bootstrap: http://abruno.com/blog/twitter-bootstrap/

Prototipando com Placehold.it

Desenvolvendo um novo website ASP.NET MVC 3 com C#, precisei posicionar um carousel na página, e queria preenchê-lo com alguns items de tamanho: 900 x 300.

Possibilidades:

1. Utilizar algum editor e criar uma imagem com o tamanho 900 width x 300 height.

2. Usar o serviço placehold.it.

PrintScreen do site Placehold.it

Obviamente optei pela opção de utilizar o Placehold.it. É um serviço muito útil nessa situação.

Utilizando o serviço rapidamente obtemos vários tipos de placeholders para prototipar nossos sites:

• Placeholder de tamanho 150×150 contendo texto:

Código HTML: <img src=”http://placehold.it/150×150&text=placehold.it+e+muito+bom!”/>

• Placeholder de tamanho 300×300 com background preto e foreground branco:

Código HTML: <img src=”http://placehold.it/300/000000/eeeeee&text=placehold.it+quebra+um+galho!”/>

 

E por fim o carousel que criei com a ajuda do Twitter Bootstrap e do Placehold.it:

Item de carousel usando imagem do Placehold.it

Template de site para aplicativo Windows Phone 7

Essa dica vai pra quem desenvolveu um app para Windows Phone 7  e quer divulgá-lo de forma clara e objetiva sem perder tempo criando um template.

“Windows Phone 7 App Site Template” pode ser encontrado no Codeplex.

http://wp7appsite.codeplex.com/

O template é derivado do site de divulgação do FINDaPAD (http://www.findapad.biz/).

Recursos utilizados no desenvolvimento do template:

• The Skeleton boilerplate by Dave Gamache
  • www.getskeleton.com
• “Tweet!” by seaofclouds.com
  • http://tweet.seaofclouds.com/
• CSS Globe’s Easy Slider
  • http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider
• Twitter follow button widget
  • https://twitter.com/about/resources/followbutton

ScreenShot:

Template open source para app de windows phone 7

Visual Studio 11 RC – Atualizações na Interface

Quem está acompanhando o Visual Studio 11 desde a versão beta, e não simpatizou com os predominantes tons de cinza, deve gostar das atualizações de interface da versão RC – Release Candidate.

Segue abaixo uma sequência de imagens que falam por si mesmas.

Comparativo de versões de janelas

As motivações para todas estas modificações são explicadas em: http://blogs.msdn.com/b/visualstudio/archive/2012/05/08/visual-studio-11-user-interface-updates-coming-in-rc.aspx

Barra de Status varia Cor e Texto de acordo com o estado da IDE.

 

---

Lançado NHibernate versão 3.3.0.GA

Lançada nova versão do NHibernate.

Versão final: 3.3.0

Vale a pena ao menos uma leitura dinâmica nas correções e melhorias.

Portal do NHibernate: http://nhforge.org/Default.aspx

Código Fonte: https://github.com/nhibernate/nhibernate-core

Build 3.3.0.GA
=============================

** Known BREAKING CHANGES from NH3.2.0.GA to NH3.3.0.GA

##### Possible Breaking Changes #####
* [NH-2214] – SQL Server 2005/2008: Exception is now thrown when paging a statement that requires distinct results, and is ordered by a column that is not included in the result set of the query
- Dialog.ExtractColumnOrAliasNames method signature and visibility changed – may affect custom dialects that use this method
* [NH-2950] – IAccessCallback.NextValue property renamed and changed to a method called IAccessCallback.GetNextValue()
* [NH-2953] – SequenceStyleGenerator now forces use of a table if a pooled optimizer is chosen and the dialect doesn’t support pooled sequences.
* [NH-2960] – Queries for an entity name will now not include instances of the same class mapped using a different entity name.
* [NH-2664] – IHqlExpressionVisitor has new property ISessionFactory SessionFactory { get; }
* [NH-3067] – The use of Substring() in Linq queries have been corrected so the zero-based index parameter in C# is converted to one-based index in SQL.
* [NH-2528] – Throw exception instead of silently truncate string and blob data
* [NH-3086] – The base dialect now defaults to ANSI syntax for substring. A custom dialect may need to adjust for this.

Instalando pacote XAP no seu dispositivo Windows Phone 7

Se você é um desenvolvedor certificado Microsoft e tem um dispositivo desbloqueado com Windows Phone 7, encontrou um XAP legal na internet e quer instalá-lo no seu aparelho, basta seguir os seguintes passos:

Requisitos:

• Um dispositivo desbloqueado.
• “Windows Phone 7 Developer Tools” instalado no computador.
• Zune instalado e funcionando no PC.
• E o arquivo XAP que você deseja instalar.

Instruções:

• Siga para o Menu Iniciar.
• Na busca do menu iniciar digite: “Application Deployment”, e selecione-o.
• No campo “Target” especifique: “Windows Phone Device”.
• Clique em “Browse” e localize o arquivo XAP.
• Certifique-se que seu celular não está no modo de descanso, está conectado no PC, via cabo usb, e o Zune está aberto.
• Clique em “Deploy”.
• 

Referência: http://www.addictivetips.com/mobile/install-xap-files-on-your-windows-phone-7-device-how-to-guide/

Battery Status para Windows Phone 7

Em busca de um monitor de status de carga da bateria para windows phone 7, encontrei o Battery Status.

Este aplicativo roda somente em dispositivos desbloqueados Windows Phone 7. O meu Lumia 800 é vinculado a minha conta de desenvolvedor e assim tem o “desbloqueio oficial”, e por isso está liberado para instalação de aplicativos diretamente do pacote XAP.

Se o seu aparelho é desbloqueado vale a pena conferir este app.

Link para DOWNLOAD Battery Status XAP no Blog Xda-Developers: http://forum.xda-developers.com/showthread.php?t=1328730

Screenshots:

Battery Status Live Tile

Histórico de Consumo

Settings

Encontrando bons aplicativos no Windows Phone Marketplace

Encontrar bons aplicativos no Marketplace é um processo demorado, precisa-se investir longos intervalos tempos na busca e seleção de bons aplicativos.
Para auxiliar nessa busca encontrei um ótimo aliado, é o site WP7 App List.
O site conta com:

• estatísticas do Marketplace
• Catálogo de Apps
• Games
• Ranking de Melhores Aplicativos
• Reviews

Link para o site: http://wp7applist.com/en-US/bestapps/

Adentrando ao Ecossistema Windows Phone 7

Acabo de adentrar/aderir ao ecossistema Windows Phone através da minha nova aquisição: Nokia Lumia 800 com Windows Phone 7 Mango, esperei este lançamento para poder continuar utilizando produtos com a qualidade Nokia, não cedi as tentações de comprar o Samsung Omnia W / HTC Titan ou qualquer outro smartphone com WP7.

A partir dessa nova aquisição também devo postar dicas e novidades relacionadas ao ecossistema Windows Phone.

De início já percebi uma imensa gama de aplicativos inúteis no marketplace, e a falta de aplicativos simples como um Medidor de Bateria com Live Tile, um Contador de Tráfego de Dados, que são importantes para quem faz uso diário de um plano 3G limitado.

Então como desenvolvedor Windows Phone, já iniciei uma busca para mudar pra melhor essa realidade.

 

Até a próxima.

Corrigindo o erro PathTooLongException ao instalar uma Extensão para Visual Studio 2010

Ao instalar a extensão do Chronos WPF (framework que facilita o desenvolvimento de belas telas MDI com WPF) , ocorreu um erro e a extensão não foi instalada, clicando em “View Install Log”, pude constatar o seguinte erro: “Install Error : System.IO.PathTooLongException: C:\Users\xxxxxxxxxxx\AppData\Local\Microsoft\VisualStudio\10.0\Extensions\Carlos Guzmán Álvarez\Chronos VisualStudio Item Templates\1.0\ItemTemplates\CSharp\1033\Chronos.VisualStudio.BasicWindowViewModel.zip”.

No blog do msn achei o seguinte post: http://blogs.msdn.com/b/quanto/archive/2009/05/26/what-is-a-vsix.aspx, conclusão: o arquivo VSIX é um arquivo ZIP renomeado para VSIX. Assim como os arquivos de documento do Office 2007 em diante (tente renomear um arquivo DOCX para ZIP e explore o arquivo por curiosidade). Durante a instalação o Visual Studio descompacta o conteúdo deste arquivo para: %LocalAppData%\Microsoft \VisualStudio\10.0\Extensions\<Company>\<Product>\<Version>.

Então para solucionar o problema fiz o seguinte:

1. Renomeei o arquivo para ZIP e descompactei.

2. Editei o arquivo “extension.vsixmanifest” e alterei a chave <Author></Author> de: <Author>Carlos Guzmán Álvarez</Author> para: <Author>CGA</Author>, abreviando.

3. Zipei novamente os arquivos, renomeei pra .VSIX e INSTALEI COM SUCESSO.

 

Fica a dica.

Link para download do Chronos WPF: http://chronoswpf.codeplex.com/releases/view/56640