<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Blog sobre desenvolvimento mobile e Web &#187; building a css float label</title>
	<atom:link href="https://blog.sw9.com.br/tag/building-a-css-float-label/feed/" rel="self" type="application/rss+xml" />
	<link>https://blog.sw9.com.br</link>
	<description>Blog com artigos e vídeos a respeito de assuntos voltados para desenvolvimento we e desenvolvimento mobile hibrido</description>
	<lastBuildDate>Fri, 12 Jul 2024 20:17:59 +0000</lastBuildDate>
	<language>pt-BR</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
	<item>
		<title>Google Way &#124; Building a Form Field Similar To Google &#124; 3 de 3 &#124; SW9</title>
		<link>https://blog.sw9.com.br/2019/07/02/google-way-building-a-form-field-similar-to-google-3-de-3-sw9/</link>
		<comments>https://blog.sw9.com.br/2019/07/02/google-way-building-a-form-field-similar-to-google-3-de-3-sw9/#comments</comments>
		<pubDate>Tue, 02 Jul 2019 15:30:15 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[Desenvolvimento Web]]></category>
		<category><![CDATA[appending icons to the search field]]></category>
		<category><![CDATA[build form field similar to google]]></category>
		<category><![CDATA[building a css float label]]></category>
		<category><![CDATA[building a search field like google search]]></category>
		<category><![CDATA[form field like a google]]></category>
		<category><![CDATA[google way]]></category>
		<category><![CDATA[sw9]]></category>
		<category><![CDATA[tudo sobre desenvolvimento web]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=2510</guid>
		<description><![CDATA[Hoje encerramos o projeto de construção de um campo de pesquisa, com identidade visual e recursos similares ao site do Google. Nesta última parte implementamos um teclado virtual arrastável usando uma biblioteca chamada simple-keyboard.]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2019/07/02/google-way-building-a-form-field-similar-to-google-3-de-3-sw9/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google Way &#124; Building a Form Field Similar To Google &#124; 2 de 3 &#124; SW9</title>
		<link>https://blog.sw9.com.br/2019/06/21/google-way-building-a-form-field-similar-to-google-2-de-3-sw9/</link>
		<comments>https://blog.sw9.com.br/2019/06/21/google-way-building-a-form-field-similar-to-google-2-de-3-sw9/#comments</comments>
		<pubDate>Fri, 21 Jun 2019 15:30:31 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[Desenvolvimento Web]]></category>
		<category><![CDATA[appending icons to the search field]]></category>
		<category><![CDATA[build form field similar to google]]></category>
		<category><![CDATA[building a css float label]]></category>
		<category><![CDATA[building a search field like google search]]></category>
		<category><![CDATA[form field like a google]]></category>
		<category><![CDATA[google way]]></category>
		<category><![CDATA[sw9]]></category>
		<category><![CDATA[tudo sobre desenvolvimento web]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=2468</guid>
		<description><![CDATA[O nosso próximo objetivo é agregar duas funcionalidades ao campo de pesquisa. São elas:

Clear Input;
Float Label.

#O que veremos na aula de hoje?

Vou explicar passo a passo como agregar ao campo de pesquisa as funcionalidades de Clear Input e  Float Label.]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2019/06/21/google-way-building-a-form-field-similar-to-google-2-de-3-sw9/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google Way &#124; Building a Form Field Similar To Google &#124; 1 de 3 &#124; SW9</title>
		<link>https://blog.sw9.com.br/2019/06/18/google-way-building-a-form-field-similar-to-google-1-de-3-sw9/</link>
		<comments>https://blog.sw9.com.br/2019/06/18/google-way-building-a-form-field-similar-to-google-1-de-3-sw9/#comments</comments>
		<pubDate>Tue, 18 Jun 2019 15:30:13 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[Desenvolvimento Web]]></category>
		<category><![CDATA[appending icons to the search field]]></category>
		<category><![CDATA[build form field similar to google]]></category>
		<category><![CDATA[building a css float label]]></category>
		<category><![CDATA[building a search field like google search]]></category>
		<category><![CDATA[form field like a google]]></category>
		<category><![CDATA[google way]]></category>
		<category><![CDATA[sw9]]></category>
		<category><![CDATA[tudo sobre desenvolvimento web]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=2442</guid>
		<description><![CDATA[Criar um campo de pesquisa usando vários recursos visuais, para que fique bem próximo da identidade visual usada pelo Google em seus formulários.

#O que veremos na aula de hoje?
Daremos início ao projeto de construção de um campo de pesquisa. Decidi dividir o projeto em três AULAS. Nesta primeira AULA, vamos implementar os seguintes recursos:

Round Corner: cantos arredondados no campo de pesquisa;
Append Icon: agregaremos 2 ícones ao lado direito do campo de pesquisa. Um ícone no formato de lupa e um ícone no formato de um teclado;
Popover: aplicaremos o recurso de popover no ícone de teclado virtual;]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2019/06/18/google-way-building-a-form-field-similar-to-google-1-de-3-sw9/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
