Dicadedica

Bootstrap 3 Cursos e Tutoriais Gratis Online do Youtube

Por webflow21 fevereiro 02, 2014

Uma nova tendência no desenvolvimento web é o desenvolvimento de sites multiplataformas, responsivo que se adapte em vários formatos de mídia, celular, tablet, mobile, smart tv e outros. Para facilitar esse desenvolvimento o Twitter lidera um projeto chamado Bootstrap que é um Guia de Interface de Usuário que permite utilizar componentes comuns utilizados em sites para agilizar esse desenvolvimento. Por exemplo, Grid de layout, botões, ícones, formulários etc.

Lista de componentes prontos em Bootstrap:

Glyphicons
Dropdowns
Button groups
Button dropdowns
Input groups
Navs
Navbar
Breadcrumbs
Pagination
Labels
Badges
Jumbotron
Page header
Thumbnails
Default example
Custom content
Alerts
Progress bars
Media object
List group
Panels
Wells

Curos de Bootstrap 2 oferecido gratuitamente pelo JCursos (Português)

Curso de Bootstrap 3 oferecido de graça pelo (Espanhol)

Tutorial de Bootstrap 3 - Oferecido gratuitamente pelo CodersGuide (Inglês)

Esses cursos são excelentes para dar um start nessa tecnologia, siga o blog e fique Ligado, novas tecnologias de desenvolvimentos e tendência de mercado serão indicados aqui.

Leia mais >>

Tutorial: Como Receber seus Outros Emails Pelo Gmail [Pop,Msn,yahoo...]

Por webflow21 junho 12, 2010

Aprenda a Receber seus Outros Emails Pelo Gmail [Pop,Msn,yahoo...]
Sábado, Junho 12, 2010
Achei fantástico, sempre considerei o gmail um o melhor sistema de gerenciamento de emails, agora posso continuar com minhas outras contas e usar minha interface preferida... GMAIL, é estou elogiando de mais, mais fazer o que? se você conhece outro melhor me fala que eu migro sem dó.

Configurando seu gmail para receber seus emails de outras contas:

   1. Acesse na sua pagina do gmail o ítem configurações;
      (fica do lado esquerdo superior da tela)
   2. Clique na aba contas;
   3. Role a página até "Adicionar outro endereço de e-mail";
   4. Preencha com os seus dados como no exemplo abaixo:
      Nome: [fulano de tal]
      Endereço de e-mail:[fulanodetal@yahoo.com]
      Endereço do destinatário da resposta (opcional) :[           ]
   5. Clique em salvar alterações
      (quando fizer isso o gmail ira enviar um email com um codigo para verificação da conexão )
   6. Va até a conta da qual você deseja receber o email e copie o codico de verificação
      EX:
      Código de confirmação: 12345678
   7. O resto nem preciso dizer mais vou, volte ao Gmail e cole o codigo e clique em verificar, ou apenas clique no link de verificação e pronto.

Para fazer o teste, basta enviar um email para sua adicionada, volta para a caixa de entradas do gmail seu email agora pode ser lido tanto pelo gmail quanto pela sua outra conta.

Já adicionei minhas 6 contas de email, ainda não conheço o limite máximo, ouvi dizer que existem alguns conflitos de codificação, aqui funciona muito bem por enquanto.

Lembrando, sitei apenas os sites Yahoo, MSN, Hotmail mais na verdade é aceito todos com o protocolo pop 3, na dúvida é só fazer o teste e comentar aqui no blog, ok!!!

Leia mais >>

Melhore a velocidade do seu blog

Por Mateus Tavares maio 13, 2010

Há uns dois meses, eu começei a tentar baixar a velocidade do meu blog (UFO Nordeste), e consegui (um pouco). Comecei com algumas dicas do @compulsivo e depois do @sergioestrella.

Agora eu ensinarei a vocês, leitores, como baixar (um pouco) a velocidade do seu blog.

A primeira dica, é otimizar o CSS do seu blog. Por isso eu aconselho a utilizar o Clean CSS. Siga os passos abaixo e otimize o CSS do seu blog.

Como prevenir é melhor que remediar, eu aconselho que você faça uma cópia do template do seu blog.

1º - Acesse o Clean Css.

2º - Com sua conta aberta no Blogger, escolha seu blog e vá em DESIGN > Editar HTML e copie o css do seu blog. O css vai até ]]></b:skin>.

Clique na imagem para ampliar.

3º - Assim que abrir a página do Clean CSS, cole o css do seu blog no local onde está indicado em vermelho CSS AQUI.

Clique na imagem para ampliar.

4º - No menu ao lado, selecione HIGH (moderate readability...) e em seguida clique em Process CSS.

5º - O seu CSS vai ficar assim:

Clique na imagem para ampliar

6º - Copie o CSS Otimizado e cole no lugar do seu Css convencional.

7º - Visualize para ver se não deu nada errado. Se não clique em SALVAR MODELO.

Em breve trago mais um tutorial sobre otimização de blogs.

Leia mais >>

Top 10 Melhores Dicas para Blogger de 2009 - (Retrospectiva Dicadedica)

Por webflow21 fevereiro 05, 2010

Hoje resolvi fazer uma retrô sobre as melhores dicas do Dicadedica para blogger de 2009, você encontra dicas de SEO, Tutoriais para edição do template, rede sociais, web 2.0, widgets e tudo de útil para o seu blog, Confira!!!

Widget Te linko de volta: Blogger, Hack, RSS_Feeds, Widget

Adicione um link no do dica dedica no seu blog e ganhe um link de volta altomaticamente, e disponibilize um widget que faz isso no seu blog para aumentar suas visitas.
Então para descobrir os últimos blogs que postaram links para suas postagens ou para sua página inicial ou add esse widget, apenas siga os seguintes passos...

Leia Mais.
Aprenda a posicionar elementos div usando CSS no Blogger

Você quer posicionar um widget, banner, texto ou qualquer elemento de página na tela usando CSS? isso parecia difícil e complicado, agora mais fácil, pegue seu código javascript ou Html de um widget contendo texto, formulários, banners, imagens ou qualquer outro elemento e ....

Leia mais.
Adicionar aos favoritos Crossbrowser e Flutuantes
Via twitter a seguidora @d20009 me pediu para criar um widget para add aos favoritos,
Adorei a idéia, e fiz várias tentativas, porém descobri que meu o código não funcionava no
Mozila Firefox porem descobri uma forma de fazer funcionar em todos os navegadores que testei e...
Leia mais.
Ocultando a barra Blogger com MouseHuver

Tutorial encina de forma rápida e simples como ocultar a navbar do blogger ao passar o mouse em cima, usando css e ...

Leia mais.
Miniatura das postagens e leia mais no rodapé do blogger

É só olhar no final das postagens do dicadedica que irá reparar nas miniaturas de outras postagens relacionadas ao assunto que se está lendo, este efeito é obtido usando um plugin widgets do site...

Leia mais.
Mini Joguinho de digitação para colocar no blog

É um ótimo widget que em um click estará instalado no seu blog, esse leve jogo ira prender a atenção dos usuários no seu blog aumentando o trafego e fazendo do seu e permitindo aos ...

Leia mais.
Como colocar imagens e banner entre as postagens do blogger?Este tutorial encina de maneira fácil como colocar imagens e banner no seu blog. Para isso você deve primeiramente fazer uma cópia de segurança do seu template no painel de controle do blogger, depois você...
Leia mais.
Seu blogger com botão add esta postagem ao diHitt
Mostrar quais postagens foram mais votadas no diHitt e ainda permitir aos leitores votarem nas suas postagens, leia este rápido tutorial que encina a colocar...

Leia Mais...
Aprenda sobre o efeto Goobo e como isso pode te ajudar a aumentar as visitas do seu blog Hoje tudo que aparece em programas de audiência tipo fantástico, bbb 10 e outros assuntos, os internaltas vão logo buscar sobre...

Leia Mais.
Tutorial ensinando a colocar botões <> no Blogger

Tutorial Deixando os links Mais Atraentes: "Postagens mais antigas" para Anterior Início e Próximo...
Leia mais.

Leia mais >>

Maneiras de fazer uma Antena Wireless Caseira

Por webflow21 dezembro 01, 2009

Estive precisando melhorar o sinal da minha wireless e eu não queria desembolsar nenhum centavo e a solução foi a partir de componentes recicláveis montar minha própria antana wireless, então pesquisei no youtube e encontre varias formas de fazer, a mais simples que encontrei foi a da lata de Nescal, mais tambem encontrei outras perolas como a de lata de leite ninho ou a lata de batatas prigles....

Não importa a lata, você vai precisa de um conector e um fio pigtatil ou outro generico, uma lata, algo para furar, algo para isolar e seguir um dos projetos do youtube que mostro logo aqui no Dicadedica e claro boa sorte!

Antena Wireless caseira com lata de (Batatas Pringles)

Wireless Antena de Lata de (Nescau) Vídeo tutorial Youtube

Sofisticada Antena wireless caseira 2.4Ghz com lata de (leite ninho ou farinha láctea)

Agora transforme uma antena wireless de 2dbi em 5dbi de forma rápida!

Podem postar sugestões, eu ainda não testei todos mais posso diser que a da lata de nescal funciona!!! teste e poste aqui sua experiência, valeu!!!

Leia mais >>

Tutorial Ícone Adicionar aos Favoritos Crossbrowser e Flutuante no Blogger

Por webflow21 novembro 20, 2009

Bom dia, ontem fui acionado via Twitter pelo (a) @d20009, com um desafio muito interessante...

"Como faço para usar aquele seu tutorial de imagens e icones flutuantes com um ícone para add aos favoritos no meu blogger?"

Adorei a idéia, e fiz várias tentativas, porem descobri que o código que funcionava no Mozila Firefox, não funcionava no internet explorer ai eu descobri um código crossbroser mais que era incompatível com o blogger e seria necessário hospedar um arquivo .js em um servidor aparte...

O mais importante é que descobri outro código que funciona perfeitamente, depois ajustei ele para ficar flutuante e coloquei a imagem da latinha com a estrela que já havia baixado no tutorial anterior e pronto.

Segue abaixo o script para ser add como widget (Elemento de página gadget) no painel de controle do blogger, ainda não testei no wordpress, mais acredito que não ha nada que impossibilite o seu funcionamento, se alguém testar avisa aqui pra galera ok....

Código do wídget

<script language="JavaScript" type="text/JavaScript">
function favoritos() {
if ( navigator.appName != 'Microsoft Internet Explorer' )
{ window.sidebar.addPanel("Muito mais do que dicas para
Blogs","http://dicas.dicadedica.com","");
}
else { window.external.AddFavorite("http://dicas.dicadedica.com","Muito
mais do que dicas para Blogs"); } }
// Fonte: dicasparablogs.com.br mais alterações do site dicas.dicadedica.com
</script>
<a href="javascript:void(favoritos());"><img title='Add aos favoritos' style='display:scroll;position:fixed;top:440px;right:-5px;'
src='http://img2.imagedash.com/1gZ9.png'
border='0'></a>

Se o código código anterior der problemas na instalação, instale este com as mesmas modificações...

Altere o que estiver em vermelho pelos paramentos do seu blogger:

Titulo do blog
Muitomais do que dicas para Blogs
Endereço do blog
http://dicas.dicadedica.com
Endereço da imagem
http://img2.imagedash.com/1gZ9.png

Pegue mais ícones grátis aqui
http://dicas.dicadedica.com/2009/07/colocando-imagens-banners-ou-icones-com.html

É isso ai até a próxima dica, você pode informar onde pegou este tutorial caso alguém pergunte foi aqui no Dicadedica. Me add no twitter ok!!! t+

Leia mais >>

SearchBox para Firefox e IE7+ - Código

Por Mateus Tavares outubro 22, 2009

Todos os navegadores atuais possuem uma SearchBox, invariavelmente localizada no canto superior direito da janela. Alguns deles como o Firefox e o Internet Explorer 7, permitem que sejam adicionados mais plugins de pesquisa além dos fornecidos por padrão.

Tá certo, o Opera também permite adicionar outros plugins de pesquisa, mas não com tanta facilidade quando o Firefox e o IE7, além disso, apesar da alta qualidade do browser, ninguém usa o Opera.

Existem várias formas de criar um Plugin de pesquisa personalizado para o seu blog ou site, encontrei vários métodos pesquisando no Google. Existem até páginas onde é possível gerar o código pronto para o Plugin. Testei, mas não gostei pois esses geradores hospedam o script e o ícone nos servidores deles, ai vai que sai tudo do ar e você fica com o plugin quebrado. Optei por usar a forma mais simples que encontrei, apenas adaptando as minhas necessidades.

O primeiro passo é adaptar o código abaixo conforme seu caso:

<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/" xmlns:moz="http://www.mozilla.org/2006/browser/search/">
    <ShortName>Nome do motor</ShortName>
    <Description>Descrição do motor</Description>
    <InputEncoding>UTF8</InputEncoding>
    <Image width="16" height="16">URL da imagem .ico</Image>
    <Url type="text/html" method="get" template="http://endereço do seu blog.blogspot.com/search?q={searchTerms}"></Url>
    <moz:SearchForm>URL do form de procura</moz:SearchForm>
    </OpenSearchDescription>

ShortName: É o nome que vai aparecer na lista;

Description: Pequena descrição do Plugin de pesquisa;

Image: Caminho para o ícone, estou usando o mesmo ícone que aparece na barra de endereços e nos favoritos, conforme mostrado neste artigo;

Endereço do seu blog: É o endereço do blog.

Url do form de procura: É o endereço do blog.

Salve o arquivo com a extensão XML e hospede em algum lugar, no meu caso eu utilizo o Drop Box para isso.

Depois será necessário adicionar pequeno trecho de código ao template do Blog, para que o Plugin seja descoberto pelo browser. Insira o código abaixo dentro da tag HEAD do template do seu blog, adaptando conforme o seu caso:

<link title="Titulo da SearchBox" type="application/opensearchdescription+xml" rel="search" href="http://CAMINHO_PARA_SEU_ARQUIVO/pesquisa.xml">

OBS: O campo title deve ser idêntico ao campo ShortName do arquivo XML salvo no servidor no passo anterior. Altere a URL para refletir o local onde seu arquivo XML está disponível.

Você vai perceber que não irá conseguir inserir o código diretamente no template, pra isso será necessário converter o código aqui e então colar o resultado obtido dentro da tag HEAD do seu template.

Depois disso se tudo deu certo, é só acessar seu blog e o Plugin será oferecido para instalação ao acessar as opções das SearchBox tanto no Firefox, como no Internet Explorer 7.

Obs: Kibado do UsuárioCompulsivo, exeto o código para editar.

Leia mais >>

Caixa de Pesquisa para Firefox e IE 7+

Por Mateus Tavares outubro 22, 2009

Crie uma caixa de pesquisa para Firefox e IE 7+, siga o tutorial da Mozilla e veja.

https://developer.mozilla.org/pt/Criando_plugins_OpenSearch_para_o_Firefox

Leia mais >>

Transformar foto em desenho usando Photoshop

Por Mateus Tavares outubro 10, 2009

Transforme suas fotos em desenho usando apenas o Photoshop e o Paint. Siga o tutorial abaixo e veja o belo resultado.

1º - Com o Photoshop já aberto, abra uma de suas imagens ;

2º - Pressione CTRL + J para duplicar a layer ;

3º - Pressione a letra D e selecione Filtro > Croqui > Fotocópia ;

4º - Pressione CTRL + A e abra o Paint ;

5º - Pressione CTRL + V e salve com a extensão .PNG ;

Leia mais >>

Detonando com CHEATS o NFSU2 Pc PS2 XBox GC

Por webflow21 agosto 02, 2009

Veja o tutorial com todas as trapaças para vencer o jogo, algumas são apenas para tornalo mais fácil outras para você garantir a vitória e se divertir com os códigos mais insanos para o jogo NFSU2 cheats codes

- Os truques abaixo são para as plataformas Computador (PC) Playstation (PS2) XBox e Game Clube (GC)

Detonando Need For Speed Underground 2 nas plataformas Pc, PS2, XBox e GC

Computador PC

Os códigos apenas têm efeito no carreira. Para usá-los, digite o código na tela onde aparece "Digite Enter", se fez tudo certo, deverá ouvir um ?beep? (buzina).

regmebaby Ganhe R$20.000 ao inicia o modo Carreira
regmybank Ganhe R$200 no modo carreira
opendoors Acesso a toda cidade

Meu preferido!

ordermybaby Ganhe R$1000 ao inicia o modo Carreira e libera o Skyline e RX8 no modo Quick Race

gimmevisual1 Libera os Visuais Upgrades Tier 1
gimmevisual2 Libera os Visuais Upgrades Tier 2
needperformance1 Libera os Peformance Upgrades Tier 1
needperformance2 Libera os Visuais Performance Upgrades Tier 2
goforoldspice Libera o Vinyl Old Spice
needmybestbuy Libera o Vinyl Best Buy
gotmycingular Libera o Vinyl Cingular Sponsor
gottahavebk Libera o Vinyl Burger King
gottaedge Libera o Vinyl Edge Sponsor
davidchoeart David Chor como patrocinador
shinestreetbright Shine Street como patrocinador
wantmyd3 D3 GTO
wannacapone Capone como patrocinador
gimmechingy Chingy como patrocinador
yodogg SnoopDogg como patrocinador
tunejapantuning JapaTuning como patrocinador

PS2

Esses códigos apenas têm efeito no modo Career. Para usá-los, digite o código na tela onde aparece "Press Enter", se fez tudo certo, deverá ouvir um ?beep? (buzina).

esquerda, esquerda, direita, quadrado, quadrado, direita, L1, R1

Ganhe R$1000 no modo Carreira e libera o Skyline e RX8 no modo Quick Race
cima, cima, cima, esquerda, R1, R1, R1, baixo

Ganhe R$ 200 no modo Carreira
R1, R1, cima, baixo, L1, L1, cima, baixo

Libera os Visuais Upgrades de Nivel1
L1, R1, cima, Dn, L1, cima, cima, baixo

Unlock all visual upgrades de Nivel 2
L1, R1, L1, R1, esquerda, esquerda, direita, cima

Libera os Visuais Performance Upgrades de Nivel 1
R1, R1, L1, R1, esquerda, direita, cima, baixo

Libera os Visuais Performance Upgrades de Nivel 2
baixo, R1, R1, R1, R2, R2, R2, quadrado

Libera todos os Circuitos
cima, cima, cima, cima, baixo, cima, cima, esquerda

Libera o Vinyl Burger King
cima, esquerda, cima, cima, baixo, esquerda, baixo, esquerda

Libera o Hummer H2 Capone
baixo, baixo, L1, L2, L1, L2, L1, baixo

Libera o Nissan Skyline
cima, direita, cima, cima, baixo, direita, baixo, direita

Libera o Navigator Chingy
cima, baixo, direita, cima, esquerda, baixo, direita, direita

D3 GTO
cima, baixo, esquerda, cima, esquerda, cima, direita, esquerda

Libera o ShineStreet Lexus IS300
cima, baixo, cima, baixo, baixo, cima, direita, esquerda
Libera o Vinyl Best Buy
baixo, cima, baixo, esquerda, L1, L1, L1, baixo

Libera todos os vinyls de Contest Car

XBox

Esses códigos apenas têm efeito no modo Career. Para usá-los, digite o código na tela onde aparece "Press Enter", se fez tudo certo, deverá ouvir um ?beep? (buzina).

esquerda, esquerda, direita, X, X, direita, L, R

Ganhe R$1000 no modo Carreira e libera o Skyline e RX8 no modo Quick Race
cima, cima, cima, esquerda, R, R, R, baixo

Ganhe R$ 200 no modo Carreira
R, R, cima, Dn, L, L, cima, baixo

Libera os Visuais Upgrades de Nivel1
L, R, cima, Dn, L, cima, cima, baixo

Unlock all visual upgrades de Nivel 2
L, R, L, R, esquerda, esquerda, direita, cima

Libera os Visuais Performance Upgrades de Nivel 1
R, R, L, R, esquerda, direita, cima, baixo

Libera os Visuais Performance Upgrades de Nivel 2
cima, cima, cima, cima, baixo, cima, cima, esquerda

Libera o Vinyl Burger King
cima, esquerda, cima, cima, baixo, esquerda, baixo, esquerda

Libera o Hummer H2 Capone
cima, direita, cima, cima, baixo, direita, baixo, direita

Libera o Navigator Chingy
cima, baixo, direita, cima, esquerda, baixo, direita, direita

D3 GTO
cima, baixo, esquerda, cima, esquerda, cima, direita, esquerda

Libera o ShineStreet Lexus IS300
cima, baixo, cima, baixo, baixo, cima, direita

carro Best Buy
baixo, cima, baixo, esquerda, L, L, L, baixo

Libera todos os vinyls de Contest Car

GAME CUBE