background preloader

Web

Facebook Twitter

Count. This lesson will teach you how to use the aggregate function COUNT().

Count

If you missed the Aggregate Introduction Lesson, please check it out now, as it explains many concepts used in this lesson! We will be using the "products" table that we constructed to display the use of MySQL's COUNT function. You can download the products.sql file from our website. If you are new to MySQL you will need to know how to Create a MySQL Table and Insert a MySQL Row first. Below is the MySQL table "products". Products Table: The COUNT function is an aggregate function that simply counts all the items that are in a group. Just as we did in the aggregate introduction lesson, we are going to GROUP BY type to create four groups: Music, Toy, Clothing and Food.

PHP and MySQL Code: <? Display: There are 2 Clothing items. If you would rather download the PDF of this tutorial, check out our MySQL eBook from the Tizag.com store. Expressões Regulares. Regex Tester – RegexPal. Livro Expressões Regulares - Uma abordagem divertida. Zen-Coding – Criando HTML como um ninja! Fala pessoal!

Zen-Coding – Criando HTML como um ninja!

Finalmente de volta com o blog. Hoje trago até vocês uma coisinha muito da legal: o Zen-Coding, apresentado à mim pelo meu amigo implementador Bernard de Luna. O que é o Zen-Coding? Segundo o próprio site: Zen Coding é um plugin de editores para codificar e editar HTML, XML, XSL (or any other structured code format) em alta velocidade. Zen Coding is an editor plugin for high-speed HTML, XML, XSL (or any other structured code format) coding and editing.

Como assim? Com o Zen-Coding você digita isso no seu editor: … aperta uma combinação de teclas, normalmente CTRL+E, e isso é automaticamente transformado em: Sistema de busca em PHP e MySQL com paginação. Hoje vou demonstrar como podemos criar um sistema de busca simples para o seu site.

Sistema de busca em PHP e MySQL com paginação

O sistema de busca aqui explicado consiste em duas coisas: o formulário de busca, que pode ir em qualquer lugar do seu site (topo/lateral) e a página de resultados da busca, que exibirá um resultado parecido com o do Google. A busca será feita no título e no conteúdo das notícias cadastradas no banco de dados, em uma tabela chamada notícias. Veja um exemplo (imagem) de como ficará o resultado da busca sem CSS. Veja o código de criação da tabela: As colunas da tabela serão: id, titulo, texto, ativa (1 ou 0), e cadastro (AAAA-MM-DD HH:MM:SS).

Esta é uma estrutura simples de uma tabela de notícias, e você vai precisar adaptar o script para a sua tabela caso queira usar uma pronta. Vamos ao formulário de busca: MooTools - a compact javascript framework. Create a new Fiddle - jsFiddle - Online Editor for the Web (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS) W3Schools Online Web Tutorials. Posicionando texto ao redor das imagens. Antigamente muitas pessoas faziam isso com tabelas, se criava uma célula, onde se colocava a imagem, e na célula ao lado, era colocado o texto, e tinha-se a ilusão de que o texto estava fluindo ao lado da imagem.

Posicionando texto ao redor das imagens

Fazer isso com CSS é muito simples, usaremos a propriedade float . O nosso HTML fica da seguinte forma: <img src="logo.jpg" alt="Pinceladas da Web" /><p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum at purus sed erat lobortis suscipit. Cras facilisis viverra wisi. Se você quiser que a imagem fique alinhada a esquerda e o texto flua a sua direita, é só definir a propriedade float como left, isso quer dizer que a imagem irá flutuar a esquerda, seu CSS deverá ficar da seguinte forma: Aqui é importante definir valores para margin para que o nosso texto não fique colado na imagem. Veja aqui um exemplo. Hex-to-RGB Color Converter. CSS3 . Info - All you ever needed to know about CSS3. HTML5 Demos and Examples. C?digo Fonte - O melhor conte?do para programadores. Quais as vantagens do HTML5 para o usuário comum?

Anteriormente, nos artigos “O que é HTML5?”

Quais as vantagens do HTML5 para o usuário comum?

E “HTML5 x Flash: uma guerra iminente?” , o Baixaki descreveu como funciona o HTML5 e quais as principais diferentes entre este e o Adobe Flash. No entanto, o que mudará em sua vida quando a tecnologia realmente vingar? Esse é o tema deste artigo e, com ele, você entenderá a razão pela qual o HTML5 é tão bem visto pelos desenvolvedores. O que muda? Um pouco sobre a linguagem: em termos simples, o HTML usa tags para estruturar as informações de um site. A principal mudança que talvez seja percebida pelos usuários seria a de você não precisar instalar diversos plugins para assistir a vídeos em diferentes formatos (dependendo do site eles são exibidos em Flash, QuickTime, Windows Media Player, etc.), assim como para exibir outros elementos da página que dependeriam dos mesmos plugins.

Em resumo, para os desenvolvedores, o HTML 5 deixa algumas tarefas mais simples e oferece outras maneiras de fazer as mesmas coisas. Online Apps. Hacking.