X-pression Brasil * Colaboração Virtual * Criações Visuais para Internet * Rádios On-Line * Lojas Virtuais
http://www.mkeygroup.com/x-pression/blog/index.php
Experimente HTML 5
http://www.mkeygroup.com/x-pression/blog/index.php?entry=entry100225-202338
Veja novos recursos do HTML5.
Atenção, o HTML5 ainda é um projeto em desenvolvimento e, portanto, pode não funcionar em todos os navegadores atuais. busque maiores informações a respeito aqui click para saber de maiores informações
HTML5 Estrutura
As páginas da web possuem estruturas comuns, como: rodapés, barras laterais, cabeçalhos e o seu conteúdo. Com a versão HTML4 as famosas tags <div> suas páginas até funcionam bem, o problema é a dificuldade de se processar essas páginas por falta de semântica.
HTML5 introduz um conjunto de novos elementos que torna mais fácil a estrutura de sua página através da utilização de tags como: <header>, <nav>, <article>, <aside>, <rodapé>. O potencial deste é enorme - por exemplo, o motor de pesquisa será capaz de descobrir onde o seu conteúdo principal reside e o índice.
HTML5 entrada de formulário
Junto com os tipos de entrada padrão, o HTML5 dará apoio a diversos tipos de entrada:
- Datetime - Data - Tempo - Mês - Semana - Número de - Gama - e-mail - URL O tipo de entrada de data, por exemplo, será automaticamente apresentado um selecionador de data. Em termos de validação de formulário, você também será capaz de especificar o atributo necessário para indicar os campos com entrada necessária. Isso irá ajudar muito a validação formulário.
Elementos HTML5
<mark> - permite-lhe marcar uma determinada palavra-chave em sua página. Por exemplo, você pode marcar todas as palavras-chave retornadas em uma página de resultado da pesquisa.
<time> - esses elementos indica uma data e hora específicas. Você pode usar qualquer formato, mas para uma abordagem mais semântica, você pode usar o atributo datetime: <hora datetime>
<meter> - isto pode ser usado para indicar o conteúdo armazenamento em disco. Ele tem atributos como valor, min, max, low, high e better.
<progress> - esses elementos permite que você especifique o progresso percentual de um processo contínuo.
Incorporação de Áudio e Vídeo Hoje o conteúdo multimédia é extremamente difundido e o formato utilizado por diversos fornecedores são diferentes entre si. Com a nova visão do HTML5 a plataforma multimídia mais aberta, substituindo os formatos antigos. Sua incorporação se torna mais fácil utilizando apenas as tags <audio> <video>.
Elementos HTML5 Canvas Os elementos HTML5 lhe permitem desenhar gráficos dinamicamente usando JavaScript. Isso será útil para criar telas para quadros, gráficos, animação ou simplesmente diagramas como fluxograma. O elemento <canvas> já é apoiada pela maioria dos navegadores.
HTML5 - dinâmico A maioria dos novos recursos introduzidos no HTML5 visa ajudar o desenvolvimento de aplicações web. Por exemplo, vários elementos novos, são focados na interface do usuário para aplicativos da Web:
<command> - define as ações que deve acontecer quando um elemento dinâmico é ativado
<datagrid> - isto irá criar uma tabela a partir de um conjunto de dados que pode ser atualizado pelo usuário ou scipts.
<details> - permite especificar uma dica de um elemento DOM especial menus de contexto - os desenvolvedores serão capazes de criar menus com o botão direito para suas aplicações web.]]>Tenha seu proprio projeto como Myspace, hi5 e Facebook
http://www.mkeygroup.com/x-pression/blog/index.php?entry=entry100220-165637
leia mais em Link relacionados
]]>Como impulsionar vendas com SEO Video
http://www.mkeygroup.com/x-pression/blog/index.php?entry=entry100219-132554
Não só pode um bom produto ou vídeo promocional aumentar seu ranking do Google, ele pode aumentar suas vendas. Basta perguntar a Zappos, que recentemente revelou que ele normalmente vende entre seis e 30 por cento mais mercadoria quando um produto também inclui um vídeo descritivo.
leia mais em Link relacionados
]]>Três razões para mantenha sua pequeno negócio em um Blog
http://www.mkeygroup.com/x-pression/blog/index.php?entry=entry100219-130931
leia mais em Link relacionados
]]>Aumento no tráfego do site, incluindo Multi-Content língua em sua página da Web
http://www.mkeygroup.com/x-pression/blog/index.php?entry=entry100219-125157
Não é difícil imaginar que digitando muitas referências caractere numérico seria um demorado e propenso a erros esforço. Uma maneira mais fácil é usar um editor de HTML, que inclui suporte para vários idiomas, incluindo uma interface WYSIWYG. WYSIWYG é uma sigla para "What You See Is What You Get". O termo é usado para descrever os editores de texto ou HTML em que o conteúdo exibido durante a edição parece muito semelhante ao resultado desejado, tornando mais fácil prever o que o produto final.
Alguns bons Unicode-capable editores HTML para PCs:
Microsoft Expression Web: Depois de nove anos de ser uma premiada ferramenta de autoria Web, o FrontPage foi descontinuado no final de 2006. Expression Web é a sua nova ferramenta de escolha.
Namo WebEditor: um aplicativo de criação da Web completo, possivelmente o software que você precisará para criar, editar, publicar e gerenciar sites.
Editores HTML para Mac incluem:
MUWSE (Multilingual HTML Editor para Macintosh): Muwse está cheio suporte a Unicode e construído em um editor de HTML profissional tudo em um.
GoodPage: Made by TARI, uma pequena família de propriedade da empresa na Europa Central. Eles oferecem uma experimentação de 30 dias.
Taco HTML Edit: Projetado exclusivamente para Mac OS X e tem muitos recursos avançados, incluindo a verificação ortográfica e sintaxe, browser a visualização, e PHP visualização. Disponível como um download 30-day trial. Custa apenas R $ 24,95.
OmniWeb: Na verdade, um recurso do navegador-rico, OmniWeb usa o framework open source WebKit da Apple para lidar com layout de página. Apple construiu a estrutura para Mac OS X utilizando o código fonte para KHTML e KJS, dois componentes do projeto KDE a partir do qual o navegador Konquerer para Linux é construído. WebCore e JavaScriptCore - as duas principais componentes do WebKit - fornecer grande apoio para a Internet de hoje padrões, como HTML 4, JavaScript, CSS (incluindo alguns CSS 3 padrões) e DHTML (através do DOM do W3C spec-2).
Minimalista Web: Um programa útil livre. Linux não oferece como IDEs muitos web desenvolvimento como Windows e Mac, mas tem um monte de editores de texto grande, que suporte a Unicode e UTF-8 codificação de caracteres:
Quanta Plus: Um livre, baseada na comunidade open source de desenvolvimento web IDE. Ele é totalmente extensível, de modo que você pode importar DTDs, escrever scripts para gerenciar o conteúdo do editor, visualmente criar diálogos para seus scripts e atribuir ações script para quase qualquer operação do arquivo em um projeto.
Alguns editores de texto livre que pode salvar como UTF-8 incluem: CoolEdit: Full-featured X Window editor de texto que suporta múltiplas janelas de edição 3D, Motif-ish olhar e sentir, shift-seta do mouse e texto que destaca, ressaltando coluna de texto e manipulação, bem como a cor de realce de sintaxe para diversas fontes. Outras características incluem a verificação ortográfica enquanto você tipo, um depurador gráfica interativa, a gravação da macro, pesquisa de expressão regular e substituir, menus pull-down, drag and drop, um navegador de página interativa homem, executar e fazer outros comandos de shell, e redefinir as teclas com um aprendiz interativa fácil chave.
Minadas 2000: Foi o primeiro editor que suporte Unicode em um texto simples terminal poderoso editor de texto com um abrangente mas conciso e fácil de usar interface com o usuário.
Alguns dos melhores produtos lá fora, são multi-plataforma e provavelmente vai funcionar no seu sistema operacional em particular:
NVU: Nvu (pronuncia-se "N-view," para uma "nova visão") é livre, programa de software open source que permite criar sites e páginas web usando um editor WYSIWYG simples. Nvu torna a criação de páginas web tão fácil como usar um processador de texto e, em certos aspectos, rivaliza com programas como Adobe Dreamweaver e Microsoft Expression Web. Nvu inclui um built-in gestor do site, para se conectar ao seu site e fazer mudanças é um processo simples. Embora seja livre, eles não aceitam doações através da sua página web.
Dreamweaver MX: agora vendido pela Adobe desde a sua aquisição da Macromedia. É definitivamente a qualidade PRO e ele tem um preço de US $ 399 USD para prová-lo! Disponível para Windows e Mac OS X.
A Mozilla-Composer powered Sea Monkey prevê também a edição de WYSIWYG multi-páginas do roteiro, apoia o IME Global e Visual teclados, e pode salvar arquivos com codificação UTF-8.
AbiWord: processador de texto Outra livre e de código aberto. Ele foi originalmente iniciado por SourceGear Corporation como a primeira parte de um AbiSuite proposto. Desenvolvimento interrompido quando SourceGear mudou seu foco para aplicações de Internet. AbiWord foi adotada por alguns desenvolvedores de código aberto e AbiWord continuou a ser desenvolvido. O nome "AbiWord" (pronuncia-se "Abby Word") é derivado da raiz da palavra em espanhol "abierto", que significa "abrir". Ele roda em Linux, Mac OS X (PowerPC e Intel) e Windows Você também pode desfrutar de: HTML Refatoração: Aperfeiçoando o Projeto de Web existente ... Review: Layout Master 1,1 / samaritanos Novo - WebReference Update ... Web / Programação / Excertos - WebReference.com
Os melhores artigos Arquivo - 2008 XML Effective: 50 maneiras específicas para melhorar seu XML - WebReference ... Ferramentas do Windows, como o Dreamweaver, correr bastante bem sob Crossover ou Wine. Estes programas permitem a instalação de muitos populares aplicativos de produtividade do Windows, plug-ins e jogos no Linux. Ambos os programas que incluem um fácil de usar, interface simples clique, o que torna a instalação de um aplicativo do Windows simples e rápido. Uma vez instalado, o aplicativo integra-se perfeitamente com o ambiente Gnome ou KDE. Basta clicar e executar o aplicativo, exatamente como faria no Windows, mas com a plena liberdade do Linux.
Existem inúmeras outras ferramentas, lá fora, mas qualquer um que você decide começar, certifique-se que ele pode usar a codificação UTF-8 caracteres.
Isso deve praticamente configurá-lo para criar páginas multilingues. Os próximos temas que estaremos dando uma olhada em um mês a partir de agora, incluir o Windows barra de idiomas, Visual teclados, e como configurar o PC para usar teclados internacionais. Primeiro, nós estaremos revisitando o tema da manipulação de erro JavaScript. Dorian Garson, uma frente Bing ex-colaborador finais e gerente da equipe da Microsoft Corporation, surgiu com uma nova forma de captar esses difíceis de controlar erros de JavaScript.
Copyright,< 2008 > Internet.com All rights reserved. Reprinted with permission from http://www.internet.com.]]>Utilize o cache da Web para fazer seu Web site mais rápido
http://www.mkeygroup.com/x-pression/blog/index.php?entry=entry100219-124555
Por Arpan Dhandhania ()
Pense em como manter cache de seu livro de endereços pessoal. Todos os números de telefone em que estão disponíveis na lista telefónica, mas para o acesso mais rápido, você mantém uma lista de números que você chama com mais freqüência.
Na ciência da computação, cache reduz o atraso de dados que trafegam no sistema de armazenamento para o usuário. RAM do seu computador, por exemplo, é um sistema de cache que poupa a sua execução programas de precisar acessar o disco rígido de milhares ou até milhões de vezes durante a execução. Cache Web na Internet funciona de forma semelhante, que impede uma ida e volta para o servidor original (que poderia ser do outro lado do mundo) cada vez que o usuário solicita um recurso.
Caches sentar-se entre o servidor web eo browser do cliente, onde se pode guardar cópias de recursos (páginas HTML, imagens, scripts, folhas de estilo, etc) como passá-las adiante. Quando um cliente solicita um destes recursos, o cache da web pode devolvê-lo ao invés de se encaminhar a solicitação para o servidor web.
Web Caches são realmente úteis?
A web cache mal pode ser um inimigo maior para os programadores web que o Microsoft Internet Explorer (IE). Assim, é vital para os programadores web para entender a importância da web caches, porque não pode haver nada pior do que o IE. As duas principais razões para a utilização de caches na Web são:
Reduzindo a latência: Porque um cache intermediário (que está mais para o cliente que o servidor web) pode servir o conteúdo, leva menos tempo para o recurso para alcançar o cliente. Isso faz com que o site parece mais responsivo. Reduzir o tráfego de rede: Devido vários recursos são reutilizados e não precisa ser buscado de novo a partir do servidor, o cache reduz a quantidade de largura de banda utilizada pelo cliente, reduzindo o tráfego na rede. Níveis de Cache
Existem três níveis de cache web: cache do navegador, cache de proxy e cache de gateway.
Web Browser Cache
O primeiro nível de cache reside em seu navegador. Toda vez que você visita uma nova página, o navegador armazena uma cópia de cada recurso dessa página em seu disco rígido. Cada vez que o recurso é solicitado novamente na mesma sessão do navegador, o browser devolve a cópia local. Esse cache é utilizado principalmente quando o usuário acessa o botão "Voltar". Da mesma forma, se você usar o mesmo cabeçalho gráfico em todas as páginas, então o gráfico é baixado apenas uma vez e carregar páginas mais rápido.
Proxy Cache
Proxy caches funcionam de forma semelhante ao cache do navegador. As principais diferenças são que proxy caches são compartilhados caches que atendem centenas de milhares de clientes em vez de apenas um. Assim, se milhares de pessoas visitam um site enquanto você estiver em uma sessão no mesmo local, os pedidos não serão enviados todo o caminho para o servidor web. Em vez disso, eles serão atendidos pelo servidor proxy. As configurações de proxy podem ser definidas na guia preferências do seu navegador ou podem ser definidas automaticamente pela rede subjacente com intermediários. Manipulação da frescura "do recurso sobre o servidor proxy é um problema inteiramente diferente, mas que o desafio está além do escopo deste artigo.
Gateway Cache
Caches Gateway são semelhantes aos intermediários, mas em vez de ser desenvolvidos pelos administradores de rede para economizar banda, eles normalmente são geridos por webmasters para tornar seus sites mais confiáveis e escaláveis. Como tirar o máximo do cache?
Você não pode evitar o cache, assim que você pôde também amizade com ele. Você pode se perguntar se vale a pena o esforço, mas posso dizer-vos que o resultado final é bastante doce, especialmente se você espera de carga substancial em seu servidor.
HTML Meta Tags não são eficazes
Você pode ter aprendido que, ao colocar uma meta tag com o atributo Cache-Control na seção <HEAD> do documento HTML, você irá controlar o sistema de cache. Tão agradável como isso possa parecer, não é, de forma eficaz, pois apenas alguns esconderijos navegador honra que sim (na verdade a leitura do documento HTML). Proxy e cache gateway não honrá-lo em tudo, porque não leu o documento HTML.
Pragma HTTP Headers não funcionará
Outro mito sobre o cache é que se você especificar Pragma: no-cache para um documento que irá apresentar o Pragma não armazenáveis em cache. Isso nem sempre é verdadeiro, porque as orientações HTTP não especificar cabeçalhos de resposta Pragma. Alguns caches vai reagir a este cabeçalho, enquanto a maioria irá ignorá-lo como um cabeçalho desconhecido.
Assim, se os dois métodos de cache você conhece não são eficazes, então, como você pode controlar o cache? Existem dois métodos que irá trabalhar e eles são os cabeçalhos de resposta HTTP. No entanto, você não pode ver os cabeçalhos de resposta HTTP no browser. Eles normalmente são definidos automaticamente pelo servidor web e, dependendo da configuração do servidor web, você pode controlá-los a um determinado grau.
Expira cabeçalho HTTP
O cabeçalho HTTP Expires informa os caches quanto tempo o documento deve ser considerado fresco. Quando a data Expira passa, então o cache é considerado obsoleto e uma nova versão é obtido a partir do servidor. Existem várias maneiras de definir a resposta Expira. As mais comuns são defini-lo como um tempo absoluto, defini-lo com base na última vez que o cliente recebeu o recurso, e defini-lo com base com base na última vez que o recurso foi modificado.
Para imagens estáticas, como o cabeçalho e botões de navegação, você deve definir um tempo de validade longo, como eles não mudam com freqüência. Suas páginas irá carregar muito mais rápido. O valor para Expires deve ser uma data HTTP válida. Se é inválido, ele é considerado como uma data do passado e os recursos são obtidos a partir do servidor de cada vez.
Aqui está um exemplo da resposta Expira:
Expires: Sun, 10 de maio de 2010 14:19:41 GMT O único problema com Expira é que envolve a data, hora e dois relógios. A hora é em GMT, mas os relógios no servidor web eo cliente precisa estar em sincronia. Caso contrário, o resultado esperado pode não ser atingida.
Cache-Control cabeçalho HTTP
HTTP 1.1 introduziu este novo cabeçalho de resposta para superar as deficiências dos Expira e dar o desenvolvedor mais controle sobre o armazenamento em cache. Aqui está uma lista dos vários valores Cache-Control pode tomar:
max-age = [segundo] - Como Expira, especifica quanto tempo o recurso é considerado fresco. s-max-age = [segundo] - Apesar de similar ao max-idade, esta só se aplica aos caches compartilhadas (como gateways e proxies). no-cache - Utilize esta opção quando desejar que o recurso a ser buscado cada vez que a partir do servidor web. no interior da loja - Isto especifica que o recurso não deve ser guardado em qualquer circunstância. must-revalidate - Você pode definir regras de cache no servidor web que, por vezes, substituir as que você especificar no cabeçalho. Usando must-revalidate, você pode dizer o cache para seguir estritamente as regras definidas. proxy-revalidate - Isso é semelhante a must-revalidate, mas só se aplica a proxy caches. público - Isso faz com que as respostas autenticada em cache. Por padrão, os recursos HTTP autenticado não são armazenáveis em servidores partilhados. Aqui está um exemplo da resposta Cache-Control:
Com esse breve resumo de como se comporta o cache, agora você pode fazê-lo trabalhar para você. Com a introdução do cabeçalho Cache-Control, você não precisa usar os outros, pois abrange tudo que você necessita controlar os caches. Aqui estão algumas outras dicas para melhorar a velocidade de seu site usando o cache:
Ser coerente com URLs. - Não servir o mesmo conteúdo para diferentes usuários em páginas diferentes. Você não irá utilizar os dados em cache, neste caso. Definir um máximo de idade para a alta recursos estáticos, como imagens e arquivos para download. Minimizar o uso de SSL.
Não altere arquivos desnecessariamente. Use um conjunto de imagens em todo o site. Original: 8 de fevereiro de 2010 Revisado: 08 de fevereiro de 2010 Copyright,< 2010 > Internet.com All rights reserved. Reprinted with permission from http://www.internet.com.]]>Estude como montar uma ilustração de carro
http://www.mkeygroup.com/x-pression/blog/index.php?entry=entry090825-154800
Moto
]]>Criando uma vibrante nevoa espacial
http://www.mkeygroup.com/x-pression/blog/index.php?entry=entry090825-153832
Scarlet
;)
;)
