Palestra W3C Br – Web em dispositivos móveis – Dicas práticas

Posted on novembro 17, 2011

aqui está a palestra de hoje de manhã na 3a conferência web W3C Brasil.

agradeço imensamente a presença de todos! sala lotada… super obrigada!

divirtam-se!
bjs,
ana laura

Palestra na conferencia W3C.BR: Web em dispositivos móveis: dicas práticas

Posted on novembro 08, 2011

Tem conferencia do W3C no rio, e eu vou estar lá:

Web em dispositivos móveis: dicas práticas

Dia 17/11, sala 04, 11h00

No período da tarde vou pilotar as mídias sociais durante a trilha sobre Acessibilidade Web. Mais perto do evento eu divulgo os acessos online para acompanhar de qualquer lugar do mundo!

Não conhece a conferência? Veja:

Durante os dias 17 e 18 de novembro de 2011, na cidade do Rio de Janeiro, profissionais, pesquisadores e apaixonados pela estarão na 3a Conferência Web W3C Brasil para debaterem a plataforma aberta da web.

O maior repositório de documentos que a humanidade já conseguiu publicar, reunir e dele fazer uso para pesquisa é hoje também um dos maiores e principais ambientes de comunicação da história. Estima-se que 1 bilhão de pessoas estão conectadas à rede de computadores mundial e se comunicando através da Web. Compartilham conhecimentos, comunicam-se entre familiares e amigos, estabelecem transações comerciais, acessam serviços públicos, cidadãos interagem com governos, relações pessoais acontecem entre continentes à distância da janela de um browser. Conectar o próximo 1 bilhão de pessoas é o caminho da evolução da web, propósito que será atingido mantendo a sua plataforma aberta.

O debate atual da plataforma aberta da web pauta a necessidade de mantê-la tal como nos primórdios: aberta, universal e em contínuo desenvolvimento. Um sistema descentralizado onde qualquer pessoa ou organização pode se integrar e estabelecer vínculos, um ambiente não centralizado e não controlado por qualquer organismo em particular. Uma plataforma em que a transparência do código (HTML) e a identificação em rede (URL) sejam relacionadas e transferidas livremente.

Cumprindo extensa programação (http://conferenciaweb.w3c.br/programacao/) diversos palestrantes de todas as regiões brasileiras apresentarão os mais variados temas, desde as útimas novidades no HTML5 e CSS3, até debates sobre usabilidade, acessibilidade, arquitetura da informação, web semântica. Dentre os detaques a presença de Philippe Le Hégaret, líder das atividades de tecnologias de interação no W3C, como HTML5, CSS3, SVG, vídeo na web, internacionalização, fontes na web, entre outros. Le Hégaret foi o primeiro desenvolvedor do validador de CSS em 1997, coordenador do grupo de trabalho DOM (Document Objet Model) e líder da área de arquitetura no W3C, grupo responsável pelas principais tecnologias de XML e WebServices.

Não deixe de participar e divulgar.

3a Conferência Web W3C Brasil 2011
http://conferenciaweb.w3c.br/
17 e 18 de novembro de 2011
Rio de Janeiro, RJ
Centro de Convenções Sul América
Av: Paulo de Frontin, 1 – Cidade Nova – Centro
http://www.ccsulamerica.com.br/

bjs e vejo vcs por lá!
ana laura

logo oficial do HTML5

Posted on janeiro 18, 2011

logo oficial HTML5

muito, mas muito bacana mesmo!

confesso que a carinha dele está muito “milico” pro meu gosto, mas é muito moderna! adoro laranja! de qualquer forma, ele está licenciado CC3 e permite alterações… hummmm… quem sabe…

já entrei nos estudos do HTML5, já não era sem tempo, inclusive… e agora tem esse presentão dos caras… que legal!

essa é uma forma de divulgar e incentivar muito pertinente e eficiente!

não é apenas usar o logo, mas entender as especificações e escolher o melhor uso: http://www.w3.org/html/logo/

o próprio anúncio da notícia é uma festa [http://www.w3.org/News/2011#entry-8992]:

W3C Introduces an HTML5 Logo

18 January 2011

HTML5 W3C unveiled today an HTML5 logo, a striking visual identity for the open web platform. W3C encourages early adopters to use HTML5 and to provide feedback to the W3C HTML Working Group as part of the standardization process. Now there is a logo for those who have taken up parts of HTML5 into their sites, and for anyone who wishes to tell the world they are using or referring to HTML5, CSS, SVG, WOFF, and other technologies used to build modern Web applications. The logo home page includes a badge builder (which generates code for displaying the logo), a gallery of sites using the logo, links for buying an HTML5 T-shirt, instructions for getting free stickers, and more. The logo is available under “Creative Commons 3.0 By” so it can be adapted by designers to meet their needs. See also the HTML5 logo FAQ and learn more about HTML5.

Learn more about HTML5.

[o W3C anuncia hoje o logo HTML5, uma identidade visual marcante para essa plataforma web aberta. o W3C incentiva uauários pioneiros a usarem o HTML5 e darem retorno ao grupo de trabalho W3CHTML como parte do processo de normatização. Agora há um logo para aqueles que estão usando partes do HTML5 em seus sites, e para qualquer um que deseja dizer ao mundo que eles estão usando ou fazendo referência ao HTML5, CSS, SVG, WOFF e outras tecnologias na construção inovadora de aplicações Web. A página inicial do logotipo inclui um construtor de "badge" (que gera o código para exibir o logo), uma galeria de sites que utilizam o logo, links para comprar camisetas do HTML5, instruções para ganhar adesivos, e muito mais. O logo está disponível sob licença "Creative Commons 3.0" para que possa ser adaptado por designers para satisfazer as suas necessidades. Veja também as seções perguntas frequentes sobre o logoaprender mais sobre o HTML5.]

divirta-se!

:)

bjs,
ana laura

quando implementar melhorias tecnológicas em projetos web?

Posted on dezembro 10, 2009

criança com cara de dúvida

ó duvida cruel…

estamos já com uma porção de gente usando HTML5, mas nem está homologado ainda…

já tem uma porção de gente usando o CSS3, mas também não está fechado ainda…

somos _mesmo_ a sociedade imediatista da qual o gil giardelli tanto fala… ô dó…

*

bem, tratando-se de projetos web, temos que lidar com a realidade, sempre! o quanto nos custa tanta velocidade? é viável?

para nos ajudar a responder a estas questões é sempre bom lembrar que os navegadores que usamos estão também caminhando nesta direção… portanto o uso das novas tecnologias deve estar sempre de olho nas tabelas de referências de compatibilidade de tecnologias que relacionam “o-que-funciona-na-onde”. com as listadas abaixo:

outro lembrete importante é: não obrigue o seu usuário a atualizar-se… tem gente que nem sabe o que é um navegador!! conheça o seu público! :) acho que já disse isso umas dezenas de vezes… mas este sempre é o ponto mais importante. sua geladeira não fica pedindo para você fazer nada, ela dica apenas lá, funcionando. a tecnologia deve ser transparente para o usuário.

com estas duas idéias na cabeça fica mais fácil tomar determinadas decisões.

agora, se você ainda está em dúvidas… fique tranquilo, dúvidas todos temos!

bjs,
ana laura

03 de dezembro – Dia Internacional das Pessoas com Deficiência

Posted on dezembro 03, 2009

#acessibilidade

no parágrafo abaixo há um texto:

este é um texto que só será acessível para cegos. isso porque o leitor de tela lê o que está no código da página, ele não liga a mínima que estou escrevendo um texto branco com fundo branco !!! lembro do MAQ (da acesso digital) ter contado esta história uma vez, só que era texto preto e fundo preto… hehehe

hehehehehe

este é o princípio usado pelo site do w3c brasil para sensibilizar as pessoas para a acessibilidade! na hora do almoço era uma página toda preta, onde você só enxerga o que era iluminado ao pressionar a tecla TAB. agora está tudo com a letra bem grandona! (a míope de carteirinha que vos escreve achou o máximo!)

página do site do w3c no dia da acessibilidade

já declarei o meu amor e respeito ao trabalho da equipe do acesso digital (e também à equipe propriamente dita! te amo leda!! você é D+) e este é e será sempre um tema recorrente por aqui… ao menos enquanto for necessário… espero que um dia a acessibilidade passe a ser tão normal que não será mais necessário criar um dia só para ela!!!

limitação todos temos, ou teremos… não pense que é apenas “uma pequena parcela da população com necessidades especiais”. eu estou ficando velha, mas todos vocês também estão!!! hahahaha respeito é a palavra de ordem, por quem fomos, somos e seremos. e vale para o outro também!

meu eterno amor e comprometimento à causa.

*

o vídeo da vez é o francês:

*

o vídeo de sempre é da acesso digital:

*

um blog muito legal: http://www.lincolntavares.blogspot.com/

*

o fantástico MAQ _ me emocionei muito ao encontrá-lo pela primeira vez, perna bamba e tudo! hahaha: http://bengalalegal.com/index.php

*

o eterno genial: http://blindtube.com.br/

página inicial do site blindtube

*

e mais tudo o que eu já disse por aqui, no webD+

*

bjs,
ana laura

*********

em tempo: olha só que o modelo “apagão” voltou e deu tempo de um “print-screen” básico :)

uma das "caras" do site w3c brasil: apagão - sensibilização para acessibilidade

uma das "caras" do site w3c brasil: apagão - sensibilização para acessibilidade

as coisas só são "iluminadas" ao se pressionar a tecla TAB

as coisas só são "iluminadas" ao se pressionar a tecla TAB

as coisas só são "iluminadas" ao se pressionar a tecla TAB

as coisas só são "iluminadas" ao se pressionar a tecla TAB

1 conferência web w3c brasil – alguns dados

Posted on novembro 25, 2009

foi D+ !!

uma das coisas que me impressionou foi a participação pelo twitter… perdemos só para o presidente!!

dados da conferencia no twitter

neste momento estavam acontecendo o painel “a web como fenômeno social e objeto de estudo”, com wagner meira, simone barbosa, sergio amadeu e daniel schwabe e o tutorial “metodologia para avaliação de acessibilidade em sites”, com leda spelta e horácio soares.

estava moderando o chat muito quente sobre o painel e acompanhando o que acontecia na sala ao lado pelo twitter… quase infartei quando os tuites narraram a emoção do apagão e da navegação somente com leitor de tela… pude sentir a emoção da galera. isso tudo só aumenta minha paixão pela leda, o horácio e o trabalho maravilhoso que eles fazem!! só faltou o MAQ!!

enquanto o horácio não coloca a palestra no site dele, vamos curtindo por aqui:

(o link da palestra foi enviado por twitter… D+)

a grande dica é que padrões e acessibilidade andam de mãos dadas!

acredito que o lado da acessibilidade é o ganho mais significativo e palpável de se trabalhar com um código limpo e dentro dos padrões… e quem duvida que além de tudo estes projetos ainda nõa possam ser bonitos, visitem os sites da BBC!!

acompanhem o que mais rolou na conferência pelo site: http://conferenciaweb.w3c.br/programacao.

vamos esperar ansiosos pela próxima no ano que vem!

bjs,
ana laura

1a conferência web w3c brasil

Posted on novembro 24, 2009

ontem e hoje …. direto da conferência!

formas de acompanhar:

twitter – #webbr2009

transmissão ao vivo – www.iptvcultura.com.br/w3c

só para vcs terem uma idéia do que está rolando:

- ontem a transmissão foi da sala sobre ontologias, conheça mais um pouco sobre o tema

outra palestra da tarde – bbc

mais tarde tem mais!!

divirtam-se!!

bjs,
ana laura

História da internet

Posted on setembro 07, 2009

ok, seria dia de história do brasil… mas achei este vídeo tão legal!!! divirtam-se!

bjs,
ana laura

ps – tem horas que entra a legenda em português, tem horas que entra em inglês… codiloco!!

ps2 – para trocar a legenda: passe o mouse sobre a seta para cima mais à direita da janela do vídeo e siga a sequência conforme indicado na figura abaixo.

legenda_youtube

W3C & IE8 >> Café com Browser

Posted on agosto 24, 2009


isso aê! mais uma edição do café com browser!

na sexta feira dia 21/ago/09, o W3C reuniu um navegador e desenvolvedores/players da web para um bate papo.

tenho a impressão de que tinha mais gente do lado de fora do que do lado de dentro!! o twitter e o streaming do evento bombaram!!! foi muito legal!! o navegador convidado de honra era o tão falado: IE8.

ie8

e querem saber? só foram agradáveis surpresas! estive falando com o Pedro Bojikian e assumi o meu lado FF, mas nem por isso ele deixou-se abater ou perdeu a simpatia! faço aqui o meu mea-culpa e deixo registrado que gostei muito do danado!! ainda amo o firefox, mas vou usar tb o IE8!!

a microsoft tem uma forma muito bacana de ver a internet, segundo pesquisas:

  • em 80% dos casos, as pessoas navegam por páginas já vistas…
  • 19 das 20 ações mais importantes da web baseiam-se na navegação (clicar no link, atualizar, voltar)
  • copiar é a única das 20 que não é navegação

outro detalhe importante, que foi tendência de mercado e o IE8 seguiu, é com relação à velocidade dos navegadores (teste feito pela unesp). todos estão mais rápidos… portanto, a “pegada” do IE8 é com relação à experiência de navegação do usuário.

ele tem uma porção de coisas fofas:

  • janelas de preview com imagens,
  • webslices (um feed de RSS só que visual)
  • mini aplicativos (galeria de complementos)
  • possibilidade de apagar páginas individuais do histórico,
  • modo de navegação seguro (os meninos do twitter estavam chamando de “porn mode”… nunca tinha ouvido falar… mas parece que é uma forma de navegar sem manter registro no histórico do navegador)
  • suporte a alguns recursos de HTML5 e CSS3
  • bom, mas o que eu gostei de fato é o F12 !!

hahahaha verdade, de qualquer site você pode apertar o F12 e entrar no modo de desenvolvedor!! fácil, fácil você arruma pequenos problemas… quem sabe até os grandes! olhem que legal! mesmo o site estando on-line, você tem a resposta de sua alteração:

modelo original

modelo original

modelo com o CSS do elemento Body desligado

modelo com o CSS do elemento Body desligado

modelo com o valor do atributo alterado

modelo com o valor do atributo alterado

é muito bacana isso… bom, ao menos para quem é desenvolvedor… tem outras possibilidades, mas esta me encantou de fato!!

tem tb uma lista de compatibilidades que você pode ver aqui.

confira como foi o evento:

internet explorer 8 (até agora de tarde ainda nào tinha o streaming, devem colocar daqui a pouco…)

firefox

opera

o gerente do escritório, vagner diniz, promete mais… vamos aguardar!!!

acompanhem pelo twitter:

o meu: @analauragomes

o do w3c: @w3cbrasil

voz da galera: #cafecombrowser

bjs,
ana laura

Museu de nerd: CERN

Posted on julho 27, 2009

este deve ser muito legal de visitar…

além de ser o berço da Web, pois era neste instituto onde o Tim Berners-Lee trabalhava quando criou e disponibilizou as 3 tecnologias elegantes da Web, é lá onde está instalado o maior acelerador de partículas do mundo.

uns prós e outros contras, acho legal é ir lá e ver tudo isso… tem visita guiada e tudo!!! hehehe

visitem o site enquanto a passagem não vem: http://public.web.cern.ch/public/

fui!!!!

bjs,
ana laura