Site Locaweb Locawebers
Assine nosso RSS

Exemplo de uso do nth-child seletor css

por em CSS,HTML,jQuery Nenhum comentário
Selecionar o terceiro elemento de cada lista, para alterar alguma coisa do css dele. Usar: .eq(3) é o mesmo que :nth-child(3), oq queremos é o 3n <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery('.lista li:nth-child(3n)').css('background','#f0f'); }); </script> <style type="text/css"> .lista { width: 180px; } .lista li { background: #f00; margin: 5px; width: 50px; height: [...]

Controlando show/hide com css – Deixando para o javascript apenas a troca de uma classe pai

por em Javascript Nenhum comentário
Boas =) A minha proposta aqui, é controlar toda a lógica do show/hide com css. Em vez de fazermos malabarismos com coisas como: document.getElementById("Carro").className = "invisivel"; document.getElementById("Moto").className = "invisivel"; document.getElementById("Pesados").className = "invisivel"; document.getElementById("Agrícolas").className = "invisivel"; document.getElementById("selecione").className = "invisivel"; document.getElementById(div).className = "visivel"; E ai, qndo tiver q mostrar mais de um elemento a cada option do [...]

Listando encoding dos arquivos pelo terminal

por em mac,Terminal Nenhum comentário
Um comando para listar pelo terminal, o encoding dos arquivos de determinada pasta. Mac-mini:lw_html5 william$ for file in *.php; do file --mime $file; done 404.php: text/x-php; charset=us-ascii archive.php: text/x-php; charset=utf-8 comments.php: text/x-php; charset=us-ascii footer.php: text/plain; charset=us-ascii functions.php: text/x-php; charset=us-ascii header.php: text/html; charset=us-ascii index.php: text/x-php; charset=utf-8 page.php: text/x-php; charset=utf-8 search.php: text/x-php; charset=utf-8 searchform.php: text/plain; charset=us-ascii sidebar.php: [...]

Novo tema WordPress em HTML5 do blog da Locaweb!

por em CSS,HTML,html5,wordpress Nenhum comentário
Acabei de colocar no ar o novo tema do blog da Locaweb. http://blog.locaweb.com.br/geral/novo-tema-do-blog-locaweb-e-um-presente-para-voce/ Eu fiz um FrameWork WP com base nesse tema, que tem Responsive Web Design, HTML5 semântico e limpo.. No post do blog da Locaweb, deixei um link para download desse tema base. Eu estou atuamente usando ele aqui no meu blog, com [...]

window.history.pushState javascript – trocando a URL usando api html5 em páginas carregadas com ajax

por em AJAX,Javascript,jQuery Nenhum comentário
Bem simples, só editei o trecho que era necessário para enviar um history.pushState, no final da requisição ajax, que carrega a página em uma div, sem dar refresh no restante do site. http://wbruno.com.br/2011/05/27/navegacao-sem-refresh-%E2%80%93-carregando-conteudo-ajax-em-div-2 $.ajax({ url: href, success: function( response ){ //forçando o parser var response = $( '<div>'+response+'</div>' ); var data = response.find('#content').html(); //apenas atrasando [...]

Flash chamando função javascript, e javascript chamando função do flash – ExternalInterface

por em as,Javascript Nenhum comentário
Boas galera! Precisei disso recentemente, e como não trabalho muito com flash, e nunca programei nada de verdade em ActionScript, pedi socorro ao mestre do flash: Thiago Cruz. No blog dele, ele já postou ótimos exemplos, de utilizar a class externalinterface, então deixo por aqui também, o exemplo do código fonte que ele fez para [...]

Adicionando widget de Últimos Posts com data no WordPress

por em PHP,wordpress Nenhum comentário
Registrando um widget do WordPress, para listar ultimos posts, com data. O widget padrão, não tem essa opção, então criei um novo bem simples. function ultimos_posts_display() { // print some HTML for the widget to display here echo '<div class="sidebar-box ultimos-posts"><strong>Últimos posts</strong> <ul>'; $recent_posts = wp_get_recent_posts(); foreach( $recent_posts as $recent ){ echo '<li><span>'.preg_replace( '/([0-9]{4})-([0-9]{2})-([0-9]{2})([\s0-9:]+)?/', '$3-$2-$1', [...]

Album de fotos com javascript – simples aplicação de esconde mostra

por em HTML,Javascript Nenhum comentário
Boas!! apenas para deixar registrado mesmo.. Album de fotos, baseado em um escode/mostra, com a propriedade display. Fiz em javascript puro, em poucos minutos. Foi mais dificil achar as imagens, e mais trabalhoso redimensionar elas, do que fazer o código js.. hehe Enfim, online: Demonstração script usado: <script type="text/javascript"> function id( el ){ return document.getElementById( [...]

Reescrevendo uma função nativa do javascript – apenas para não esquecermos que é possível.

por em Javascript Nenhum comentário
<script type="text/javascript"> var _write = document.write; document.write('1');//vai funcionar normal document.write = function(){ //não faz nada } document.write('2');//não vai funcionar document.write('2');//não vai funcionar document.write('2');//não vai funcionar document.write('2');//não vai funcionar document.write('2');//não vai funcionar document.write = _write; document.write('3');//voltou a funcionar </script>

Princípio de carousel de imagens com jQuery – Criando um plugin simples

por em carousel,jQuery,Opinião,plugin Nenhum comentário
Nos últimos meses, tenho usado bastante o efeito de carousel. Como todo programador, me incomodo de ter que ‘me repetir’. Ou ter que repensar uma lógica que já resolvi uma vez. Nem sempre ‘temos tempo’ de parar, analisar e otimizar oque estamos fazendo. Porém, devemos fazer isso. Fiz vários tipos de carouseis, porém por serem [...]
« Anterior — Próxima »

Switch to our mobile site