Ponto do Conhecimento

Para iluminar ainda mais a cabeça dos FrontEnd’s inicie a série de postagens com exemplos práticos e possíveis produzidos com CSS, HTML e JS, nos últimos padrões com o intuito de divulgar e difundir os avanços dos FrontEnd's. Alguns não utilizam o JS, o que pode ser observado a poderosa semântica do CSS3 e HTML5. Segue mais alguns exemplos, onde você poderá fazer estudos e análise: 1 - Um exemplo básico e criativo utilizando as três tecnologias: CSS, HTML e JS 2 - Uma bicicleta produzida com CSS e HTML, no projeto foram utilizados imagens sendo propriedade do CSS apenas a rotação das rotas e organização do conteúdo junto ao HTML 3 - Relógio produzido apenas com CSS e HTML, na publicação anterior foi mostrar um exemplo similar, porém com outras propriedades e design. 4 - Carrossel: Um exemplo genial que vem a mente os antigos telefone onde faziam uso desse métodos de rotação. Utilizando CSS, HTML e JS. 5 - Exemplo de ondas de sinais cadíacos produzida em CSS...

A C&C Studio manterá o programa Chat de Dúvidas e está lançando a 2º edição para o mês de Julho. Participe! Faça sua inscrição abaixo: Carregando...

Para iluminar ainda mais a cabeça dos FrontEnd's iniciarei essa série de postagens com exemplos práticos e possíveis produzidos com CSS, HTML e JS, nos últimos padrões. Alguns não utilizam o JS, o que pode ser observado a poderosa semântica do CSS3 e HTML5. Segue abaixo os primeiros exemplos, onde você poderá fazer estudos e análise: Neste primeiro exemplo mostra-se uma animação construída através de propriedades do CSS3. Utiliza-se apenas HTML e CSS. Que tal um relógio com CSS+HTML+JS? Neste exemplo é construído um relógio que opera em tempo real. Imaginou que seria possível uma calculadora construída apenas com HTML, CSS e JS? Sim! o sistema solar produzido apenas com CSS+HTML. A passagem do dia, também, somente, com CSS+HTML.

<acronym> Define siglas em HTML 4.01. (Desenvolvedores preferem utilizar a tag <abbr>); <applet> Define um miniaplicativo incorporado. (Ficou obsoleto em função da tag <object>); <basefont> Define as propriedads da font padrão para todo o texto do documento. (Apenas efeito visual); <big> Usado para tornar o texto maior. (Apenas efeito visual); <center> Usado para alinhar texto e conteúdo no centro. (Apenas efeito visual); <dir> Define a lista do diretório. (Ficou obsoleto em função da Tag <ul>); <font> Especifica o tipo de fonte, tamanho, e cor do texto. (Apenas efeito visual); <frame> Define uma janela particular dentro de um conjunto de "frames". (Fere princípios de usabilidade e acessibilidade); <frameset> Define um conjunto de frames organizado por múltiplas janelas.(Fere princípios de usabilidade e acessibilidade); <noframes> Texto exibido para navegadores que não lidam ...

Os tipos de documentos (Document Type Definitions – DTD) servem para verificar se um documento está corretamente escrito e assim garantir que a sintaxe e a gramática da linguagem de marcação será respeitada. A linguagem XHTML tornou obrigatório a definição do  !DOCTYPE> que corresponde às instruções para o navegador sobre qual a versão do HTML que a página foi escrita. Isso se dá através da referência que é feita para um DTD no qual especifica as regras da linguagem de marcação, dessa forma o navegador poderá processar corretamente o conteúdo.  Como poderemos ver em seguida o  !DOCTYPE> não corresponde a uma tag HTML. TIPOS DE  !DOCTYPE > HTML 4.01 Strict Este DTD contém todos os elementos e atributos, mas não inclui elementos de apresentação ou descontinuados, framesets também não são permitidos. HTML 4.01 Transitional Este DTD contém todos os elementos e atributos, incluindo os elementos de apresentação e descontinuados, framesets não são per...

HTML ou Hypertext Markup Language (Linguagem de formatação de textos) pode ser escrito em qualquer editor de texto. É uma linguagem de marcação de hipertexto e é usada para criar sites. É um formato padrão utilizado para o texto e  layouts  de páginas para web. Os arquivos HTML normalmente possuem a extensão HTML ou HTM. Bem como outras linguagens de programação os comandos possuem uma sintaxe própria. A estes comandos denominamos de TAGS. Para começar o desenvolvimento de sites, inicia-se primeiramente aprendendo HTML, tudo bem que é uma linguagem um tanto quanto estática, mas é preciso aprendê-la.

Trabalhando com 'canvas' o html5, uma boa aula.

Veja uma boa introdução a essa revolução no Html http://www.infowester.com/introhtml5.php