O documento fornece dicas e soluções para problemas comuns enfrentados no desenvolvimento web para o Internet Explorer 6, como o bug do box model, double-margin bug, hover states, suporte a PNGs transparentes e hasLayout. Recomenda-se o uso de progressive enhancement, testes frequentes em diferentes navegadores e doctypes strictos para minimizar problemas.
Nesta apresentação, partilho contigo 3 Dicas de Video Marketing para te ajudar a fazer videos com mais qualidade e acima de tudo mais ENVOLVENTES.
Este tipo de apresentação é ideal para ti se estás a começar a fazer os teus primeiros vídeos!
Vê com atenção e subscreve a nossa lista para receberes mais dicas deste tipo e também para saberes como podes utilizar esses videos com um Blog e as Redes Sociais para teres Rendimentos acima da Média: www.igoretuxafonseca.com/mudardevidaint&ad=slideshare_3dicas
NUNCA DESISTAS DOS TEUS OBJECTIVOS OU SONHOS, MESMO QUANDO TE PARECE QUE É IMPOSSÍVEL.
ACREDITA SEMPRE QUE TAMBÉM TU QUE ÉS CAPAZ.
ESTE VIDEO DEMONSTRA O QUANTO É NECESSÁRIO E IMPRESCINDÍVEL A COLABORAÇÃO E INTER -AJUDA DAS DIVERSAS PARTES ENVOLVIDAS NO OBJECTIVO
INSCREVE-TE NA UNIVERSIDADE DA TRIBO AULA MAGNA MARKETING ONLINE.
É GRATUITO
Http://aulamagna-universidadedatribo.com
Programas Gratuitos para Vídeo MarketingSandra Borges
Se você pretende usar o Vídeo Marketing para divulgar seu negócio ou serviço, mas não tem como investir em programas para editar seus vídeos, aqui você encontra alguns programas gratuitos para editar vídeos.
Nesta apresentação, partilho contigo 3 Dicas de Video Marketing para te ajudar a fazer videos com mais qualidade e acima de tudo mais ENVOLVENTES.
Este tipo de apresentação é ideal para ti se estás a começar a fazer os teus primeiros vídeos!
Vê com atenção e subscreve a nossa lista para receberes mais dicas deste tipo e também para saberes como podes utilizar esses videos com um Blog e as Redes Sociais para teres Rendimentos acima da Média: www.igoretuxafonseca.com/mudardevidaint&ad=slideshare_3dicas
NUNCA DESISTAS DOS TEUS OBJECTIVOS OU SONHOS, MESMO QUANDO TE PARECE QUE É IMPOSSÍVEL.
ACREDITA SEMPRE QUE TAMBÉM TU QUE ÉS CAPAZ.
ESTE VIDEO DEMONSTRA O QUANTO É NECESSÁRIO E IMPRESCINDÍVEL A COLABORAÇÃO E INTER -AJUDA DAS DIVERSAS PARTES ENVOLVIDAS NO OBJECTIVO
INSCREVE-TE NA UNIVERSIDADE DA TRIBO AULA MAGNA MARKETING ONLINE.
É GRATUITO
Http://aulamagna-universidadedatribo.com
Programas Gratuitos para Vídeo MarketingSandra Borges
Se você pretende usar o Vídeo Marketing para divulgar seu negócio ou serviço, mas não tem como investir em programas para editar seus vídeos, aqui você encontra alguns programas gratuitos para editar vídeos.
Palestra apresentada no Google I/O Extended 2023 em Salvador-BA no dia 05/08/2023 onde falei sobre as principais novidades do Android para 2023 que foram mostradas no Google I/O 2023.
Palestra sobre práticas de desenvolvimento web, com foco em performance para o front-end web, apresentada no Tá Safo em Ação, encontro da comunidade Tá Safo, em Belém do Pará, no dia 22/11/2013.
De acordo com o IBGE, 6,7% da população tem algum tipo de deficiência, isso significa 14 milhões de usuários com necessidades especiais somente no Brasil. Prazos apertados, releases se aproximando e falta de conhecimento sobre as necessidades de usuários PcD nos fazem esquecer que ter uma aplicação acessível é imprescindível. Nesta apresentação, você aprenderá como solucionar isso desenvolvendo uma aplicação web acessível a partir de dez dicas e truques.
Fisl 16 - WordPress vs Hacker - Descubra o que ainda é preciso saber para bl...As Zone
Segundo dados, 21% dos sites no mundo hoje rodam o wordpress, por essa crescente, hackers estão se especializando em técnicas e falhas voltadas para o wordpress, pois probabilidade de conseguirem uma quantidade maior de alvos com menor esforço é muito grande.
Perguntar que não quer calar, o WordPress é seguro ? Avalie nossas considerações e tire suas próprias conclusões. De qualquer maneira apresentaremos as principais vulnerabilidades encontradas. Também mostraremos quais as etapas para alcançar um ótimo nível de segurança em seu CMS.
Fisl 16 – WordPress vs Hacker – descubra o que ainda é preciso saber para bl...Thiago Dieb
Evento: 16º Fórum Internacional de Software Livre – Fisl 16
Data: 09/07/2015
Segundo dados, 21% dos sites no mundo hoje rodam o wordpress, por essa crescente, hackers estão se especializando em técnicas e falhas voltadas para o wordpress, pois probabilidade de conseguirem uma quantidade maior de alvos com menor esforço é muito grande. Perguntar que não quer calar, o WordPress é seguro ? Avalie nossas considerações e tire suas próprias conclusões. De qualquer maneira apresentaremos as principais vulnerabilidades encontradas. Também mostraremos quais as etapas para alcançar um ótimo nível de segurança em seu CMS.
Palestra apresentada no Google I/O Extended 2023 em Salvador-BA no dia 05/08/2023 onde falei sobre as principais novidades do Android para 2023 que foram mostradas no Google I/O 2023.
Palestra sobre práticas de desenvolvimento web, com foco em performance para o front-end web, apresentada no Tá Safo em Ação, encontro da comunidade Tá Safo, em Belém do Pará, no dia 22/11/2013.
De acordo com o IBGE, 6,7% da população tem algum tipo de deficiência, isso significa 14 milhões de usuários com necessidades especiais somente no Brasil. Prazos apertados, releases se aproximando e falta de conhecimento sobre as necessidades de usuários PcD nos fazem esquecer que ter uma aplicação acessível é imprescindível. Nesta apresentação, você aprenderá como solucionar isso desenvolvendo uma aplicação web acessível a partir de dez dicas e truques.
Fisl 16 - WordPress vs Hacker - Descubra o que ainda é preciso saber para bl...As Zone
Segundo dados, 21% dos sites no mundo hoje rodam o wordpress, por essa crescente, hackers estão se especializando em técnicas e falhas voltadas para o wordpress, pois probabilidade de conseguirem uma quantidade maior de alvos com menor esforço é muito grande.
Perguntar que não quer calar, o WordPress é seguro ? Avalie nossas considerações e tire suas próprias conclusões. De qualquer maneira apresentaremos as principais vulnerabilidades encontradas. Também mostraremos quais as etapas para alcançar um ótimo nível de segurança em seu CMS.
Fisl 16 – WordPress vs Hacker – descubra o que ainda é preciso saber para bl...Thiago Dieb
Evento: 16º Fórum Internacional de Software Livre – Fisl 16
Data: 09/07/2015
Segundo dados, 21% dos sites no mundo hoje rodam o wordpress, por essa crescente, hackers estão se especializando em técnicas e falhas voltadas para o wordpress, pois probabilidade de conseguirem uma quantidade maior de alvos com menor esforço é muito grande. Perguntar que não quer calar, o WordPress é seguro ? Avalie nossas considerações e tire suas próprias conclusões. De qualquer maneira apresentaremos as principais vulnerabilidades encontradas. Também mostraremos quais as etapas para alcançar um ótimo nível de segurança em seu CMS.
1. LEARNING TO LOVE IE6
Bruno Abrantes
bruno@brunoabrantes.com
Monday, March 30, 2009
2. Toda a tabela em http://www.w3schools.com/browsers/browsers_stats.asp
OK, “LEARNING TO LIVE WITH IE6”
Monday, March 30, 2009
3. PÚBLICO-ALVO
média, lidaremos com 20% de utilizadores com IE6.
• Na
• Este valor pode aumentar ou diminuir consoante os casos de
uso específicos.
de começar a desenvolver, estudar o público-alvo!
• Antes
Monday, March 30, 2009
4. Imagem retirada de http://alistapart.com
PROGRESSIVE ENHANCEMENT
Monday, March 30, 2009
5. PROGRESSIVE
ENHANCEMENT
• Origina do princípio de Graceful Degradation;
entanto, segue a direcção oposta;
• No
• Deve ser providenciada uma experiência “normal” para
browsers datados. Isto não significa que devamos
comprometer a usabilidade da página;
Monday, March 30, 2009
6. PROGRESSIVE
ENHANCEMENT
•A ideia é providenciar pequenos requintes visuais e funcionais
a utilizadores com browsers actuais;
• No entanto, os utilizadores de browsers datados devem poder
ver e utilizar a página sem qualquer problema.
Monday, March 30, 2009
7. PROGRESSIVE
ENHANCEMENT
• Understanding Progressive Enhancement
http://www.alistapart.com/articles/understandingprogressiveenhancement
• Progressive Enhancement with CSS
http://www.alistapart.com/articles/progressiveenhancementwithcss
• Progressive Enhancement with JavaScript
http://www.alistapart.com/articles/progressiveenhancementwithjavascript
Monday, March 30, 2009
8. STRICT DOCTYPES
• Para minimizar os problemas com IE6, devem ser utilizados
Doctypes do tipo Strict:
<!DOCTYPE HTML PUBLIC quot;-//W3C//DTD HTML 4.01//ENquot; quot;http://www.w3.org/TR/html4/
•
strict.dtdquot;>
<!DOCTYPE html PUBLIC quot;-//W3C//DTD XHTML 1.0 Strict//ENquot; quot;http://www.w3.org/TR/
•
xhtml1/DTD/xhtml1-strict.dtdquot;>
assegura que o rendering seja feito em Standards-
• Isto
Compliant Mode ao invés do defeituoso Quirks Mode.
Monday, March 30, 2009
9. Mais informação em http://msdn.microsoft.com/en-us/library/ms537512(VS.85).aspx
CONDITIONAL COMMENTS
Monday, March 30, 2009
10. CONDITIONAL COMMENTS
• Estescomentários só funcionam nas várias versões IE/
Windows, e são ignorados pelos outros browsers.
• Podem ser utilizados para incluir folhas de estilo ou scripts que
se destinem a corrigir bugs no IE.
Monday, March 30, 2009
11. TEST EARLY, TEST OFTEN!
• Nunca deixar a fase de testes com os vários browsers para a
etapa final de desenvolvimento.
desenvolvimento deve ser iterativo e complementado em
•O
cada iteração por uma fase de testes.
Monday, March 30, 2009
12. IE BUGS
Que nos levam à loucura.
Monday, March 30, 2009
13. BOX MODEL
• Um dos mais comuns bugs de IE6 e anteriores;
IE6 calcula a largura da caixa como sendo 100px;
•O
restantes browsers calculam uma largura de 124px;
• Os
Monday, March 30, 2009
14. BOX MODEL
•A melhor solução é garantir que o IE faz render da página em
Standards-Compliant Mode;
• Pode-se, contudo, evitar usar padding em blocos de layout e
utilizá-lo directamente nos elementos dentro do bloco.
Monday, March 30, 2009
15. DOUBLE-MARGIN BUG
um elemento é floated, numa direcção o IE6 dobra o
• Quando
valor da margem nessa direcção.
exemplo, a margem real seria 40px.
• Neste
Monday, March 30, 2009
16. DOUBLE-MARGIN BUG
• Uma solução comum é adicionar a regra display: inline ao
elemento, mas isto é pouco prático (por exemplo, não é
possível definir width ou height num elemento inline);
• Pode tentar-se adicionar padding ao elemento pai;
• Em vez de utilizar margin-right, utilizar padding-right, se possível.
Monday, March 30, 2009
17. MIN-WIDTH / MIN-HEIGHT
de largura e altura mínimas simplesmente não são
• Regras
suportadas pelo IE6 (!);
• No entanto, se um elemento tiver uma altura fixa e o
conteúdo crescer para lá dessa altura, o IE estica o contentor
(!!)
Monday, March 30, 2009
18. MIN-WIDTH / MIN-HEIGHT
• Este hack toma partido do facto de o IE6 não entender nem a
regra min-height nem a instrução !important.
• Estabelece uma altura mínima e uma altura automática para os
restantes browsers, deixando o IE6 com uma altura estática.
Monday, March 30, 2009
19. STEPDOWN
• Acontece quando vários elementos são floated na mesma
direcção.
•O IE6 adiciona um efeito de line break após cada elemento
block-level.
Monday, March 30, 2009
20. STEPDOWN
• Uma solução é garantir que os elementos que são floated são
inline-level (display: inline força esta regra);
• Outra solução é alterar o line-height do elemento pai para 0.
Monday, March 30, 2009
21. HOVER STATES
IE6 apenas suporta a pseudo-class :hover em elementos
•O
âncora (<a>), e, mesmo assim, só se estes tiverem definido o
atributo href.
• Existe uma solução proprietária, mas o melhor a fazer é não
aplicar esta pseudo-class a elementos que não a suportam.
Monday, March 30, 2009
22. SUPORTE PARA PNG
TRANSPARENTES
•O IE6 não suporta PNGs de 24-bits, ou seja, com fundo
transparente.
Monday, March 30, 2009
23. SUPORTE PARA PNG
TRANSPARENTES
• Existem duas boas soluções:
recurso a um ficheiro .htc (Twin Helix: IE PNG Fix)
• Com
com recurso a Javascript (24 Ways: Superslight e
• Ou
PNGHack on Google Code)
Monday, March 30, 2009
24. HASLAYOUT
é uma regra interna do IE6 aplicada a elementos,
• hasLayout
que determina como estes são posicionados em relação a
outros elementos.
• Activar o hasLayout costuma resolver alguns problemas de
posicionamento.
•A solução mais comum é adicionar a regra height: 1%. Se o
elemento pai não tiver altura definida, esta regra não afecta a
dimensão do elemento e despoleta o hasLayout.
Monday, March 30, 2009