Categorias
O que é um Wireframe? Wireframe é um protótipo usado em design de interface para sugerir a estrutura de um site, aplicativo ou sistema de informação. Um wireframe é uma ilustração semelhante ao layout e elementos fundamentais da interface. Normalmente, wireframes são concluídos antes que qualquer trabalho artístico seja desenvolvido, tendo como principal objetivo a […]
Importante! Esta aula é continuação de Bootstrap – Starter Template. Se você ainda não sabe como adicionar o Bootstrap em sua página ou site, então veja a aula anterior. Quando iniciamos um site, precisamos planejá-lo. Algumas ferramentas de wireframe podem nos ajudar nesta ação, na qual podemos desenhar a estrutura e criar protótipos das páginas […]
O Bootstrap é uma popular biblioteca usado para criação de sites responsivos. O Bootstrap foi desenvolvido pela equipe de Twitter como uma forma de padronizar o desenvolvimento das diversas aplicações criadas por eles. Logo, a ideia de criar uma biblioteca para auxiliar desenvolvedores web se mostrou tão excelente que o Bootstrap se popularizou rapidamente. O […]
Download disponível no final do artigo, bons estudos! Aqui no blogson você pode ver uma aula sobre como vídeos em suas páginas HTML, acesse aqui. Em dos meus projetos na AppWinner Criação de Sites em WordPress precisei criar uma janela modal para executar um vídeo. No entanto, o grande problema não era apenas criar a […]
Sejam bem vindos novos alunos do curso de Desenvolvimento de Software da Etec Atibaia. Neste curso temos uma boa carga de disciplinas voltadas para Web, sendo a principal delas a PW I (Programação para Web I). Este artigo lista todo o conteúdo aprendido até aqui. Estrutura básica do HTML 5 Toda vez que vamos começar […]
Entenda e Aprenda a como criar tabelas com HTML a aprenda como estiliza-las usando BootStrap CSS. Exemplo completo no final do artigo.
Unicodes são padrões de caracteres usados na computação e são representados por números Hexadecimais. Os unicodes HTML são símbolos padrões que podem ser interpretados por qualquer navegador de internet moderno. A lista abaixo mostra a tabela de símbolos de setas. Como usar uma seta HTML O uso da tabela abaixo é muito simples, basta copiar […]
O código a seguir permite limitar a quantidade de caracteres que serão exibidos em um texto. Usamos a função substr() do PHP. $texto = “coloque um texto grande aqui”; $tam = strlen($texto); // Verifica o tamanho do texto. $max = 400; // exibirá apenas os 400 primeiros caracteres de um texto. if($tam > $max) // […]
A API accuweather A API da accuweather oferece uma forma simples de colocar dados da condição climática e temperatura da sua cidade em seu site. A API utiliza de uma estrutura jSON. Para ter acesso aos dados jSon da cidade de Atibaia por exemplo, acesse o endereço; http://apidev.accuweather.com/currentconditions/v1/36728.json?language=pt&apikey=hoArfRosT1215 Você verá estas informações; Como obter dados […]
Para ler um arquivo ou uma estrutura de dados jSON usando jQuery é muito fácil. Aprenda a usar o $.get do jQuery De acordo com a Documentação do jQuery, uma das formas de ober valores de uma saída jSON externa a sua aplicação WEB é usando o seletor $.get, sua sintaxe é a seguinte; $.get( […]
Quando copiamos imagens dos bancos de imagens, normalmente No projeto de um site é importante usar imagens de boa qualidade e o mais importante; que tenha direito de uso. A maioria das imagens encontradas no Google não oferecem direito de imagem e isso pode ser um grande problema, a solução é pesquisar imagens em bancos […]
Se você ainda não conhece a biblioteca CSS Animate.CSS, veja a aula aqui – Criando animações em seu site com animate.css Esta biblioteca demonstra nos seus exemplos como criar efeitos durante o carregamento de um elemento, no entanto, podemos também criar efeitos após o elemento já estar carregado na página, um exemplo é um efeito […]
Em projetos de web sites é sempre importante usar boas imagens. O problema é que muitas das imagens disponibilizadas no Google possuem algum tipo de direito autoral, situação esta que cabe processo em esfera internacional, o autor pode cobrar por uma licença de uso ou alguma espécie de royalties, além de multas pelo uso indevido. […]
Fala pessoal! Que tal se tornar um dos profissionais mais badalados na área de desenvolvimento WEB? WordPress atualmente é a plataforma mais utilizada para criação de sites e gestão de conteúdos. Com salários que variam entre R$ 1.500 até R$ 7.000,00 atualmente os desenvolvedores WordPress são disputados pelas principais agências digitais do país. WordPress também […]
Existem na web diversos sites que oferecem o serviço de botões de compartilhamento. O que eu mais gosto, particularmente, é do SIMPLE SHARE BUTTONS que oferece um código livre para adaptações. No site do desenvolvedor, podemos ver um breve exemplo de utilizar o SIMPLE SHARE BUTTONS. Embora o site da SIMPLE SHARE BUTTONS apresenta um […]