<?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/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" >

<channel>
	<title>Layer Cake Marketing</title>
	<atom:link href="http://layercake.marketing/feed/" rel="self" type="application/rss+xml" />
	<link>https://layercake.marketing</link>
	<description>Building business at every level</description>
	<lastBuildDate>Wed, 01 Aug 2018 01:47:02 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=4.9.10</generator>
<site xmlns="com-wordpress:feed-additions:1">144408705</site>	<item>
		<title>Remove WordPress Header META Junk</title>
		<link>https://layercake.marketing/developer-tools/remove-wordpress-header-meta-junk/</link>
		<comments>https://layercake.marketing/developer-tools/remove-wordpress-header-meta-junk/#respond</comments>
		<pubDate>Tue, 06 Jun 2017 03:26:16 +0000</pubDate>
		<dc:creator><![CDATA[Eric Larson]]></dc:creator>
				<category><![CDATA[Developer Tools]]></category>

		<guid isPermaLink="false">https://layercake.marketing/?p=5228</guid>
		<description><![CDATA[<p>The post <a rel="nofollow" href="https://layercake.marketing/developer-tools/remove-wordpress-header-meta-junk/">Remove WordPress Header META Junk</a> appeared first on <a rel="nofollow" href="https://layercake.marketing">Layer Cake Marketing</a>.</p>
]]></description>
				<content:encoded><![CDATA[<div class="vc_row element-row row "><div class="wpb_column vc_column_container vc_col-sm-12"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element " >
		<div class="wpb_wrapper">
			<p>Place the following code in your <code>functions.php</code> file of your WordPress theme to remove some useless things from the head of your site.</p>
<p>There are a lot of things that WordPress adds to the head of your site. These can all be removed using the <a href="http://codex.wordpress.org/Function_Reference/remove_action" target="_blank" rel="noopener">remove_action</a> function that WordPress provides in your <code>functions.php</code> file.</p>

		</div>
	</div>

	<div class="wpb_text_column wpb_content_element " >
		<div class="wpb_wrapper">
			<p></p><pre class="crayon-plain-tag">remove_action('wp_head', 'feed_links_extra', 3); // Display the links to the extra feeds such as category feeds
remove_action('wp_head', 'feed_links', 2); // Display the links to the general feeds: Post and Comment Feed
remove_action('wp_head', 'rsd_link'); // Display the link to the Really Simple Discovery service endpoint, EditURI link
remove_action('wp_head', 'wlwmanifest_link'); // Display the link to the Windows Live Writer manifest file.
remove_action('wp_head', 'index_rel_link'); // Index link
remove_action('wp_head', 'parent_post_rel_link', 10, 0); // Prev link
remove_action('wp_head', 'start_post_rel_link', 10, 0); // Start link
remove_action('wp_head', 'adjacent_posts_rel_link', 10, 0); // Display relational links for the posts adjacent to the current post.
remove_action('wp_head', 'wp_generator'); // Display the XHTML generator that is generated on the wp_head hook, WP version
remove_action('wp_head', 'adjacent_posts_rel_link_wp_head', 10, 0);
remove_action('wp_head', 'rel_canonical');
remove_action('wp_head', 'wp_shortlink_wp_head', 10, 0);
remove_action( 'wp_head', 'print_emoji_detection_script', 7 ); 
remove_action( 'admin_print_scripts', 'print_emoji_detection_script' ); 
remove_action( 'wp_print_styles', 'print_emoji_styles' ); 
remove_action( 'admin_print_styles', 'print_emoji_styles' );</pre><p></p>

		</div>
	</div>
</div></div></div><div class="vc_row element-row row "><div class="wpb_column vc_column_container vc_col-sm-12"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element " >
		<div class="wpb_wrapper">
			<p>For more information on the <code>remove_action</code> and cleaning up your WordPress head, check out the <a href="http://codex.wordpress.org/Function_Reference/remove_action" target="_blank" rel="noopener">official docs</a>.</p>

		</div>
	</div>
</div></div></div>
<p>The post <a rel="nofollow" href="https://layercake.marketing/developer-tools/remove-wordpress-header-meta-junk/">Remove WordPress Header META Junk</a> appeared first on <a rel="nofollow" href="https://layercake.marketing">Layer Cake Marketing</a>.</p>
]]></content:encoded>
			<wfw:commentRss>https://layercake.marketing/developer-tools/remove-wordpress-header-meta-junk/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<post-id xmlns="com-wordpress:feed-additions:1">5228</post-id>	</item>
		<item>
		<title>6 Big Myths About SEO</title>
		<link>https://layercake.marketing/seo/seo-myths/</link>
		<comments>https://layercake.marketing/seo/seo-myths/#respond</comments>
		<pubDate>Sat, 03 Oct 2015 07:49:38 +0000</pubDate>
		<dc:creator><![CDATA[Eric Larson]]></dc:creator>
				<category><![CDATA[SEO]]></category>

		<guid isPermaLink="false">http://lcm.layercake.marketing/?p=3916</guid>
		<description><![CDATA[<p>Your understanding of the way Google works is probably three or four years out of date&#8211;and that&#8217;s an eternity in Web time. In the world of online marketing, misinformation abounds&#8211;and it gets compounded exponentially by an incredibly dynamic and rapidly evolving world. Most of the things you think you know (but don&#8217;t) about search-engine optimization, [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://layercake.marketing/seo/seo-myths/">6 Big Myths About SEO</a> appeared first on <a rel="nofollow" href="https://layercake.marketing">Layer Cake Marketing</a>.</p>
]]></description>
				<content:encoded><![CDATA[<h3>Your understanding of the way Google works is probably three or four years out of date&#8211;and that&#8217;s an eternity in Web time.</h3>
<p>In the world of online marketing, misinformation abounds&#8211;and it gets compounded exponentially by an incredibly dynamic and rapidly evolving world. Most of the things you think you know (but don&#8217;t) about search-engine optimization, or SEO, may have been true a few years ago but have changed; one of the following was always a myth.</p>
<p>Here are some of the myths you need to move beyond to get smarter about SEO.</p>
<p><b>Myth 1: Metatag Descriptions Help Your Rankings</b></p>
<p>Not anymore; in fact, metatags are no longer even indexed by Google and Bing. But don&#8217;t ignore them altogether: Your metatags form the text that is displayed along with your link in the search results&#8211;and a more compelling description will compel more users to click on your listing instead of on others.</p>
<p>Here&#8217;s example of ours; the metatag is everything below the URL.</p>
<blockquote><p><img src="https://i0.wp.com/www.inc.com/uploaded_files/image/searchresult_20487.jpg" alt="" data-recalc-dims="1" /></p></blockquote>
<p><b>Myth 2: The More Inbound Links, the Better</b></p>
<p>False. In all the recent updates to Google&#8217;s algorithm, the search giant has made it a core priority to have quality trump quantity. Gone are the days of having thousands of superlow-quality links driving up rankings; in fact, creating those links can look spammy and get your site penalized.</p>
<p>Focus on obtaining links from sites that are relevant to your products, services, or industry&#8211;and on having those links be surrounded by relevant text. A blog review about your &#8220;blue widget&#8221; that links to your site is far more valuable than a rogue link for &#8220;blue widget&#8221; stuck in the footer or sidebar of some site&#8211;even a highly ranked one.</p>
<p><b>Myth 3: PageRank Still Matters</b></p>
<p>Google&#8217;s infamous PageRank (<a href="http://en.wikipedia.org/wiki/PageRank" target="_blank" rel="nofollow">named after Google co-founder and now-CEO Larry Page,</a> mind you) is a 1-to-10 ranking of the overall authority of every website; the bigger the number, the higher the rank. In years past, this seemingly all-powerful number dominated the attention of SEO experts.</p>
<p>But today, Google&#8217;s algorithm has evolved well beyond any single indicator. The PageRank still exists, and if all things are equal, a higher PageRank trumps a lower one&#8211;but factors such as relevance and context matter, too.</p>
<p>As with inbound links: If you run a dental practice in Los Angeles, it&#8217;s better to have a link from a site that reviews doctors and dentists in L.A., even if it has a PageRank of 4, than to have a paid link with no context in a huge site with a higher PageRank of 7.</p>
<p><b>Myth 4: Google Prefers Keyword-Rich Domains</b></p>
<p>In years past, Google seemed to put a disproportionate amount of emphasis on keywords in the domain name (what you may think of as the URL). For example, vinylhousesiding.com would almost certainly be ranked first in a search for <em>vinyl house siding.</em></p>
<p>Not anymore, says Google. If vinylhousesiding.com is in fact the more relevant, authoritative site on the topic, it will probably still rank first&#8211;but not because of its domain name alone.</p>
<p><b>Myth 5: Websites Must Be &#8216;Submitted&#8217; to Search Engines</b></p>
<p>In 2001, yes, this was the case&#8211;indeed, this was the first service that my company, Wpromote, ever provided. But in 2012? Not at all. At this point, if there is <em>any</em>connection from <em>any </em>site to yours, your site will be quickly discovered by Google.</p>
<p>Note that being indexed is a far cry from achieving high rankings&#8211;but that initial step of submission is no longer needed or helpful.</p>
<p><b>Myth 6: Good SEO Is Basically About Trickery</b></p>
<p>False, false, false. Although there are still some SEO experts out there who go about their business trying to &#8220;trick Google,&#8221; this is absolutely not the way to provide good, lasting SEO.</p>
<p>The post <a rel="nofollow" href="https://layercake.marketing/seo/seo-myths/">6 Big Myths About SEO</a> appeared first on <a rel="nofollow" href="https://layercake.marketing">Layer Cake Marketing</a>.</p>
]]></content:encoded>
			<wfw:commentRss>https://layercake.marketing/seo/seo-myths/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<post-id xmlns="com-wordpress:feed-additions:1">3916</post-id>	</item>
		<item>
		<title>Landing Page &#8211; Psychology of Conversion</title>
		<link>https://layercake.marketing/marketing/landing-page-psychology-of-conversion/</link>
		<comments>https://layercake.marketing/marketing/landing-page-psychology-of-conversion/#respond</comments>
		<pubDate>Tue, 29 Sep 2015 03:23:54 +0000</pubDate>
		<dc:creator><![CDATA[Eric Larson]]></dc:creator>
				<category><![CDATA[Marketing]]></category>

		<guid isPermaLink="false">http://lcm.layercake.marketing/?p=3769</guid>
		<description><![CDATA[<p>Social Proof Try before you Buy Urgency and Scarcity &#160; Social Proof Social proof is often communicated with the statistics and actions of a particular crowd and it can greatly enhance the “me too” factor. A great demonstration of social proof can be seen in a real-world experiment called the “Man looking skyward”. In 1969, [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://layercake.marketing/marketing/landing-page-psychology-of-conversion/">Landing Page &#8211; Psychology of Conversion</a> appeared first on <a rel="nofollow" href="https://layercake.marketing">Layer Cake Marketing</a>.</p>
]]></description>
				<content:encoded><![CDATA[<ol>
<li>Social Proof</li>
<li>Try before you Buy</li>
<li>Urgency and Scarcity</li>
</ol>
<p>&nbsp;</p>
<h3 class="fullwidth">Social Proof</h3>
<p>Social proof is often communicated with the statistics and actions of a particular crowd and it can greatly enhance the “me too” factor.</p>
<p>A great demonstration of social proof can be seen in a real-world experiment called the “Man looking skyward”.</p>
<p>In 1969, a study by S. Milgram, L. Bickman and L. Berkowitz, was performed on the streets of New York City in which a man was standing looking up in the air. The goal of the experiment was to see if social proof played a part in the reactions of passersby.</p>
<table class="tablefix">
<tbody>
<tr>
<th>One man looking up</th>
<th>A crowd of people looking up</th>
</tr>
<tr>
<td><img class="alignnone size-medium wp-image-170" src="https://i1.wp.com/thelandingpagecourse.com/wp-content/uploads/2013/06/man-looking-up-300x128.jpg?resize=300%2C128" alt="man looking skyward experiment" width="300" height="128" data-recalc-dims="1" /></td>
<td><img class="alignnone size-medium wp-image-171" src="https://i0.wp.com/thelandingpagecourse.com/wp-content/uploads/2013/06/crowd-looking-up-300x191.jpg?resize=300%2C191" alt="crowd looking up" width="300" height="191" data-recalc-dims="1" /></td>
</tr>
<tr>
<td>For the single man standing in the street, the study showed most people would walk past him and not pay any attention to what he was looking at.</td>
<td>When the group of staring people increased to five, people started reacting by joining in and looking up to see what was going on. Finally, increasing the participants to 18 people resulted in a 400 per cent lift of people stopping to join the crowd.</td>
</tr>
</tbody>
</table>
<h3>Add compelling testimonials</h3>
<p>One of the best ways of building social proof on a landing page is to show some powerful testimonials from your clients or experts that are using your product or service. These should be short and to the point, and should ideally include a photo of the person giving the testimonial to make it more authentic. To take this a step further, try adding video testimonials – these are highly engaging and very convincing.</p>
<p>The best testimonials tend to describe the resolution of a specific pain, describing how your offering solved it for them.</p>
<p>UserTesting.com uses favorable tweets to build credibility. Tweets are a smart way of showing social proof as the person giving the testimonial can easily be confirmed as legitimate with a quick search on Twitter.</p>
<p><img class="alignnone size-full wp-image-248" src="https://i1.wp.com/thelandingpagecourse.com/wp-content/uploads/2013/06/usertesting-social-proof.jpg?resize=479%2C812" alt="unbounce usertesting social proof" width="479" height="812" data-recalc-dims="1" /></p>
<h3>Text vs. video testimonials</h3>
<p>An example of the power of video, Unbounce ran an A/B test on their homepage to determine whether a video testimonial performed better than text testimonials. The video testimonial produced a 25% increase in the number of people starting a free trial.</p>
<h4>Page A – Text testimonials</h4>
<p><img class="alignnone size-full wp-image-246" src="https://i2.wp.com/thelandingpagecourse.com/wp-content/uploads/2013/06/text-testimonial.jpg?resize=790%2C390" alt="unbounce a/b test test testimonial vs video testimonial" width="790" height="390" data-recalc-dims="1" /></p>
<h4>Page B – Video testimonial – 25% conversion lift</h4>
<p><a class="fancybox iframecasestudyvideo" href="http://player.vimeo.com/video/66694260?title=0&amp;byline=0&amp;portrait=0"><img class="alignnone size-full wp-image-247" src="https://i1.wp.com/thelandingpagecourse.com/wp-content/uploads/2013/06/video-testimonial.jpg?w=790" alt="unbounce a/b test test testimonial vs video testimonial" data-recalc-dims="1" /></a></p>
<h3>Add logos of your clients</h3>
<p>Prove that you have many good clients already and prominently show the logos of them on your landing page. This works particularly well if you have clients that your target market admires.<br />
Take a look through your existing clients and find ones that are the most well-known. When adding them to your landing page don’t forget to include a compelling headline for the section.</p>
<p>KissMetrics do this well, using the phrase “Trusted by some of the godfathers of the modern internet” to introduce the logos. This is a very attention grabbing statement. As with many page elements, it’s important to test this against different phrases to see which resonates most with your visitors.</p>
<p><img class="alignnone size-full wp-image-249" src="https://i0.wp.com/thelandingpagecourse.com/wp-content/uploads/2013/06/kissmetrics-social-proof.jpg?resize=417%2C561" alt="unbounce kissmetrics social proof" width="417" height="561" data-recalc-dims="1" /></p>
<h3>Show great usage numbers</h3>
<p>If you have relevant numbers that prove your credibility, use them. Consider how the message on McDonalds ’99 billion served’ sign is. You could display the number of clients you’ve served, downloads of your product, or years in operation. Don’t be shy about proving that people love using your services or products!</p>
<p>To uncover some original ways of stating usage, have a brainstorm with different functional groups in your company. You never know who will have that all important stat.</p>
<p>99designs.com does a great job of showing compelling usage numbers at the top of their landing page. They highlight how many people have used their services, how many designers they have, and how much money has been awarded.</p>
<p><img class="alignnone size-full wp-image-245" src="https://i2.wp.com/thelandingpagecourse.com/wp-content/uploads/2013/06/99designs-social-proof.jpg?resize=451%2C638" alt="99 designs social proof unbounce" width="451" height="638" data-recalc-dims="1" /></p>
<h3>Add awards/media mentions</h3>
<p>If you’ve had great coverage in the press about your product or service, or you have won awards (things like “Editor’s Top Pick”), you can boast about this on your landing page. Again, you should include a descriptive headline for the section to capture the eyes of scanning readers.</p>
<p>&nbsp;</p>
<h3 class="fullwidth">Try Before You Buy</h3>
<p><img class="alignright size-medium wp-image-176" src="https://i1.wp.com/thelandingpagecourse.com/wp-content/uploads/2013/06/eat-a-grape-225x300.jpg?resize=225%2C300" alt="conversion centered design try before you buy" width="225" height="300" data-recalc-dims="1" /></p>
<p>One of the most common real-world examples of ‘Try Before You Buy’, is when people sneak a quick taste from a bunch of grapes in the supermarket. We’ve all done it. It seems to have become an internationally recognized form of acceptable thievery.</p>
<p>As a conversion centered marketer, you can learn from this by allowing your visitors to see a preview of your offering before committing to a purchase/download.</p>
<p>In the example shown, the grape stall owner has gone the extra mile to provide a section devoted specifically to grape samples (the preview), which demonstrates that the seller is providing a quality product – which you can verify by consuming the preview.</p>
<blockquote>
<div class="lesson-takeaway"><strong>TAKE AWAY</strong><br />
Let people sample your offering before they have to commit to a decision. For content like an ebook, copy Amazon with their “Look Inside” concept – perhaps with the first chapter. You can also use a Slideshare presentation to provide a preview and also to have a second channel of content on Slideshare.net.</div>
</blockquote>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>The post <a rel="nofollow" href="https://layercake.marketing/marketing/landing-page-psychology-of-conversion/">Landing Page &#8211; Psychology of Conversion</a> appeared first on <a rel="nofollow" href="https://layercake.marketing">Layer Cake Marketing</a>.</p>
]]></content:encoded>
			<wfw:commentRss>https://layercake.marketing/marketing/landing-page-psychology-of-conversion/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<post-id xmlns="com-wordpress:feed-additions:1">3769</post-id>	</item>
		<item>
		<title>Ink Dots Art</title>
		<link>https://layercake.marketing/video/ink-dots-art/</link>
		<comments>https://layercake.marketing/video/ink-dots-art/#respond</comments>
		<pubDate>Sun, 06 Apr 2014 11:29:39 +0000</pubDate>
		<dc:creator><![CDATA[Eric Larson]]></dc:creator>
				<category><![CDATA[Updates]]></category>
		<category><![CDATA[Video]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://hb-themes.com/themes/highend_wp/?p=841</guid>
		<description><![CDATA[<p>Stippling is a common art technique used to create shading and texture in their drawings, particularly line drawings. Stippling can be done with a wide variety of mediums, works well with printing techniques and can create optical illusions when done be a skilled artist. This information will help you understand the method of stippling and [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://layercake.marketing/video/ink-dots-art/">Ink Dots Art</a> appeared first on <a rel="nofollow" href="https://layercake.marketing">Layer Cake Marketing</a>.</p>
]]></description>
				<content:encoded><![CDATA[<p>Stippling is a common art technique used to create shading and texture in their drawings, particularly line drawings. Stippling can be done with a wide variety of mediums, works well with printing techniques and can create optical illusions when done be a skilled artist. This information will help you understand the method of stippling and its uses.</p>
<p>Portraits and general subject drawings made out of many ink dots laid carefully side by side are often called pointillism or stipple. Pointillism is the color version of a stipple portrait. As colored dots are placed adjacent to each other, when the viewer moves further away, the colors seem to blend to the eye, creating a new color.</p>
<p>Though stippling is used by artist world-wide, the technique is particularly useful to artists that need to reproduce their illustrations in black and white print because it can be reproduced with only black ink. It is also superior to the shading technique called hatching because it doesn&#8217;t use lines, making illustrations and drawings clearer.</p>
<p><strong>Types</strong><br />
Stippling can be done with a brush, pen or pencil. Ink pens and pencil is the most common tools used for stippling because they are easier to control. Paint often drips and runs, making the dots less precise. Stippling can also be done with crayons, conte crayons, charcoal and pastel.</p>
<p><strong>Function</strong><br />
The closer the dots, the darker the subject will be. This is handy for shading. To create a look of gradual shading, the artist only has to make the dots closer and closer as the lighting fades to get a shaded look.<br />
Stippling can also create the look of texture. If the dots are irregular in shape, this can make the object look rough.</p>
<p><strong>Effects</strong><br />
This form of shading creates an optical illusion when don correctly. To the viewer, the shading will almost look like one smooth application of medium and the dots will only be obvious when viewed very closely. From far away no dots will be apparent.</p>
<p>The post <a rel="nofollow" href="https://layercake.marketing/video/ink-dots-art/">Ink Dots Art</a> appeared first on <a rel="nofollow" href="https://layercake.marketing">Layer Cake Marketing</a>.</p>
]]></content:encoded>
			<wfw:commentRss>https://layercake.marketing/video/ink-dots-art/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<post-id xmlns="com-wordpress:feed-additions:1">841</post-id>	</item>
		<item>
		<title>Special Characters in HTML</title>
		<link>https://layercake.marketing/developer-tools/special-characters-in-html/</link>
		<comments>https://layercake.marketing/developer-tools/special-characters-in-html/#respond</comments>
		<pubDate>Fri, 16 Nov 2012 16:13:27 +0000</pubDate>
		<dc:creator><![CDATA[Eric Larson]]></dc:creator>
				<category><![CDATA[Developer Tools]]></category>

		<guid isPermaLink="false">https://layercake.marketing/?p=2822</guid>
		<description><![CDATA[<p>HTML Entities and/or ISO Latin-1 codes can be placed in source code like any other alphanumeric characters to produce special characters and symbols that cannot be generated in HTML with normal keyboard commands. For example, to render Düsseldorf the HTML source should read D&#252;sseldorf or D&#252;sseldorf While many similar lists are available on the Web [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://layercake.marketing/developer-tools/special-characters-in-html/">Special Characters in HTML</a> appeared first on <a rel="nofollow" href="https://layercake.marketing">Layer Cake Marketing</a>.</p>
]]></description>
				<content:encoded><![CDATA[<p>HTML Entities and/or ISO Latin-1 codes can be placed in source code like any other alphanumeric characters to produce special characters and symbols that cannot be generated in HTML with normal keyboard commands.</p>
<p>For example, to render Düsseldorf the HTML source should read</p>
<p>D&uuml;sseldorf or D&#252;sseldorf</p>
<p>While many similar lists are available on the Web (run your favorite search engine using &#8220;ISO Latin&#8221; or &#8220;HTML Entities&#8221;), none I&#8217;ve seen account for the standard character sets of different operating systems (e.g. Windows vs. DOS vs. Macintosh, etc.); this list should produce the same results on all platforms.</p>
<table border="0" cellspacing="0" cellpadding="3" bgcolor="#FFFFFF">
<tbody>
<tr bgcolor="#EEEEEE">
<td>left single quote</td>
<td></td>
<td>&amp;lsquo;</td>
<td><strong>‘</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>right single quote</td>
<td></td>
<td>&amp;rsquo;</td>
<td><strong>’</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>single low-9 quote</td>
<td></td>
<td>&amp;sbquo;</td>
<td><strong>‚</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>left double quote</td>
<td></td>
<td>&amp;ldquo;</td>
<td><strong>“</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>right double quote</td>
<td></td>
<td>&amp;rdquo;</td>
<td><strong>”</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>double low-9 quote</td>
<td></td>
<td>&amp;bdquo;</td>
<td><strong>„</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>dagger</td>
<td></td>
<td>&amp;dagger;</td>
<td><strong>†</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>double dagger</td>
<td></td>
<td>&amp;Dagger;</td>
<td><strong>‡</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>per mill sign</td>
<td></td>
<td>&amp;permil;</td>
<td><strong>‰</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>single left-pointing angle quote</td>
<td></td>
<td>&amp;lsaquo;</td>
<td><strong>‹</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>single right-pointing angle quote</td>
<td></td>
<td>&amp;rsaquo;</td>
<td><strong>›</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>black spade suit</td>
<td></td>
<td>&amp;spades;</td>
<td><strong><img src="https://s.w.org/images/core/emoji/11/72x72/2660.png" alt="♠" class="wp-smiley" style="height: 1em; max-height: 1em;" /></strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>black club suit</td>
<td></td>
<td>&amp;clubs;</td>
<td><strong><img src="https://s.w.org/images/core/emoji/11/72x72/2663.png" alt="♣" class="wp-smiley" style="height: 1em; max-height: 1em;" /></strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>black heart suit</td>
<td></td>
<td>&amp;hearts;</td>
<td><strong><img src="https://s.w.org/images/core/emoji/11/72x72/2665.png" alt="♥" class="wp-smiley" style="height: 1em; max-height: 1em;" /></strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>black diamond suit</td>
<td></td>
<td>&amp;diams;</td>
<td><strong><img src="https://s.w.org/images/core/emoji/11/72x72/2666.png" alt="♦" class="wp-smiley" style="height: 1em; max-height: 1em;" /></strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>overline, = spacing overscore</td>
<td></td>
<td>&amp;oline;</td>
<td><strong>‾</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>leftward arrow</td>
<td></td>
<td>&amp;larr;</td>
<td><strong>←</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>upward arrow</td>
<td></td>
<td>&amp;uarr;</td>
<td><strong>↑</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>rightward arrow</td>
<td></td>
<td>&amp;rarr;</td>
<td><strong>→</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>downward arrow</td>
<td></td>
<td>&amp;darr;</td>
<td><strong>↓</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>trademark sign</td>
<td>&amp;#x2122;</td>
<td>&amp;trade;</td>
<td><strong><img src="https://s.w.org/images/core/emoji/11/72x72/2122.png" alt="™" class="wp-smiley" style="height: 1em; max-height: 1em;" /></strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>unused</td>
<td>&amp;#00;-<br />
&amp;#08;</td>
<td></td>
<td></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>horizontal tab</td>
<td>&amp;#09;</td>
<td></td>
<td></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>line feed</td>
<td>&amp;#10;</td>
<td></td>
<td></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>unused</td>
<td>&amp;#11;</td>
<td></td>
<td></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>space</td>
<td>&amp;#32;</td>
<td></td>
<td></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>exclamation mark</td>
<td>&amp;#33;</td>
<td></td>
<td><strong>!</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>double quotation mark</td>
<td>&amp;#34;</td>
<td>&amp;quot;</td>
<td><strong>&#8220;</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>number sign</td>
<td>&amp;#35;</td>
<td></td>
<td><strong>#</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>dollar sign</td>
<td>&amp;#36;</td>
<td></td>
<td><strong>$</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>percent sign</td>
<td>&amp;#37;</td>
<td></td>
<td><strong>%</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>ampersand</td>
<td>&amp;#38;</td>
<td>&amp;amp;</td>
<td><strong>&amp;</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>apostrophe</td>
<td>&amp;#39;</td>
<td></td>
<td><strong>&#8216;</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>left parenthesis</td>
<td>&amp;#40;</td>
<td></td>
<td><strong>(</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>right parenthesis</td>
<td>&amp;#41;</td>
<td></td>
<td><strong>)</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>asterisk</td>
<td>&amp;#42;</td>
<td></td>
<td><strong>*</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>plus sign</td>
<td>&amp;#43;</td>
<td></td>
<td><strong>+</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>comma</td>
<td>&amp;#44;</td>
<td></td>
<td><strong>,</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>hyphen</td>
<td>&amp;#45;</td>
<td></td>
<td><strong>&#8211;</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>period</td>
<td>&amp;#46;</td>
<td></td>
<td><strong>.</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>slash</td>
<td>&amp;#47;</td>
<td>&amp;frasl;</td>
<td><strong>/</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>digits 0-9</td>
<td>&amp;#48;-<br />
&amp;#57;</td>
<td></td>
<td></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>colon</td>
<td>&amp;#58;</td>
<td></td>
<td><strong>:</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>semicolon</td>
<td>&amp;#59;</td>
<td></td>
<td><strong>;</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>less-than sign</td>
<td>&amp;#60;</td>
<td>&amp;lt;</td>
<td><strong>&lt;</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>equals sign</td>
<td>&amp;#61;</td>
<td></td>
<td><strong>=</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>greater-than sign</td>
<td>&amp;#62;</td>
<td>&amp;gt;</td>
<td><strong>&gt;</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>question mark</td>
<td>&amp;#63;</td>
<td></td>
<td><strong>?</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>at sign</td>
<td>&amp;#64;</td>
<td></td>
<td><strong>@</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>uppercase letters A-Z</td>
<td>&amp;#65;-<br />
&amp;#90;</td>
<td></td>
<td></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>left square bracket</td>
<td>&amp;#91;</td>
<td></td>
<td><strong>[</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>backslash</td>
<td>&amp;#92;</td>
<td></td>
<td></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>right square bracket</td>
<td>&amp;#93;</td>
<td></td>
<td><strong>]</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>caret</td>
<td>&amp;#94;</td>
<td></td>
<td><strong>^</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>horizontal bar (underscore)</td>
<td>&amp;#95;</td>
<td></td>
<td><strong>_</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>grave accent</td>
<td>&amp;#96;</td>
<td></td>
<td><strong>`</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>lowercase letters a-z</td>
<td>&amp;#97;-<br />
&amp;#122;</td>
<td></td>
<td></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>left curly brace</td>
<td>&amp;#123;</td>
<td></td>
<td><strong>{</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>vertical bar</td>
<td>&amp;#124;</td>
<td></td>
<td><strong>|</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>right curly brace</td>
<td>&amp;#125;</td>
<td></td>
<td><strong>}</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>tilde</td>
<td>&amp;#126;</td>
<td></td>
<td><strong>~</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>ellipses</td>
<td>&amp;#133;</td>
<td>&amp;hellip;</td>
<td><strong>…</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>en dash</td>
<td>&amp;#150;</td>
<td>&amp;ndash;</td>
<td><strong>–</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>em dash</td>
<td>&amp;#151;</td>
<td>&amp;mdash;</td>
<td><strong>—</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>unused</td>
<td>&amp;#152;-<br />
&amp;#159;</td>
<td></td>
<td></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>nonbreaking space</td>
<td>&amp;#160;</td>
<td>&amp;nbsp;</td>
<td><strong> </strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>inverted exclamation</td>
<td>&amp;#161;</td>
<td>&amp;iexcl;</td>
<td><strong>¡</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>cent sign</td>
<td>&amp;#162;</td>
<td>&amp;cent;</td>
<td><strong>¢</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>pound sterling</td>
<td>&amp;#163;</td>
<td>&amp;pound;</td>
<td><strong>£</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>general currency sign</td>
<td>&amp;#164;</td>
<td>&amp;curren;</td>
<td><strong>¤</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>yen sign</td>
<td>&amp;#165;</td>
<td>&amp;yen;</td>
<td><strong>¥</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>broken vertical bar</td>
<td>&amp;#166;</td>
<td>&amp;brvbar; or &amp;brkbar;</td>
<td><strong>¦</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>section sign</td>
<td>&amp;#167;</td>
<td>&amp;sect;</td>
<td><strong>§</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>umlaut</td>
<td>&amp;#168;</td>
<td>&amp;uml; or &amp;die;</td>
<td><strong>¨</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>copyright</td>
<td>&amp;#169;</td>
<td>&amp;copy;</td>
<td><strong>©</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>feminine ordinal</td>
<td>&amp;#170;</td>
<td>&amp;ordf;</td>
<td><strong>ª</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>left angle quote</td>
<td>&amp;#171;</td>
<td>&amp;laquo;</td>
<td><strong>«</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>not sign</td>
<td>&amp;#172;</td>
<td>&amp;not;</td>
<td><strong>¬</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>soft hyphen</td>
<td>&amp;#173;</td>
<td>&amp;shy;</td>
<td></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>registered trademark</td>
<td>&amp;#174;</td>
<td>&amp;reg;</td>
<td><strong>®</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>macron accent</td>
<td>&amp;#175;</td>
<td>&amp;macr; or &amp;hibar;</td>
<td><strong>¯</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>degree sign</td>
<td>&amp;#176;</td>
<td>&amp;deg;</td>
<td><strong>°</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>plus or minus</td>
<td>&amp;#177;</td>
<td>&amp;plusmn;</td>
<td><strong>±</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>superscript two</td>
<td>&amp;#178;</td>
<td>&amp;sup2;</td>
<td><strong>²</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>superscript three</td>
<td>&amp;#179;</td>
<td>&amp;sup3;</td>
<td><strong>³</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>acute accent</td>
<td>&amp;#180;</td>
<td>&amp;acute;</td>
<td><strong>´</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>micro sign</td>
<td>&amp;#181;</td>
<td>&amp;micro;</td>
<td><strong>µ</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>paragraph sign</td>
<td>&amp;#182;</td>
<td>&amp;para;</td>
<td><strong>¶</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>middle dot</td>
<td>&amp;#183;</td>
<td>&amp;middot;</td>
<td><strong>·</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>cedilla</td>
<td>&amp;#184;</td>
<td>&amp;cedil;</td>
<td><strong>¸</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>superscript one</td>
<td>&amp;#185;</td>
<td>&amp;sup1;</td>
<td><strong>¹</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>masculine ordinal</td>
<td>&amp;#186;</td>
<td>&amp;ordm;</td>
<td><strong>º</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>right angle quote</td>
<td>&amp;#187;</td>
<td>&amp;raquo;</td>
<td><strong>»</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>one-fourth</td>
<td>&amp;#188;</td>
<td>&amp;frac14;</td>
<td><strong>¼</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>one-half</td>
<td>&amp;#189;</td>
<td>&amp;frac12;</td>
<td><strong>½</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>three-fourths</td>
<td>&amp;#190;</td>
<td>&amp;frac34;</td>
<td><strong>¾</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>inverted question mark</td>
<td>&amp;#191;</td>
<td>&amp;iquest;</td>
<td><strong>¿</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>uppercase A, grave accent</td>
<td>&amp;#192;</td>
<td>&amp;Agrave;</td>
<td><strong>À</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>uppercase A, acute accent</td>
<td>&amp;#193;</td>
<td>&amp;Aacute;</td>
<td><strong>Á</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>uppercase A, circumflex accent</td>
<td>&amp;#194;</td>
<td>&amp;Acirc;</td>
<td><strong>Â</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>uppercase A, tilde</td>
<td>&amp;#195;</td>
<td>&amp;Atilde;</td>
<td><strong>Ã</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>uppercase A, umlaut</td>
<td>&amp;#196;</td>
<td>&amp;Auml;</td>
<td><strong>Ä</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>uppercase A, ring</td>
<td>&amp;#197;</td>
<td>&amp;Aring;</td>
<td><strong>Å</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>uppercase AE</td>
<td>&amp;#198;</td>
<td>&amp;AElig;</td>
<td><strong>Æ</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>uppercase C, cedilla</td>
<td>&amp;#199;</td>
<td>&amp;Ccedil;</td>
<td><strong>Ç</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>uppercase E, grave accent</td>
<td>&amp;#200;</td>
<td>&amp;Egrave;</td>
<td><strong>È</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>uppercase E, acute accent</td>
<td>&amp;#201;</td>
<td>&amp;Eacute;</td>
<td><strong>É</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>uppercase E, circumflex accent</td>
<td>&amp;#202;</td>
<td>&amp;Ecirc;</td>
<td><strong>Ê</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>uppercase E, umlaut</td>
<td>&amp;#203;</td>
<td>&amp;Euml;</td>
<td><strong>Ë</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>uppercase I, grave accent</td>
<td>&amp;#204;</td>
<td>&amp;Igrave;</td>
<td><strong>Ì</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>uppercase I, acute accent</td>
<td>&amp;#205;</td>
<td>&amp;Iacute;</td>
<td><strong>Í</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>uppercase I, circumflex accent</td>
<td>&amp;#206;</td>
<td>&amp;Icirc;</td>
<td><strong>Î</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>uppercase I, umlaut</td>
<td>&amp;#207;</td>
<td>&amp;Iuml;</td>
<td><strong>Ï</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>uppercase Eth, Icelandic</td>
<td>&amp;#208;</td>
<td>&amp;ETH;</td>
<td><strong>Ð</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>uppercase N, tilde</td>
<td>&amp;#209;</td>
<td>&amp;Ntilde;</td>
<td><strong>Ñ</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>uppercase O, grave accent</td>
<td>&amp;#210;</td>
<td>&amp;Ograve;</td>
<td><strong>Ò</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>uppercase O, acute accent</td>
<td>&amp;#211;</td>
<td>&amp;Oacute;</td>
<td><strong>Ó</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>uppercase O, circumflex accent</td>
<td>&amp;#212;</td>
<td>&amp;Ocirc;</td>
<td><strong>Ô</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>uppercase O, tilde</td>
<td>&amp;#213;</td>
<td>&amp;Otilde;</td>
<td><strong>Õ</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>uppercase O, umlaut</td>
<td>&amp;#214;</td>
<td>&amp;Ouml;</td>
<td><strong>Ö</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>multiplication sign</td>
<td>&amp;#215;</td>
<td>&amp;times;</td>
<td><strong>×</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>uppercase O, slash</td>
<td>&amp;#216;</td>
<td>&amp;Oslash;</td>
<td><strong>Ø</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>uppercase U, grave accent</td>
<td>&amp;#217;</td>
<td>&amp;Ugrave;</td>
<td><strong>Ù</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>uppercase U, acute accent</td>
<td>&amp;#218;</td>
<td>&amp;Uacute;</td>
<td><strong>Ú</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>uppercase U, circumflex accent</td>
<td>&amp;#219;</td>
<td>&amp;Ucirc;</td>
<td><strong>Û</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>uppercase U, umlaut</td>
<td>&amp;#220;</td>
<td>&amp;Uuml;</td>
<td><strong>Ü</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>uppercase Y, acute accent</td>
<td>&amp;#221;</td>
<td>&amp;Yacute;</td>
<td><strong>Ý</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>uppercase THORN, Icelandic</td>
<td>&amp;#222;</td>
<td>&amp;THORN;</td>
<td><strong>Þ</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>lowercase sharps, German</td>
<td>&amp;#223;</td>
<td>&amp;szlig;</td>
<td><strong>ß</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>lowercase a, grave accent</td>
<td>&amp;#224;</td>
<td>&amp;agrave;</td>
<td><strong>à</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>lowercase a, acute accent</td>
<td>&amp;#225;</td>
<td>&amp;aacute;</td>
<td><strong>á</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>lowercase a, circumflex accent</td>
<td>&amp;#226;</td>
<td>&amp;acirc;</td>
<td><strong>â</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>lowercase a, tilde</td>
<td>&amp;#227;</td>
<td>&amp;atilde;</td>
<td><strong>ã</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>lowercase a, umlaut</td>
<td>&amp;#228;</td>
<td>&amp;auml;</td>
<td><strong>ä</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>lowercase a, ring</td>
<td>&amp;#229;</td>
<td>&amp;aring;</td>
<td><strong>å</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>lowercase ae</td>
<td>&amp;#230;</td>
<td>&amp;aelig;</td>
<td><strong>æ</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>lowercase c, cedilla</td>
<td>&amp;#231;</td>
<td>&amp;ccedil;</td>
<td><strong>ç</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>lowercase e, grave accent</td>
<td>&amp;#232;</td>
<td>&amp;egrave;</td>
<td><strong>è</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>lowercase e, acute accent</td>
<td>&amp;#233;</td>
<td>&amp;eacute;</td>
<td><strong>é</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>lowercase e, circumflex accent</td>
<td>&amp;#234;</td>
<td>&amp;ecirc;</td>
<td><strong>ê</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>lowercase e, umlaut</td>
<td>&amp;#235;</td>
<td>&amp;euml;</td>
<td><strong>ë</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>lowercase i, grave accent</td>
<td>&amp;#236;</td>
<td>&amp;igrave;</td>
<td><strong>ì</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>lowercase i, acute accent</td>
<td>&amp;#237;</td>
<td>&amp;iacute;</td>
<td><strong>í</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>lowercase i, circumflex accent</td>
<td>&amp;#238;</td>
<td>&amp;icirc;</td>
<td><strong>î</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>lowercase i, umlaut</td>
<td>&amp;#239;</td>
<td>&amp;iuml;</td>
<td><strong>ï</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>lowercase eth, Icelandic</td>
<td>&amp;#240;</td>
<td>&amp;eth;</td>
<td><strong>ð</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>lowercase n, tilde</td>
<td>&amp;#241;</td>
<td>&amp;ntilde;</td>
<td><strong>ñ</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>lowercase o, grave accent</td>
<td>&amp;#242;</td>
<td>&amp;ograve;</td>
<td><strong>ò</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>lowercase o, acute accent</td>
<td>&amp;#243;</td>
<td>&amp;oacute;</td>
<td><strong>ó</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>lowercase o, circumflex accent</td>
<td>&amp;#244;</td>
<td>&amp;ocirc;</td>
<td><strong>ô</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>lowercase o, tilde</td>
<td>&amp;#245;</td>
<td>&amp;otilde;</td>
<td><strong>õ</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>lowercase o, umlaut</td>
<td>&amp;#246;</td>
<td>&amp;ouml;</td>
<td><strong>ö</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>division sign</td>
<td>&amp;#247;</td>
<td>&amp;divide;</td>
<td><strong>÷</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>lowercase o, slash</td>
<td>&amp;#248;</td>
<td>&amp;oslash;</td>
<td><strong>ø</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>lowercase u, grave accent</td>
<td>&amp;#249;</td>
<td>&amp;ugrave;</td>
<td><strong>ù</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>lowercase u, acute accent</td>
<td>&amp;#250;</td>
<td>&amp;uacute;</td>
<td><strong>ú</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>lowercase u, circumflex accent</td>
<td>&amp;#251;</td>
<td>&amp;ucirc;</td>
<td><strong>û</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>lowercase u, umlaut</td>
<td>&amp;#252;</td>
<td>&amp;uuml;</td>
<td><strong>ü</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>lowercase y, acute accent</td>
<td>&amp;#253;</td>
<td>&amp;yacute;</td>
<td><strong>ý</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>lowercase thorn, Icelandic</td>
<td>&amp;#254;</td>
<td>&amp;thorn;</td>
<td><strong>þ</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>lowercase y, umlaut</td>
<td>&amp;#255;</td>
<td>&amp;yuml;</td>
<td><strong>ÿ</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>Alpha</td>
<td>&amp;Alpha;</td>
<td></td>
<td><strong>Α</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>alpha</td>
<td>&amp;alpha;</td>
<td></td>
<td><strong>α</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>Beta</td>
<td>&amp;Beta;</td>
<td></td>
<td><strong>Β</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>beta</td>
<td>&amp;beta;</td>
<td></td>
<td><strong>β</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>Gamma</td>
<td>&amp;Gamma;</td>
<td></td>
<td><strong>Γ</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>gamma</td>
<td>&amp;gamma;</td>
<td></td>
<td><strong>γ</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>Delta</td>
<td>&amp;Delta;</td>
<td></td>
<td><strong>Δ</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>delta</td>
<td>&amp;delta;</td>
<td></td>
<td><strong>δ</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>Epsilon</td>
<td>&amp;Epsilon;</td>
<td></td>
<td><strong>Ε</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>epsilon</td>
<td>&amp;epsilon;</td>
<td></td>
<td><strong>ε</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>Zeta</td>
<td>&amp;Zeta;</td>
<td></td>
<td><strong>Ζ</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>zeta</td>
<td>&amp;zeta;</td>
<td></td>
<td><strong>ζ</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>Eta</td>
<td>&amp;Eta;</td>
<td></td>
<td><strong>Η</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>eta</td>
<td>&amp;eta;</td>
<td></td>
<td><strong>η</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>Theta</td>
<td>&amp;Theta;</td>
<td></td>
<td><strong>Θ</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>theta</td>
<td>&amp;theta;</td>
<td></td>
<td><strong>θ</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>Iota</td>
<td>&amp;Iota;</td>
<td></td>
<td><strong>Ι</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>iota</td>
<td>&amp;iota;</td>
<td></td>
<td><strong>ι</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>Kappa</td>
<td>&amp;Kappa;</td>
<td></td>
<td><strong>Κ</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>kappa</td>
<td>&amp;kappa;</td>
<td></td>
<td><strong>κ</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>Lambda</td>
<td>&amp;Lambda;</td>
<td></td>
<td><strong>Λ</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>lambda</td>
<td>&amp;lambda;</td>
<td></td>
<td><strong>λ</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>Mu</td>
<td>&amp;Mu;</td>
<td></td>
<td><strong>Μ</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>mu</td>
<td>&amp;mu;</td>
<td></td>
<td><strong>μ</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>Nu</td>
<td>&amp;Nu;</td>
<td></td>
<td><strong>Ν</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>nu</td>
<td>&amp;nu;</td>
<td></td>
<td><strong>ν</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>Xi</td>
<td>&amp;Xi;</td>
<td></td>
<td><strong>Ξ</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>xi</td>
<td>&amp;xi;</td>
<td></td>
<td><strong>ξ</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>Omicron</td>
<td>&amp;Omicron;</td>
<td></td>
<td><strong>Ο</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>omicron</td>
<td>&amp;omicron;</td>
<td></td>
<td><strong>ο</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>Pi</td>
<td>&amp;Pi;</td>
<td></td>
<td><strong>Π</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>pi</td>
<td>&amp;pi;</td>
<td></td>
<td><strong>π</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>Rho</td>
<td>&amp;Rho;</td>
<td></td>
<td><strong>Ρ</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>rho</td>
<td>&amp;rho;</td>
<td></td>
<td><strong>ρ</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>Sigma</td>
<td>&amp;Sigma;</td>
<td></td>
<td><strong>Σ</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>sigma</td>
<td>&amp;sigma;</td>
<td></td>
<td><strong>σ</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>Tau</td>
<td>&amp;Tau;</td>
<td></td>
<td><strong>Τ</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>tau</td>
<td>&amp;tau;</td>
<td></td>
<td><strong>τ</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>Upsilon</td>
<td>&amp;Upsilon;</td>
<td></td>
<td><strong>Υ</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>upsilon</td>
<td>&amp;upsilon;</td>
<td></td>
<td><strong>υ</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>Phi</td>
<td>&amp;Phi;</td>
<td></td>
<td><strong>Φ</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>phi</td>
<td>&amp;phi;</td>
<td></td>
<td><strong>φ</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>Chi</td>
<td>&amp;Chi;</td>
<td></td>
<td><strong>Χ</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>chi</td>
<td>&amp;chi;</td>
<td></td>
<td><strong>χ</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>Psi</td>
<td>&amp;Psi;</td>
<td></td>
<td><strong>Ψ</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>psi</td>
<td>&amp;psi;</td>
<td></td>
<td><strong>ψ</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>Omega</td>
<td>&amp;Omega;</td>
<td></td>
<td><strong>Ω</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>omega</td>
<td>&amp;omega;</td>
<td></td>
<td><strong>ω</strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>password dot</td>
<td>&amp;#9679;</td>
<td></td>
<td><strong>●</strong></td>
</tr>
<tr bgcolor="#EEEEEE">
<td>bullet</td>
<td>&amp;#8226;</td>
<td></td>
<td><strong>•</strong></td>
</tr>
</tbody>
</table>
<p>The post <a rel="nofollow" href="https://layercake.marketing/developer-tools/special-characters-in-html/">Special Characters in HTML</a> appeared first on <a rel="nofollow" href="https://layercake.marketing">Layer Cake Marketing</a>.</p>
]]></content:encoded>
			<wfw:commentRss>https://layercake.marketing/developer-tools/special-characters-in-html/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<post-id xmlns="com-wordpress:feed-additions:1">2822</post-id>	</item>
		<item>
		<title>Fix for Youtube iframe z-index ignored or is above a fixed div</title>
		<link>https://layercake.marketing/development/fix-for-youtube-iframe-z-index-ignored-or-is-above-a-fixed-div/</link>
		<comments>https://layercake.marketing/development/fix-for-youtube-iframe-z-index-ignored-or-is-above-a-fixed-div/#respond</comments>
		<pubDate>Fri, 16 Nov 2012 06:44:49 +0000</pubDate>
		<dc:creator><![CDATA[Eric Larson]]></dc:creator>
				<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">https://layercake.marketing/?p=2816</guid>
		<description><![CDATA[<p>If you have a youtube video embedded within your web page that ignores the z-index of fixed or absolutely positioned DIV elements then here is both the html and the JavaScript (jquery) fix. Instead of embedding the youtube iframe like this [crayon-5db73852e2148453132402/] add ?wmode=transparent to the embedded link like this: Add wmode to fix youtube [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://layercake.marketing/development/fix-for-youtube-iframe-z-index-ignored-or-is-above-a-fixed-div/">Fix for Youtube iframe z-index ignored or is above a fixed div</a> appeared first on <a rel="nofollow" href="https://layercake.marketing">Layer Cake Marketing</a>.</p>
]]></description>
				<content:encoded><![CDATA[<p>If you have a youtube video embedded within your web page that ignores the z-index of fixed or absolutely positioned DIV elements then here is both the html and the JavaScript (jquery) fix.</p>
<div>
<h3>Instead of embedding the youtube iframe like this</h3>
<pre class="crayon-plain-tag">iframe width=&quot;889&quot; height=&quot;500&quot; src=&quot;http://www.youtube.com/embed/PsE_4Ll04NA&quot; frameborder=&quot;0&quot; allowfullscreen&amp;gt;</pre>
</p></div>
<p>add ?wmode=transparent to the embedded link like this:<br />
Add wmode to fix youtube iframe zindex</p><pre class="crayon-plain-tag">iframe title=&quot;YouTube video player&quot; width=&quot;480&quot; height=&quot;390&quot; src=&quot;http://www.youtube.com/embed/PsE_4Ll04NA?wmode=transparent&quot; frameborder=&quot;0&quot; wmode=&quot;Opaque&quot;</pre><p>
Or, add the following Jquery javascript youtube iframe z-index fix:<br />
Add wmode to fix youtube iframe zindex</p><pre class="crayon-plain-tag">$(document).ready(function()
$('iframe').each(function()
var url = $(this).attr(&quot;src&quot;);
var char = &quot;?&quot;;
if(url.indexOf(&quot;?&quot;) != -1)
var char = &quot;&amp;amp;&quot;;

$(this).attr(&quot;src&quot;,url+char+&quot;wmode=transparent&quot;);
);
);</pre><p>
Voilla, your youtube video will now acknowledge it&#8217;s z-index and will appear below your other div elements that have a higher z-index.</p>
<p>The post <a rel="nofollow" href="https://layercake.marketing/development/fix-for-youtube-iframe-z-index-ignored-or-is-above-a-fixed-div/">Fix for Youtube iframe z-index ignored or is above a fixed div</a> appeared first on <a rel="nofollow" href="https://layercake.marketing">Layer Cake Marketing</a>.</p>
]]></content:encoded>
			<wfw:commentRss>https://layercake.marketing/development/fix-for-youtube-iframe-z-index-ignored-or-is-above-a-fixed-div/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<post-id xmlns="com-wordpress:feed-additions:1">2816</post-id>	</item>
		<item>
		<title>Do you have a Gold Card</title>
		<link>https://layercake.marketing/branding/do-you-have-a-gold-card/</link>
		<comments>https://layercake.marketing/branding/do-you-have-a-gold-card/#respond</comments>
		<pubDate>Thu, 02 Feb 2012 02:01:48 +0000</pubDate>
		<dc:creator><![CDATA[Eric Larson]]></dc:creator>
				<category><![CDATA[Branding]]></category>
		<category><![CDATA[Marketing]]></category>
		<category><![CDATA[Online Marketing]]></category>

		<guid isPermaLink="false">https://layercake.marketing/?p=2678</guid>
		<description><![CDATA[<p>Smart marketing from Starbucks that cuts straight to the psychology of consumerism. Starbucks knows a thing or two about loyalty. Gold Card members enjoy free refills as well as a periodic free drink. (Green Card members get the refill benefit, but not the free beverage after every 15 purchases. In addition, Gold Card members get [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://layercake.marketing/branding/do-you-have-a-gold-card/">Do you have a Gold Card</a> appeared first on <a rel="nofollow" href="https://layercake.marketing">Layer Cake Marketing</a>.</p>
]]></description>
				<content:encoded><![CDATA[<p>Smart marketing from Starbucks that cuts straight to the psychology of consumerism.</p>
<p><img data-attachment-id="5051" data-permalink="https://layercake.marketing/branding/do-you-have-a-gold-card/attachment/img_6510/" data-orig-file="https://i1.wp.com/layercake.marketing/files/2012/02/IMG_6510.png?fit=1242%2C2208&amp;ssl=1" data-orig-size="1242,2208" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="IMG_6510" data-image-description="" data-medium-file="https://i1.wp.com/layercake.marketing/files/2012/02/IMG_6510.png?fit=169%2C300&amp;ssl=1" data-large-file="https://i1.wp.com/layercake.marketing/files/2012/02/IMG_6510.png?fit=576%2C1024&amp;ssl=1" class="wp-image-5051 alignleft" src="https://i1.wp.com/layercake.marketing/files/2012/02/IMG_6510.png?resize=229%2C407&#038;ssl=1" alt="IMG_6510" width="229" height="407" srcset="https://i1.wp.com/layercake.marketing/files/2012/02/IMG_6510.png?w=1242&amp;ssl=1 1242w, https://i1.wp.com/layercake.marketing/files/2012/02/IMG_6510.png?resize=169%2C300&amp;ssl=1 169w, https://i1.wp.com/layercake.marketing/files/2012/02/IMG_6510.png?resize=768%2C1365&amp;ssl=1 768w, https://i1.wp.com/layercake.marketing/files/2012/02/IMG_6510.png?resize=576%2C1024&amp;ssl=1 576w" sizes="(max-width: 229px) 100vw, 229px" data-recalc-dims="1" />Starbucks knows a thing or two about loyalty. Gold Card members enjoy free refills as well as a periodic free drink. (Green Card members get the refill benefit, but not the free beverage after every 15 purchases. In addition, Gold Card members get a personalized card in that color and, theoretically, are addressed by name by the baristas.</p>
<p>Many other coffee shops offer complimentary in-store refills to all customers, but Starbucks has converted refills into a loyalty benefit. The Gold Card is a symbol of prestige, privilege and when in the presence of friends and colleagues the card is dropped like it&#8217;s hot. It&#8217;s a smart strategy because in a unique way it encourages people to buy more coffee.</p>
<p>The post <a rel="nofollow" href="https://layercake.marketing/branding/do-you-have-a-gold-card/">Do you have a Gold Card</a> appeared first on <a rel="nofollow" href="https://layercake.marketing">Layer Cake Marketing</a>.</p>
]]></content:encoded>
			<wfw:commentRss>https://layercake.marketing/branding/do-you-have-a-gold-card/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<post-id xmlns="com-wordpress:feed-additions:1">2678</post-id>	</item>
		<item>
		<title>Web Application Development</title>
		<link>https://layercake.marketing/development/web-application-development/</link>
		<comments>https://layercake.marketing/development/web-application-development/#respond</comments>
		<pubDate>Thu, 19 Jan 2012 22:46:38 +0000</pubDate>
		<dc:creator><![CDATA[Eric Larson]]></dc:creator>
				<category><![CDATA[Developer Tools]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">https://layercake.marketing/?p=2658</guid>
		<description><![CDATA[<p>Enterprises and organizations are always looking for solutions to better manage their various business activities and processes. Usually they find solutions from the IT industry that is evolving on a regular basis and has something for everyone. There are various softwares that can be bought “off the shelf” and applied directly to the various aspects [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://layercake.marketing/development/web-application-development/">Web Application Development</a> appeared first on <a rel="nofollow" href="https://layercake.marketing">Layer Cake Marketing</a>.</p>
]]></description>
				<content:encoded><![CDATA[<p>Enterprises and organizations are always looking for solutions to better manage their various business activities and processes. Usually they find solutions from the IT industry that is evolving on a regular basis and has something for everyone. There are various softwares that can be bought “off the shelf” and applied directly to the various aspects of a business. However, these solutions are not always completely satisfying as they are built for a common business base. Usually, organizations have requirements that are unique to them and are not shared by any other organization. These specific requirements can only be fulfilled by custom web application development. Organizations can take help of any web application development company and get their custom solutions and enhance their business processes.Custom web application development is highly regarded as it offers a unique solution that is built around the specific requirements of the client and can be applied to those needs that are most critical and unique for a business.</p>
<p>There are many reasons for the popularity of custom web application development but the most prominent ones are mentioned below:</p>
<p>The Solution is Built After Much Research: Any reputed web application development company would first conduct extensive research and analysis of any project before actually getting started with it. The business analysts and project managers conduct an extensive fact finding expedition in which all the requirements of the client, their business, requirements of the personal using the software etc are found and clearly documented for future reference while developing application.</p>
<p>These findings are then applied to create a well formulated solution that actualizes client’s requirements into an applicable solution.</p>
<p>Flexible Solutions: The whole development procedure is required to be flexible in order to create a solution according to clients needs. Custom development offers a highly flexible development platform where developers can work and create the solution as envisioned by the client. The flexible development strategy allows the developers to apply their creativity and knowledge without much restrains and come up with innovative solutions for clients.</p>
<p>User Friendly Applications: The most critical thing to remember while developing custom web applications for organizations is that they should be user friendly. The qualifications and computer knowledge of those who would be finally using the application on a regular basis is essential to remember while developing applications. The regular users of the application would most probably be non IT enthusiasts who are more concerned with business activities rather than the technological aspects of how applications work. This requires the web application development company to come up with solutions that are highly user friendly and can be easily operated by general users. Not much technical knowledge must be required for operating the software. Custom applications can be easily formulated in such a manner.</p>
<p>Custom web application development is highly favorable for organizations requiring specific solutions for unique requirements, but care must be taken while choosing the development partner for a project. Clients should do thorough research and enquiries before offering their project to any web application development company.</p>
<p>The post <a rel="nofollow" href="https://layercake.marketing/development/web-application-development/">Web Application Development</a> appeared first on <a rel="nofollow" href="https://layercake.marketing">Layer Cake Marketing</a>.</p>
]]></content:encoded>
			<wfw:commentRss>https://layercake.marketing/development/web-application-development/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<post-id xmlns="com-wordpress:feed-additions:1">2658</post-id>	</item>
		<item>
		<title>Styling Inputs with css and a little Javascript</title>
		<link>https://layercake.marketing/development/css-styling-inputs/</link>
		<comments>https://layercake.marketing/development/css-styling-inputs/#respond</comments>
		<pubDate>Thu, 17 Nov 2011 17:03:22 +0000</pubDate>
		<dc:creator><![CDATA[Eric Larson]]></dc:creator>
				<category><![CDATA[Maintenance]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">https://layercake.marketing/?p=2523</guid>
		<description><![CDATA[<p>Although there is no easy way to style input elements in a graceful and manageable way, with a little use of a JavaScript function we can ease this process. We&#8217;ll build it keeping in mind users who don&#8217;t have JavaScript &#8211; they will experience fall backs that work. The problem when styling input&#8217;s Addressing the [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://layercake.marketing/development/css-styling-inputs/">Styling Inputs with css and a little Javascript</a> appeared first on <a rel="nofollow" href="https://layercake.marketing">Layer Cake Marketing</a>.</p>
]]></description>
				<content:encoded><![CDATA[<p>Although there is no easy way to style input elements in a graceful and manageable way, with a little use of a JavaScript function we can ease this process. We&#8217;ll build it keeping in mind users who don&#8217;t have JavaScript &#8211; they will experience fall backs that work.</p>
<h3>The problem when styling input&#8217;s</h3>
<p>Addressing the problem is fairly obvious. In HTML, there are several tag names that differentiate from each other and are easy to style uniquely from each other. However input elements can vary from a text box, radio button, and checkbox&#8230;which doesn&#8217;t make for easily styling. If we wanted to style input, we&#8217;d have to style all three types!</p>
<h3>Styling with Attribute Selectors</h3>
<p>If all browsers supported attribute selectors, we could easily do the following:</p>
<h3>Styling inputs with attribute selectors</h3>
<pre class="crayon-plain-tag">input[type='text'] { font:bold 0.8em 'courier new',courier,monospace; } input[type='radio'] { margin:0 20px; } input[type='checkbox'] { border:2px solid red; }</pre>
<h3>Appending className&#8217;s to our input&#8217;s</h3>
<p>Since not all browsers support attribute selectors, we can simply use className&#8217;s instead. Although clever and smart, it can get tedious real fast. Thus, the CSS would then become this:</p>
<h3>styling inputs with attribute selectors</h3>
<pre class="crayon-plain-tag">input.text { font:bold 0.8em 'courier new',courier,monospace; } input.radio { margin:0 20px; } input.checkbox { border:2px solid red; }</pre>
And then we would have to manually add all those className&#8217;s to our html documents.</p>
<h3>Use JavaScript to automate the process</h3>
<p>In a situation of <q>Thanks but no thanks</q>, we can opt out of manually adding a className to every input element and do it with JavaScript. This function is fairly straight-forward and simple.</p>
<h3>Function appendInputTypeClasses</h3>
<pre class="crayon-plain-tag">function appendInputTypeClasses() { if ( !document.getElementsByTagName ) return; var inputs = document.getElementsByTagName('input'); var inputLen = inputs.length; for ( i=0;i&amp;lt;inputLen;i++ ) { if ( inputs[i].getAttribute('type') ) inputs[i].className += ' '+inputs[i].getAttribute('type'); } }</pre>
What this function does is basically adds a className of whatever type of input it is. So if it&#8217;s type is &#8216;text&#8217;, then it&#8217;s className will also have &#8216;text&#8217;! Neat eh?</p>
<h3>And just to be safe&#8230;</h3>
<p>We can keep our attribute selectors as a &#8220;progressive enhancement&#8221; and our final CSS will look like this:</p>
<h3>Enhanced CSS for styling inputs</h3>
<pre class="crayon-plain-tag">input[type='text'],input.text { font:bold 0.8em 'courier new',courier,monospace; } input[type='radio'],input.radio { margin:0 20px; } input[type='checkbox'],input.checkbox { border:2px solid red; }</pre>
<p>The post <a rel="nofollow" href="https://layercake.marketing/development/css-styling-inputs/">Styling Inputs with css and a little Javascript</a> appeared first on <a rel="nofollow" href="https://layercake.marketing">Layer Cake Marketing</a>.</p>
]]></content:encoded>
			<wfw:commentRss>https://layercake.marketing/development/css-styling-inputs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<post-id xmlns="com-wordpress:feed-additions:1">2523</post-id>	</item>
		<item>
		<title>Google+</title>
		<link>https://layercake.marketing/online-marketing/google/</link>
		<comments>https://layercake.marketing/online-marketing/google/#respond</comments>
		<pubDate>Tue, 05 Jul 2011 21:02:13 +0000</pubDate>
		<dc:creator><![CDATA[Eric Larson]]></dc:creator>
				<category><![CDATA[Online Marketing]]></category>

		<guid isPermaLink="false">https://layercake.marketing/?p=2362</guid>
		<description><![CDATA[<p>Google has finally unveiled their latest answer to Facebook&#8230; Google+, the company’s top secret social layer that turns all of the search engine into one giant social network. At its core, Google+ is a social network. The Stream is the first thing users are introduced to. It’s much like the Facebook News Feed, allowing users [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://layercake.marketing/online-marketing/google/">Google+</a> appeared first on <a rel="nofollow" href="https://layercake.marketing">Layer Cake Marketing</a>.</p>
]]></description>
				<content:encoded><![CDATA[<p><a href="https://i1.wp.com/layercake.marketing/files/2011/07/Screen-shot-2011-07-05-at-1.49.24-PM.png?ssl=1"><img class="alignright size-full wp-image-2369" src="https://i1.wp.com/layercake.marketing/files/2011/07/Screen-shot-2011-07-05-at-1.49.24-PM.png?resize=244%2C166&#038;ssl=1" alt="" width="244" height="166" data-recalc-dims="1" /></a>Google has finally unveiled their latest answer to Facebook&#8230; Google+, the company’s top secret social layer that turns all of the search engine into one giant social network.</p>
<p>At its core, Google+ is a social network. The Stream is the first thing users are introduced to. It’s much like the Facebook News Feed, allowing users to share photos, videos, links or their location with friends. Google+ categories/sections, are as follows:</p>
<p><strong>Home</strong>: The search giant’s new social project will be omnipresent on its products, thanks to a complete redesign of the navigation bar. The familiar gray strip at the top of every Google page will turn black, and come with several new options for accessing your Google+ profile, viewing notifications and instantly sharing content. The notification system is similar to how Facebook handles notifications, complete with a red number that increases with each additional notice.</p>
<p><strong>Circles</strong>: Most social media services (Facebook, Twitter) haven’t been successful with friend lists because they’ve been designed as a “tack-on” product rather than being integrated at every level. Circles is an attempt to address that challenge. The HTML5 system allows users to drag-and-drop their friends into different social circles for friends, family, classmates, co-workers and other custom groups. Users can drag groups of friends in and out of these circles.</p>
<p><strong>Hangouts</strong>: Google’s new group chat feature. Instead of directly asking a friend to join a group chat, users instead click “start a hangout” and they’re instantly in a video chatroom alone. At the same time, a message goes out to their social circles, letting them know that their friend is “hanging out.” The result, Google has found in internal testing, is that friends quickly join. Unlike Facebook, Hangouts lets you chat with a group of friends simultaneously instead of just one.</p>
<p><strong></strong><strong>Sparks</strong>: To spur sharing, Google has added a recommendation engine for finding interesting content. The feature, Google+ Sparks, is a collection of articles, videos, photos and other content grouped by interest. For example, the “Movies” spark will have a listing of recent and relevant content for that topic.</p>
<p><strong>Photos</strong>: The photo tab takes a user to all of the photos he or she has shared, as well as the ones he or she is tagged in. It’s not just photo tagging, though: Google+ includes an image editor (complete with Instagram-like photo effects), privacy options and sharing features.</p>
<p>In the end, I will not be surprised if Google+ fades away faster then Google Buzz, or if it surpasses Facebook as the ultimate social network forum. Either way, I&#8217;m still waiting for my invite to Google+ to decide for myself.</p>
<p>The post <a rel="nofollow" href="https://layercake.marketing/online-marketing/google/">Google+</a> appeared first on <a rel="nofollow" href="https://layercake.marketing">Layer Cake Marketing</a>.</p>
]]></content:encoded>
			<wfw:commentRss>https://layercake.marketing/online-marketing/google/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<post-id xmlns="com-wordpress:feed-additions:1">2362</post-id>	</item>
	</channel>
</rss>
