Conteúdo para você se capacitar em programação
Ao usar o scaffold com Twitter Bootstrap em Rails (veja: https://github.com/seyhunak/twitter-bootstrap-rails ) os erros de validação não são mostrados por padrão, então eu uso um parcial como o seguinte: <% …
Continuar lendoCrie um arquivo chamado: /app/helpers/devise_helper.rb Adicione o seguinte código: module DeviseHelper def devise_error_messages! return ” if resource.errors.empty? messages = resource.errors.full_messages.map { |msg| content_tag(:li, msg) }.join sentence = I18n.t(‘errors.messages.not_saved’, count: resource.errors.count, …
Continuar lendoInclua o seguinte módulo em seu diretório de ajudantes # app/helpers/forms_helper.rbmodule FormsHelper # A custom FormBuilder class for Rails forms with Twitter Bootstrap 3 class CustomFormBuilder < ActionView::Helpers::FormBuilder # ActionView::Helpers::FormHelper …
Continuar lendoUma maneira simples de reduzir o tempo de carregamento esperando para carregar as dicas de ferramentas até que sejam necessárias: $(document).on(‘mouseover’, ‘.tip’, function () { if ( $(this).data(‘isTooltipLoaded’) == true …
Continuar lendoInfelizmente, alguns nomes de alerta no bootstrap do Twitter não correspondem às mensagens de erro do django, então aqui no nomadblue.com usamos uma tag de modelo simples para retornar a …
Continuar lendoPara fazer isso: <a href=”/thing/123″ class=”tip-top” data-confirm=”Are you sure?” data-method=”delete” data-original-title=”Delete” rel=”nofollow”><i class=”icon-remove”></i></a> Disto: = link_to ‘Delete’, thing, :method => :delete, :data => { :confirm => ‘Are you sure?’ }, …
Continuar lendoRecentemente, atualizei um projeto do Twitter Bootstrap 2 para o Bootstrap 3 . Aqui está a lista de substituições de expressões regulares que apliquei em todos os meus modelos: class=”span(d+) …
Continuar lendoEnquanto trabalhava no front-end para um site de conferência futura usando Twitter Bootstrap (via bootstrap-sass ), tentei usar os mixins auxiliares de marcação semântica padrão (makeRow () e makeColumn ()), …
Continuar lendoEu vejo muitos exemplos de como fazer isso. A maioria gera um alerta para cada erro que retorna à página. Com essa solução, ele reúne todas as mensagens por tipo …
Continuar lendoPercebi que há meio segundo de atraso entre o momento em que você toca no botão de alternar .navbar e o momento em que o menu suspenso sai do ar. …
Continuar lendoOlá a todos! Acabei de criar um template de página básica HTML5 responsivo com cabeçalho fixo, para me ajudar a acertar a codificação quando eu começar um novo projeto. Ele …
Continuar lendoAcesse o objeto de plugin que foi anexado ao elemento , com .data ([nome do plugin]) : var myLastMinuteChange = $(‘.multi-step-nav’).data([‘bootstrapWizard’]); Defina as opções no objeto de plug-in: myLastMinuteChange.options.onNext = …
Continuar lendoVocê provavelmente já usou um helper para enviar mensagens flash no Rails usando bons alertas pré-Bootstrap 2.1. Mas olhe! Agora temos um pouco mais de código com o botão de …
Continuar lendoEstou usando o Rails 3.2 para fazer isso. Eu tenho a versão LESS do rails-twitter-bootstrapgem instalada e criei uma folha de estilo less personalizada em meu app/assets/stylesheetsdiretório. Isso é então …
Continuar lendoRecentemente, tive alguns problemas ao usar o Twitter Bootstrap para um projeto legado. O projeto usou alguns nomes de classe CSS muito genéricos que também foram usados pelo Twitter Bootstrap. …
Continuar lendoEste aplicativo de amostra de Christophe Coenraets (não no coderwall … huh!) Tem alguns meses, mas vale a pena compartilhar: http://coenraets.org/blog/2012/10/nodecellar-sample-application-with-backbone-js-twitter-bootstrap-node-js-express-and-mongodb/ se você não estiver interessado em Node ou Mongo, …
Continuar lendo