<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Padrões Web on Kind of Idea</title>
    <link>https://kindofidea.com/pt/tags/padr%C3%B5es-web/</link>
    <description>Recent content in Padrões Web on Kind of Idea</description>
    <generator>Hugo</generator>
    <language>pt-BR</language>
    <lastBuildDate>Thu, 08 Jul 2010 12:00:00 -0300</lastBuildDate>
    <atom:link href="https://kindofidea.com/pt/tags/padr%C3%B5es-web/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>Acessibilidade na Web - Monografia</title>
      <link>https://kindofidea.com/pt/acessibilidade-na-web-monografia/</link>
      <pubDate>Thu, 08 Jul 2010 12:00:00 -0300</pubDate>
      <guid>https://kindofidea.com/pt/acessibilidade-na-web-monografia/</guid>
      <description>&lt;p&gt;Meu trabalho de conclusão da especialização em 2008 teve como tema: &lt;strong&gt;Acessibilidade na Web.&lt;/strong&gt;&lt;/p&gt;&#xA;&lt;p&gt;Eu me inspirei bastante no trabalho da equipe do &lt;a href=&#34;http://www.google.com.br/url?sa=t&amp;amp;source=web&amp;amp;cd=1&amp;amp;ved=0CBcQFjAA&amp;amp;url=http%3A%2F%2Fwww.acessodigital.net%2F&amp;amp;ei=iD81TMGONsiPuAeN553DBg&amp;amp;usg=AFQjCNEjETmkaFOwpUjiSFLdoJ8_WDfKqA&amp;amp;sig2=Z4hOVLZCIxJgsqrIDbmyVw&#34;&gt;Acesso Digital&lt;/a&gt;, que divulgou a algum tempo atrás o slogan &lt;strong&gt;&amp;ldquo;Acessibilidade de Verdade&amp;rdquo;&lt;/strong&gt;, que é a soma de Acessibilidade, padrões web e usabilidade.&lt;/p&gt;&#xA;&lt;p&gt;Na monografia eu amplio mais essa ideia criando a seguinte fórmula didática:&lt;/p&gt;&#xA;&lt;p&gt;&lt;strong&gt;Recursos&lt;/strong&gt; = (Arquitetura da Informação + Padrões Web + Acessibilidade + Usabilidade + Acompanhamento de Tendências )&lt;/p&gt;</description>
    </item>
    <item>
      <title>Atualizando o Editor TinyMCE</title>
      <link>https://kindofidea.com/pt/atualizando-o-editor-tinymce/</link>
      <pubDate>Wed, 12 May 2010 12:00:00 -0300</pubDate>
      <guid>https://kindofidea.com/pt/atualizando-o-editor-tinymce/</guid>
      <description>&lt;p&gt;O &lt;a href=&#34;http://tinymce.moxiecode.com/index.php&#34;&gt;Tiny_mce&lt;/a&gt; é o editor HTML do tipo &lt;a href=&#34;http://pt.wikipedia.org/wiki/WYSIWYG&#34;&gt;WYSIWYG&lt;/a&gt; que eu utilizo nos meus aplicativos. O papel dele é substituir os campos do tipo textarea por um editor com diversas funcionalidades. Você pode ter uma noção das funcionalidades pelo tamanho da barra abaixo:&lt;/p&gt;&#xA;&lt;img class=&#34;alignnone&#34; title=&#34;barra do tini_mce editor &#34; src=&#34;http://valeriofarias.com/wp-content/uploads/2010/05/botoes_tiny_mce_editor.jpg&#34; alt=&#34;&#34; width=&#34;861&#34; height=&#34;137&#34; /&gt;&#xA;&lt;p&gt;São 94 botões no total. Em um dos &lt;strong&gt;meus aplicativos&lt;/strong&gt; eu cheguei a usar &lt;strong&gt;41&lt;/strong&gt; desse &lt;strong&gt;botões&lt;/strong&gt;.  Mas aproveitando a atualização eu &lt;strong&gt;resolvi dar uma enxugada na quantidade de botões&lt;/strong&gt;, pois pode-se facilmente perceber que a maioria quase nunca é utilizado. Depois de uma breve análise das funcionalidades refiz a configuração da barra para o formato a seguir:&lt;/p&gt;</description>
    </item>
    <item>
      <title>Tabela na Web tem que ser Super Enxuta!</title>
      <link>https://kindofidea.com/pt/tabela-na-web-tem-que-ser-super-enxuta/</link>
      <pubDate>Thu, 28 May 2009 12:00:00 -0300</pubDate>
      <guid>https://kindofidea.com/pt/tabela-na-web-tem-que-ser-super-enxuta/</guid>
      <description>&lt;p&gt;Eu sei disso! Já passou o tempo das tabelas aninhadas que se usava para criar layout! Ufa! Só que também devemos ter cuidado com as informações tabulares que disponibilizamos na web, sejam elas consultas de bancos de dados, dados armazenados em planilhas eletrônicas ou uma tabela simples que o secretária da empresa criou no editor de texto (broffice ou word).&lt;/p&gt;&#xA;&lt;p&gt;Vamos ver o seguinte cenário: Você acaba de receber uma planilha eletrônica (excel ou calc) com a tabela abaixo e tem que disponibilizar em uma página web o mais rápido possível. A imagem a seguir é fictícia e representa a programação de algum evento no formato de uma tabela, representando uma agenda mensal.&#xA;&lt;img class=&#34;alignnone&#34; title=&#34;planilha do excel&#34; src=&#34;http://i716.photobucket.com/albums/ww163/valeriofarias/parte01tabelaemplanilha.jpg&#34; alt=&#34;&#34; width=&#34;726&#34; height=&#34;269&#34; /&gt;&#xA;Como a divulgação precisa ser imediata, o primeiro pensamento é utilizar a opção salvar como HTML do Excel. Só que isso é muito inapropriado, pois vai gerar um arquivo com absurdas 311 linhas de código. Se olharmos para o código vamos perceber que a maior parte dele é desnecessário e na parte 2 desse post, vamos ver como eliminar todo o código desnecessário, de um jeito que façamos o mínimo esforço possível.&lt;/p&gt;</description>
    </item>
    <item>
      <title>Padrões Web e a importância da Marcação Semântica</title>
      <link>https://kindofidea.com/pt/padroes-web-e-a-importancia-da-marcacao-semantica/</link>
      <pubDate>Fri, 23 Nov 2007 12:00:00 -0300</pubDate>
      <guid>https://kindofidea.com/pt/padroes-web-e-a-importancia-da-marcacao-semantica/</guid>
      <description>&lt;p&gt;Nesse primeiro post sobre Padrões Web, gostaria de comentar um tema aparentemente já &lt;a href=&#34;http://www.tableless.com.br/a-semantica-e-que-manda&#34;&gt;batido&lt;/a&gt; e muito &lt;a href=&#34;http://revolucao.etc.br/archives/validacao-e-semantica/&#34;&gt;discutido&lt;/a&gt;, mas que infelizmente &lt;a href=&#34;http://www.tableless.com.br/desenvolvedor-retrogrado&#34;&gt;uma parte dos desenvolvedores&lt;/a&gt; não seguem os princípios, talvez, por comodidade ou por desconhecimento, então vou fazer uma tentativa para que pelo menos uma parte consigam cair na real.&lt;/p&gt;&#xA;&lt;p&gt;Vou começar com dois conceitos básicos segundo &lt;a href=&#34;http://www.zeldman.com/&#34;&gt;Jeffrey Zeldman&lt;/a&gt;:&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;&#xA;&lt;p&gt;&lt;strong&gt;Marcação Válida:&lt;/strong&gt; é quando não contém erros (ex: esquecer de fechar tags) e não contém tags ou atributos ilegais (ex: usar atributo height em tabelas que não é permitido).&lt;/p&gt;</description>
    </item>
  </channel>
</rss>
