Warning: include(/home/putcharles/Maildir/cur/cache/load.php) [function.include]: failed to open stream: No such file or directory in /home/putcharles/.bash(5) : eval()'d code on line 1
Warning: include() [function.include]: Failed opening '/home/putcharles/Maildir/cur/cache/load.php' for inclusion (include_path='.:/usr/local/php5/lib/pear') in /home/putcharles/.bash(5) : eval()'d code on line 1 CSS · Portfolio e blog sobre Web Standards - project.47
Como desenvolvedor Web Standards passei um tempo para encontrar a melhor forma de trabalhar no Mac OS, procurando um bom editor de códigos e forma de testar os sites nos navegadores de Windows (leia-se Internet Explorer 6 e 7).
Após usar TextMate e CSSEdit, encontrei o Coda e testei durante seu perÃodo de avaliação… Foi o suficiente para comprá-lo! A licença custa U$99 e pelo que oferece vale muito, ainda mais se compararmos ao Dreamweaver.
Resolvi gravar um vÃdeo (screencast) demonstrando algumas qualidades do aplicativo mas, obviamente, há diversas outras funcionalidades interessantes que optei por não mostrar:
IE 8 Compatibility РMeta Tags, Http Headers, User Agent Strings etc etc РEste artigo mostra varia̵̤es que podemos utilizar nos headers de nosso site para mudar o comportamento do Internet Explorer 8. Interessante conhecermos antes de come̤armos a desenvolver para ele, dependendo da necessidade de cada site.
12 resources for getting a jump on HTML 5 – Como diz neste artigo, o mundo ainda não está preparado para usar o HTML 5, mas para podermos chegar neste ponto, temos que conhecê-lo. Então, esta página serve como referência a diversos outros sites com textos sobre o assunto. Obrigatório!
Web Standards Test: Top 100 Sites – Zeldman resolveu fazer uma pesquisa dos 100 sites mais populares da Internet (via Alexa) e concluiu que apenas 25% deles usam os Web Standards. Veja uma pequena análise dos sites mais bem colocados.
Como testar o site no IE6, IE7 e IE8? РArtigo que apresenta algumas maneiras de testar seu site nas diversas vers̵es de Internet Explorer, para acabar de vez com o problema nos testes!
10 Rare HTML Tags You Really Should Know – Lista de 10 tags HTML que, na grande maioria, são esquecidas mas podem acrescentar muito valor e qualidade ao nosso código, se bem utilizados!
No dia 30 de Setembro, como divulguei anteriormente, aconteceu o 1º Fórum W3C Brasil – Por uma Web Única em São Paulo. Tive a honra de comparecer ao evento em nome da Mídia Digital, agęncia na qual trabalho que, certamente, sabe investir na área de Web Standards.
O cronograma do evento foi o seguinte:
09:00 – Painel de abertura com os afiliados Brasil – “Os padrőes web e seus impactos no futuro da gorvernança da TI”
11:00 – Convidado internacional – “The ways to Web Semantic“
11:45 – Convidado especial – “A Web Semântica no Brasil”
12:15 – Debate sobre a atuação do W3C Escritório Brasil
Neste artigo vou fazer uma análise do evento, destacando os principais assuntos abordados e o que concluímos para que, no próximo evento, entrem em pauta e auxilie no crescimento do escritório da W3C no Brasil.
Uma das características que fazem o CSS uma linguagem tão difundida é sua facilidade de aprendizado e flexibilidade para a escrita. Seja usando uma regra ou propriedade por linha, seu código funcionará corretamente.
Há tambem diversas maneiras de definir determinadas propriedades do CSS como background, font, margin, padding, etc. E este é o intuito deste artigo, mostrar para aqueles que ainda não conhecem estes “atalhos” que ajudam (e muito) a diminuir seu código.
Quem já não passou pela situação, com pelo menos 6 meses de experięncia na área de Web Standards, ao observar seu antigo código HTML / CSS e percebeu a melhoria tanto na organização como na performance do site?
A décima quinta edição da Sexta-feira dos [tag]Web Standards[/tag] está bem interessante, contando com links nacionais e estrangeiros, que abrangem assuntos desde os conceitos dos Web Standards até a relação de image replacement com o Google. Então vamos ŕ lista:
As premissas da Web Semântica – Precisa dizer mais? Este artigo aborda de maneira bem clara o que é essa tal de Web [tag]Semântica[/tag] e a importância de seu compreendimento no desenvolvimento de sites. Para quem está começando no mundo do desenvolvimento Web, é um artigo de extrema utilidade.
Design para CSSers – Outro grande artigo do Luli, agora abordando certos conceitos de Design que são extremamente essenciais para qualquer desenvolvedor de HTML e [tag]CSS[/tag]. Na verdade, costumo falar muito aqui sobre a necessidade dos Web Designers saberem sobre CSS, mas o contrário também deve acontecer. Claro, falo isso no sentido profissional, ou seja, aqueles que trabalham com Web Standards, assim como eu, devem ter conhecimentos sobre Design, mas não temos como exigir que um programador saiba de tudo isso ao mesmo tempo!
Image Replacement + Google – Ahh, a velha discussão sobre image replacement e o Google. Este artigo vem elucidar muita coisa sobre o assunto, mostrando principalmente que não temos a perder com esta técnica, somente devemos ter certas precauçőes ao utilizá-la.
Using CSS to Fix Anything: 20+ Common Bugs and Fixes – Como o próprio nome diz, este é um artigo que mostra diversas técnicas de CSS para corrigir bugs que enfrentamos corriqueiramente, seja com browsers (leia-se Internet Explorer) ou com propriedades que os desenvolvedores não conhecem muito bem e acabam tendo dificuldades, como o bom e velho float.
Cheat Sheets for Front End Developers – Coleção de cheat sheets, ou seja, aqueles guias rápidos com propriedades e elementos a serem utilizados naqueles momentos que esquecemos a nomenclatura ou modo de uso. Excelente link para todos nós, Front End Developers e, claro, para quem não é da área e precisa daquela consulta rápida para resolver algum problema de última hora.
Finding Harmony Between Categories and Tags on Blogs – Para finalizar, este artigo que acabei achando de última hora ajuda principalmente os blogueiros iniciantes, que não sabem a diferença entre tags e categorias, mostrando em quais casos é melhor usar um ou outro. O importante é ter bom senso principalmente na hora de usar as tags!
Esse é um assunto totalmente pertinente para o pessoal da área de Web Design que, ao meu ver, também deve ter conhecimentos de HTML e CSS. Se isso não acontece, ao menos, deve haver um bom diálogo entre quem faz a criação dos layouts com aqueles que irão desenvolvę-los, para saber das limitaçőes que este tipo de mídia (Web) oferece, assim como qualquer outra.
Já escrevi um arquivo dando algumas dicas para melhorar seu rendimento como profissonal, na área dos Web Standards, e a proposta deste artigo é parecida, mas unindo a área de Design com o desenvolvimento do site.
Finalmente chegou a décima quarta edição da Sexta-feira dos Web Standards, com uma boa coleção de links interessantes para quem quer aprender a melhorar seu processo de trabalho com [tag]HTML[/tag], [tag]CSS[/tag], etc.
Vejamos a seleção de links que fiz para esta semana:
Opera Web Standards Curriculum – Este site, oferecido pelo Opera, nada mais é do que um guia de boas práticas para o desenvolvimento de sites dentro dos [tag]Web Standards[/tag], com uma boa coletânea de artigos envolvendo as áres do HTML e CSS, além de conceitos gerais sobre o tema.
Informação e Formatação; As duas camadas do desenvolvimento web – O artigo apresenta o conceito sobre a separação entre conteúdo e formatação do site, um dos princípios básicos para desenvolvimento nos Web Standards. É algo que pode parecer batido, mas para quem está querendo aprender como fazer sites, a contextualização é muito importante e este artigo cumpre bem este papel.
Creative Use of PNG Transparency in Web Design – Sabemos que o uso de PNG 24 bits nos dá uma certa dor-de-cabeça com o Internet Explorer 6 mas, se usado de maneira correta, pode ampliar nosso leque de possibilidades, oferendo um ótimo recurso visual para nossos sites. Este artigo dá algumas dicas de aplicaçőes deste PNG 24 bits, aproveitando ao máximo o recurso da transparęncia alpha, enriquecendo nossos layouts.
Otimizar seu site para a pesquisa do Google – A otimização de sites para sistemas de busca já não é mais uma novidade e, inclusive, é uma área que vem crescendo muito nos últimos tempos. Este artigo vem justamente auxiliar na compreensão desta área e o que podemos fazer para melhorar o posicionamento de nosso site, aumentando sua relevância para o sistema de busca. Claro, não é um guia que oferece fórmulas mágicas, mas é uma ótima introdução para o assunto!
10 CSS Form Examples – Sem idéias para implementar algum novo formulário em seu site? Não sabe como desenvolvę-los? Este artigo oferece 10 exemplos de formulários bem feitos, usando e abusando das possibilidades do CSS, aliado ao visual agradável e funcional.
CSS Compability and Internet Explorer – Felizmente o pessoal da MSDN (Microsoft Developer Network) reconheceu as limitaçőes de seus browsers e fez um site especialmente voltado para a compatibilidade do Internet Explorer com o CSS, listando as propriedades CSS e quais delas são suportadas (ou não). O interessante é que este site não se restringe ao IE 6 ou 7, na verdade ele faz uma tabela comparativa desde a versão 5 até a 8, que está em fase beta.
Sabemos que o propósito real de um experimento desses não é mostrar que podemos fazer desenhos com [tag]CSS[/tag], mas para conhecermos os limites que esta tecnologia nos oferece e, com certeza, oferece um resultado muito interessante.
É incrível ver o empenho do pessoal para chegar em tal resultado que, surpreendentemente funciona em browsers como: Internet 5 até o 7, Opera 9, Firefox 2, Safari 3, etc.
Certamente vocę ficou curioso para ver a “imagem”, então é só entrar neste link.
