	<?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>apps &#8211; Digital Fogg</title>
	<atom:link href="https://dfogg.ca/tag/apps/feed/" rel="self" type="application/rss+xml" />
	<link>https://dfogg.ca</link>
	<description>You Choose We Build</description>
	<lastBuildDate>Mon, 30 Jan 2023 07:43:40 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://dfogg.ca/wp-content/uploads/2020/11/dfogg_favicon.png</url>
	<title>apps &#8211; Digital Fogg</title>
	<link>https://dfogg.ca</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>How To Use FOMO To Increase Conversions</title>
		<link>https://dfogg.ca/how-to-use-fomo-to-increase-conversions/</link>
		
		<dc:creator><![CDATA[Digital Fogg]]></dc:creator>
		<pubDate>Fri, 10 Apr 2020 23:58:57 +0000</pubDate>
				<category><![CDATA[Innovation]]></category>
		<category><![CDATA[apps]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[UI/Ux]]></category>
		<guid isPermaLink="false">http://zircona.wgl-demo.net/?p=338</guid>

					<description><![CDATA[<p>Starting with application code built for a specific CMS, the process of transforming it to CMS-agnostic is what, in this article, I will call “abstracting code”. The more abstract the code is, the more it can be re-used to work with...</p>
<p>The post <a rel="nofollow" href="https://dfogg.ca/how-to-use-fomo-to-increase-conversions/">How To Use FOMO To Increase Conversions</a> appeared first on <a rel="nofollow" href="https://dfogg.ca">Digital Fogg</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="338" class="elementor elementor-338" data-elementor-settings="[]">
			<div class="elementor-inner">
				<div class="elementor-section-wrap">
							<section class="elementor-element elementor-element-8bb9966 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="8bb9966" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-1ede1b2 elementor-column elementor-col-100 elementor-top-column" data-id="1ede1b2" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-bf76e65 elementor-widget elementor-widget-text-editor" data-id="bf76e65" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
					<div class="elementor-text-editor elementor-clearfix"><p style="margin-bottom: 16px;"><span class="dropcap-bg tertiary">C</span>ybercrime is a threat to all the organizations, but when we take in consideration the financial market the level of menace increases exponentially. Today banks and other financial organizations face the need of providing the best possible services increases exponentially. Today banks and other financial organizations face <span style="color: #ff9083; font-weight: 600;">the need of providing</span> the best possible services in the best possible way and reachable by everyone everywhere. We are watching to a spread of different products and services being available through the use.</p>

In addition, we have some CSS specifications that haven’t yet been implemented by a browser or have only been implemented in an experimental way on one browser. We also have some things which are just at the discussion phase, perhaps as a note in the current level of a spec as to where we might take it in future. <span style="color: #1c1c25; font-weight: bold;">So while most of my articles are about things we can do, this one is about things we can’t but that perhaps we might be able to do in the future. </span></div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-ebd46a1 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="ebd46a1" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-aa2475d elementor-column elementor-col-100 elementor-top-column" data-id="aa2475d" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-5b1bb03 elementor-widget elementor-widget-spacer" data-id="5b1bb03" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-e4fdd82 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="e4fdd82" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-6a3f93a elementor-column elementor-col-50 elementor-top-column" data-id="6a3f93a" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-0f548a8 elementor-widget elementor-widget-image" data-id="0f548a8" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
					<div class="elementor-image">
										<img width="420" height="390" src="https://dfogg.ca/wp-content/uploads/2020/04/blog_single_01.jpg" class="attachment-full size-full" alt="" loading="lazy" srcset="https://dfogg.ca/wp-content/uploads/2020/04/blog_single_01.jpg 420w, https://dfogg.ca/wp-content/uploads/2020/04/blog_single_01-300x279.jpg 300w" sizes="(max-width: 420px) 100vw, 420px" />											</div>
				</div>
				</div>
						</div>
			</div>
		</div>
				<div class="elementor-element elementor-element-2425415 elementor-column elementor-col-50 elementor-top-column" data-id="2425415" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-f85e22b elementor-widget elementor-widget-image" data-id="f85e22b" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
					<div class="elementor-image">
										<img width="420" height="390" src="https://dfogg.ca/wp-content/uploads/2020/04/blog_single_02.jpg" class="attachment-full size-full" alt="" loading="lazy" srcset="https://dfogg.ca/wp-content/uploads/2020/04/blog_single_02.jpg 420w, https://dfogg.ca/wp-content/uploads/2020/04/blog_single_02-300x279.jpg 300w" sizes="(max-width: 420px) 100vw, 420px" />											</div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-d118a5e elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="d118a5e" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-35ec2a9 elementor-column elementor-col-100 elementor-top-column" data-id="35ec2a9" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-4fb1815 elementor-widget elementor-widget-spacer" data-id="4fb1815" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-ecbc15e elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="ecbc15e" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-c19b6a1 elementor-column elementor-col-100 elementor-top-column" data-id="c19b6a1" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-88e1ee9 elementor-widget elementor-widget-heading" data-id="88e1ee9" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h4 class="elementor-heading-title elementor-size-default">Floating Things From Specific Points</h4>		</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-fac2cbc elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="fac2cbc" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-6edc863 elementor-column elementor-col-100 elementor-top-column" data-id="6edc863" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-fb9e3cd elementor-widget elementor-widget-spacer" data-id="fb9e3cd" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-7b8eb4b elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="7b8eb4b" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-f0b65a0 elementor-column elementor-col-100 elementor-top-column" data-id="f0b65a0" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-d8fab4a elementor-widget elementor-widget-text-editor" data-id="d8fab4a" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
					<div class="elementor-text-editor elementor-clearfix"><p style="margin-bottom:16px;">On the web, a floated element is taken out of flow and following text wraps around it (due to the line boxes of the following text becoming shortened). Therefore, you only have the option to float a thing to the left or right. In print, however, you often need to float items to specific places on the page. For example, by floating an element to the top or bottom of a page. When creating a printed document, you define the size of your pages by using the <span style="color: #ff9083; font-weight: 600;">@page rule.</span></p>

The CSS Specification that deals with this behavior is called Page Floats. Your image would display in the normal flow of the content — just as on the web — except that the content is fragmented into pages. When the page with the image is encountered, the image is moved out of the normal flow and floated to the top of the page where it appears on. (Content that would have been above the image will display below it and normal flow resumes.)</div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-b092cb3 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="b092cb3" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-c75a9f5 elementor-column elementor-col-100 elementor-top-column" data-id="c75a9f5" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-b583378 elementor-widget elementor-widget-spacer" data-id="b583378" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-ca23e12 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="ca23e12" data-element_type="section">
						<div class="elementor-container elementor-column-gap-no">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-85eb00f elementor-column elementor-col-100 elementor-top-column" data-id="85eb00f" data-element_type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-7fac366 elementor-widget elementor-widget-image" data-id="7fac366" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
					<div class="elementor-image">
										<img width="252" height="193" src="https://dfogg.ca/wp-content/uploads/2020/04/blog_single_03.png" class="attachment-large size-large" alt="" loading="lazy" />											</div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-cdaa512 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="cdaa512" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-316cefb elementor-column elementor-col-100 elementor-top-column" data-id="316cefb" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-893730e elementor-widget elementor-widget-spacer" data-id="893730e" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-a54b6c3 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="a54b6c3" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-e152499 elementor-column elementor-col-100 elementor-top-column" data-id="e152499" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-9d10c7b elementor-widget elementor-widget-text-editor" data-id="9d10c7b" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
					<div class="elementor-text-editor elementor-clearfix"><p>There is an issue raised against the Page Floats specification to rename it, as there are use cases for this kind of pattern continuous media, e.g. in a multicolumn layout. Currently, if you float an item inside a column, it behaves in the same way as a float in regular normal flow. Assuming there is room, the line boxes of the <span style="text-decoration: underline; font-weight: 600;"><span style="color: #67e7ef; text-decoration: underline;">following items will be shortened</span></span> and text will wrap around the float within the column. By using a “page float”, we could float an item to the top of the column that could give you much more control over the placement of elements within the flow of content in a multicolumn context.</p></div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-6716203 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="6716203" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-6f18292 elementor-column elementor-col-100 elementor-top-column" data-id="6f18292" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-c664eb9 elementor-widget elementor-widget-spacer" data-id="c664eb9" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-3a69411 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="3a69411" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-fabc2db elementor-column elementor-col-100 elementor-top-column" data-id="fabc2db" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-a5a938c elementor-widget elementor-widget-text-editor" data-id="a5a938c" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
					<div class="elementor-text-editor elementor-clearfix"><blockquote>There are no secrets to success. It is the result of preparation, hard work, and learning from failure.

<cite style="text-transform: uppercase;">Paul Tournier</cite></blockquote></div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-70835a5 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="70835a5" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-ba0bf0d elementor-column elementor-col-100 elementor-top-column" data-id="ba0bf0d" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-65a6d35 elementor-widget elementor-widget-spacer" data-id="65a6d35" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-0c1921a elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="0c1921a" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-75a1da3 elementor-column elementor-col-100 elementor-top-column" data-id="75a1da3" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-44595a7 elementor-widget elementor-widget-text-editor" data-id="44595a7" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
					<div class="elementor-text-editor elementor-clearfix"><p>Columns are essentially just like pages; we fragment our content between column boxes in the same way that we fragment our content between pages. Therefore, a more generic name would make sense in terms of this behavior being the same for columns and pages. <span style="color: #1c1c25; font-weight: bold;">How does this tie into Page Floats?</span> Well, in this scenario, you would want more control over where images and other elements end up in these rows of columns. I wouldn’t want, for example, an image to have one line of text below it before the content, and then fragmented to form the next row of columns.</p></div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
						</div>
			</div>
		</div>
		<p>The post <a rel="nofollow" href="https://dfogg.ca/how-to-use-fomo-to-increase-conversions/">How To Use FOMO To Increase Conversions</a> appeared first on <a rel="nofollow" href="https://dfogg.ca">Digital Fogg</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Ways To Manage Content In WordPress</title>
		<link>https://dfogg.ca/ways-to-manage-content-in-wordpress-2/</link>
		
		<dc:creator><![CDATA[Digital Fogg]]></dc:creator>
		<pubDate>Fri, 10 Apr 2020 23:53:14 +0000</pubDate>
				<category><![CDATA[Innovation]]></category>
		<category><![CDATA[apps]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[UI/Ux]]></category>
		<guid isPermaLink="false">http://zircona.wgl-demo.net/?p=332</guid>

					<description><![CDATA[<p>Starting with application code built for a specific CMS, the process of transforming it to CMS-agnostic is what, in this article, I will call “abstracting code”. The more abstract the code is, the more it can be re-used to work with...</p>
<p>The post <a rel="nofollow" href="https://dfogg.ca/ways-to-manage-content-in-wordpress-2/">Ways To Manage Content In WordPress</a> appeared first on <a rel="nofollow" href="https://dfogg.ca">Digital Fogg</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="332" class="elementor elementor-332" data-elementor-settings="[]">
			<div class="elementor-inner">
				<div class="elementor-section-wrap">
							<section class="elementor-element elementor-element-8bb9966 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="8bb9966" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-1ede1b2 elementor-column elementor-col-100 elementor-top-column" data-id="1ede1b2" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-bf76e65 elementor-widget elementor-widget-text-editor" data-id="bf76e65" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
					<div class="elementor-text-editor elementor-clearfix"><p style="margin-bottom: 16px;"><span class="dropcap-bg tertiary">C</span>ybercrime is a threat to all the organizations, but when we take in consideration the financial market the level of menace increases exponentially. Today banks and other financial organizations face the need of providing the best possible services increases exponentially. Today banks and other financial organizations face <span style="color: #ff9083; font-weight: 600;">the need of providing</span> the best possible services in the best possible way and reachable by everyone everywhere. We are watching to a spread of different products and services being available through the use.</p>

In addition, we have some CSS specifications that haven’t yet been implemented by a browser or have only been implemented in an experimental way on one browser. We also have some things which are just at the discussion phase, perhaps as a note in the current level of a spec as to where we might take it in future. <span style="color: #1c1c25; font-weight: bold;">So while most of my articles are about things we can do, this one is about things we can’t but that perhaps we might be able to do in the future. </span></div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-ebd46a1 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="ebd46a1" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-aa2475d elementor-column elementor-col-100 elementor-top-column" data-id="aa2475d" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-5b1bb03 elementor-widget elementor-widget-spacer" data-id="5b1bb03" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-e4fdd82 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="e4fdd82" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-6a3f93a elementor-column elementor-col-50 elementor-top-column" data-id="6a3f93a" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-0f548a8 elementor-widget elementor-widget-image" data-id="0f548a8" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
					<div class="elementor-image">
										<img width="420" height="390" src="https://dfogg.ca/wp-content/uploads/2020/04/blog_single_01.jpg" class="attachment-full size-full" alt="" loading="lazy" srcset="https://dfogg.ca/wp-content/uploads/2020/04/blog_single_01.jpg 420w, https://dfogg.ca/wp-content/uploads/2020/04/blog_single_01-300x279.jpg 300w" sizes="(max-width: 420px) 100vw, 420px" />											</div>
				</div>
				</div>
						</div>
			</div>
		</div>
				<div class="elementor-element elementor-element-2425415 elementor-column elementor-col-50 elementor-top-column" data-id="2425415" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-f85e22b elementor-widget elementor-widget-image" data-id="f85e22b" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
					<div class="elementor-image">
										<img width="420" height="390" src="https://dfogg.ca/wp-content/uploads/2020/04/blog_single_02.jpg" class="attachment-full size-full" alt="" loading="lazy" srcset="https://dfogg.ca/wp-content/uploads/2020/04/blog_single_02.jpg 420w, https://dfogg.ca/wp-content/uploads/2020/04/blog_single_02-300x279.jpg 300w" sizes="(max-width: 420px) 100vw, 420px" />											</div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-d118a5e elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="d118a5e" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-35ec2a9 elementor-column elementor-col-100 elementor-top-column" data-id="35ec2a9" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-4fb1815 elementor-widget elementor-widget-spacer" data-id="4fb1815" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-ecbc15e elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="ecbc15e" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-c19b6a1 elementor-column elementor-col-100 elementor-top-column" data-id="c19b6a1" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-88e1ee9 elementor-widget elementor-widget-heading" data-id="88e1ee9" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h4 class="elementor-heading-title elementor-size-default">Floating Things From Specific Points</h4>		</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-fac2cbc elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="fac2cbc" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-6edc863 elementor-column elementor-col-100 elementor-top-column" data-id="6edc863" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-fb9e3cd elementor-widget elementor-widget-spacer" data-id="fb9e3cd" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-7b8eb4b elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="7b8eb4b" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-f0b65a0 elementor-column elementor-col-100 elementor-top-column" data-id="f0b65a0" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-d8fab4a elementor-widget elementor-widget-text-editor" data-id="d8fab4a" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
					<div class="elementor-text-editor elementor-clearfix"><p style="margin-bottom:16px;">On the web, a floated element is taken out of flow and following text wraps around it (due to the line boxes of the following text becoming shortened). Therefore, you only have the option to float a thing to the left or right. In print, however, you often need to float items to specific places on the page. For example, by floating an element to the top or bottom of a page. When creating a printed document, you define the size of your pages by using the <span style="color: #ff9083; font-weight: 600;">@page rule.</span></p>

The CSS Specification that deals with this behavior is called Page Floats. Your image would display in the normal flow of the content — just as on the web — except that the content is fragmented into pages. When the page with the image is encountered, the image is moved out of the normal flow and floated to the top of the page where it appears on. (Content that would have been above the image will display below it and normal flow resumes.)</div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-b092cb3 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="b092cb3" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-c75a9f5 elementor-column elementor-col-100 elementor-top-column" data-id="c75a9f5" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-b583378 elementor-widget elementor-widget-spacer" data-id="b583378" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-ca23e12 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="ca23e12" data-element_type="section">
						<div class="elementor-container elementor-column-gap-no">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-85eb00f elementor-column elementor-col-100 elementor-top-column" data-id="85eb00f" data-element_type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-7fac366 elementor-widget elementor-widget-image" data-id="7fac366" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
					<div class="elementor-image">
										<img width="252" height="193" src="https://dfogg.ca/wp-content/uploads/2020/04/blog_single_03.png" class="attachment-large size-large" alt="" loading="lazy" />											</div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-cdaa512 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="cdaa512" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-316cefb elementor-column elementor-col-100 elementor-top-column" data-id="316cefb" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-893730e elementor-widget elementor-widget-spacer" data-id="893730e" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-a54b6c3 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="a54b6c3" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-e152499 elementor-column elementor-col-100 elementor-top-column" data-id="e152499" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-9d10c7b elementor-widget elementor-widget-text-editor" data-id="9d10c7b" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
					<div class="elementor-text-editor elementor-clearfix"><p>There is an issue raised against the Page Floats specification to rename it, as there are use cases for this kind of pattern continuous media, e.g. in a multicolumn layout. Currently, if you float an item inside a column, it behaves in the same way as a float in regular normal flow. Assuming there is room, the line boxes of the <span style="text-decoration: underline; font-weight: 600;"><span style="color: #67e7ef; text-decoration: underline;">following items will be shortened</span></span> and text will wrap around the float within the column. By using a “page float”, we could float an item to the top of the column that could give you much more control over the placement of elements within the flow of content in a multicolumn context.</p></div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-6716203 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="6716203" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-6f18292 elementor-column elementor-col-100 elementor-top-column" data-id="6f18292" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-c664eb9 elementor-widget elementor-widget-spacer" data-id="c664eb9" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-3a69411 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="3a69411" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-fabc2db elementor-column elementor-col-100 elementor-top-column" data-id="fabc2db" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-a5a938c elementor-widget elementor-widget-text-editor" data-id="a5a938c" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
					<div class="elementor-text-editor elementor-clearfix"><blockquote>There are no secrets to success. It is the result of preparation, hard work, and learning from failure.

<cite style="text-transform: uppercase;">Paul Tournier</cite></blockquote></div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-70835a5 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="70835a5" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-ba0bf0d elementor-column elementor-col-100 elementor-top-column" data-id="ba0bf0d" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-65a6d35 elementor-widget elementor-widget-spacer" data-id="65a6d35" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-0c1921a elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="0c1921a" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-75a1da3 elementor-column elementor-col-100 elementor-top-column" data-id="75a1da3" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-44595a7 elementor-widget elementor-widget-text-editor" data-id="44595a7" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
					<div class="elementor-text-editor elementor-clearfix"><p>Columns are essentially just like pages; we fragment our content between column boxes in the same way that we fragment our content between pages. Therefore, a more generic name would make sense in terms of this behavior being the same for columns and pages. <span style="color: #1c1c25; font-weight: bold;">How does this tie into Page Floats?</span> Well, in this scenario, you would want more control over where images and other elements end up in these rows of columns. I wouldn’t want, for example, an image to have one line of text below it before the content, and then fragmented to form the next row of columns.</p></div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
						</div>
			</div>
		</div>
		<p>The post <a rel="nofollow" href="https://dfogg.ca/ways-to-manage-content-in-wordpress-2/">Ways To Manage Content In WordPress</a> appeared first on <a rel="nofollow" href="https://dfogg.ca">Digital Fogg</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Top Mobile App  Development Companies</title>
		<link>https://dfogg.ca/top-mobile-app-development-companies/</link>
		
		<dc:creator><![CDATA[Digital Fogg]]></dc:creator>
		<pubDate>Fri, 10 Apr 2020 23:33:11 +0000</pubDate>
				<category><![CDATA[Innovation]]></category>
		<category><![CDATA[apps]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[UI/Ux]]></category>
		<guid isPermaLink="false">http://zircona.wgl-demo.net/?p=316</guid>

					<description><![CDATA[<p>Starting with application code built for a specific CMS, the process of transforming it to CMS-agnostic is what, in this article, I will call “abstracting code”. The more abstract the code is, the more it can be re-used to work with...</p>
<p>The post <a rel="nofollow" href="https://dfogg.ca/top-mobile-app-development-companies/">Top Mobile App  Development Companies</a> appeared first on <a rel="nofollow" href="https://dfogg.ca">Digital Fogg</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="316" class="elementor elementor-316" data-elementor-settings="[]">
			<div class="elementor-inner">
				<div class="elementor-section-wrap">
							<section class="elementor-element elementor-element-8bb9966 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="8bb9966" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-1ede1b2 elementor-column elementor-col-100 elementor-top-column" data-id="1ede1b2" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-bf76e65 elementor-widget elementor-widget-text-editor" data-id="bf76e65" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
					<div class="elementor-text-editor elementor-clearfix"><p style="margin-bottom: 16px;"><span class="dropcap-bg tertiary">C</span>ybercrime is a threat to all the organizations, but when we take in consideration the financial market the level of menace increases exponentially. Today banks and other financial organizations face the need of providing the best possible services increases exponentially. Today banks and other financial organizations face <span style="color: #ff9083; font-weight: 600;">the need of providing</span> the best possible services in the best possible way and reachable by everyone everywhere. We are watching to a spread of different products and services being available through the use.</p>

In addition, we have some CSS specifications that haven’t yet been implemented by a browser or have only been implemented in an experimental way on one browser. We also have some things which are just at the discussion phase, perhaps as a note in the current level of a spec as to where we might take it in future. <span style="color: #1c1c25; font-weight: bold;">So while most of my articles are about things we can do, this one is about things we can’t but that perhaps we might be able to do in the future. </span></div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-ebd46a1 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="ebd46a1" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-aa2475d elementor-column elementor-col-100 elementor-top-column" data-id="aa2475d" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-5b1bb03 elementor-widget elementor-widget-spacer" data-id="5b1bb03" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-e4fdd82 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="e4fdd82" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-6a3f93a elementor-column elementor-col-50 elementor-top-column" data-id="6a3f93a" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-0f548a8 elementor-widget elementor-widget-image" data-id="0f548a8" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
					<div class="elementor-image">
										<img width="420" height="390" src="https://dfogg.ca/wp-content/uploads/2020/04/blog_single_01.jpg" class="attachment-full size-full" alt="" loading="lazy" srcset="https://dfogg.ca/wp-content/uploads/2020/04/blog_single_01.jpg 420w, https://dfogg.ca/wp-content/uploads/2020/04/blog_single_01-300x279.jpg 300w" sizes="(max-width: 420px) 100vw, 420px" />											</div>
				</div>
				</div>
						</div>
			</div>
		</div>
				<div class="elementor-element elementor-element-2425415 elementor-column elementor-col-50 elementor-top-column" data-id="2425415" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-f85e22b elementor-widget elementor-widget-image" data-id="f85e22b" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
					<div class="elementor-image">
										<img width="420" height="390" src="https://dfogg.ca/wp-content/uploads/2020/04/blog_single_02.jpg" class="attachment-full size-full" alt="" loading="lazy" srcset="https://dfogg.ca/wp-content/uploads/2020/04/blog_single_02.jpg 420w, https://dfogg.ca/wp-content/uploads/2020/04/blog_single_02-300x279.jpg 300w" sizes="(max-width: 420px) 100vw, 420px" />											</div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-d118a5e elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="d118a5e" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-35ec2a9 elementor-column elementor-col-100 elementor-top-column" data-id="35ec2a9" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-4fb1815 elementor-widget elementor-widget-spacer" data-id="4fb1815" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-ecbc15e elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="ecbc15e" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-c19b6a1 elementor-column elementor-col-100 elementor-top-column" data-id="c19b6a1" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-88e1ee9 elementor-widget elementor-widget-heading" data-id="88e1ee9" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h4 class="elementor-heading-title elementor-size-default">Floating Things From Specific Points</h4>		</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-fac2cbc elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="fac2cbc" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-6edc863 elementor-column elementor-col-100 elementor-top-column" data-id="6edc863" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-fb9e3cd elementor-widget elementor-widget-spacer" data-id="fb9e3cd" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-7b8eb4b elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="7b8eb4b" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-f0b65a0 elementor-column elementor-col-100 elementor-top-column" data-id="f0b65a0" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-d8fab4a elementor-widget elementor-widget-text-editor" data-id="d8fab4a" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
					<div class="elementor-text-editor elementor-clearfix"><p style="margin-bottom:16px;">On the web, a floated element is taken out of flow and following text wraps around it (due to the line boxes of the following text becoming shortened). Therefore, you only have the option to float a thing to the left or right. In print, however, you often need to float items to specific places on the page. For example, by floating an element to the top or bottom of a page. When creating a printed document, you define the size of your pages by using the <span style="color: #ff9083; font-weight: 600;">@page rule.</span></p>

The CSS Specification that deals with this behavior is called Page Floats. Your image would display in the normal flow of the content — just as on the web — except that the content is fragmented into pages. When the page with the image is encountered, the image is moved out of the normal flow and floated to the top of the page where it appears on. (Content that would have been above the image will display below it and normal flow resumes.)</div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-b092cb3 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="b092cb3" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-c75a9f5 elementor-column elementor-col-100 elementor-top-column" data-id="c75a9f5" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-b583378 elementor-widget elementor-widget-spacer" data-id="b583378" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-ca23e12 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="ca23e12" data-element_type="section">
						<div class="elementor-container elementor-column-gap-no">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-85eb00f elementor-column elementor-col-100 elementor-top-column" data-id="85eb00f" data-element_type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-7fac366 elementor-widget elementor-widget-image" data-id="7fac366" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
					<div class="elementor-image">
										<img width="252" height="193" src="https://dfogg.ca/wp-content/uploads/2020/04/blog_single_03.png" class="attachment-large size-large" alt="" loading="lazy" />											</div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-cdaa512 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="cdaa512" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-316cefb elementor-column elementor-col-100 elementor-top-column" data-id="316cefb" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-893730e elementor-widget elementor-widget-spacer" data-id="893730e" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-a54b6c3 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="a54b6c3" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-e152499 elementor-column elementor-col-100 elementor-top-column" data-id="e152499" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-9d10c7b elementor-widget elementor-widget-text-editor" data-id="9d10c7b" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
					<div class="elementor-text-editor elementor-clearfix"><p>There is an issue raised against the Page Floats specification to rename it, as there are use cases for this kind of pattern continuous media, e.g. in a multicolumn layout. Currently, if you float an item inside a column, it behaves in the same way as a float in regular normal flow. Assuming there is room, the line boxes of the <span style="text-decoration: underline; font-weight: 600;"><span style="color: #67e7ef; text-decoration: underline;">following items will be shortened</span></span> and text will wrap around the float within the column. By using a “page float”, we could float an item to the top of the column that could give you much more control over the placement of elements within the flow of content in a multicolumn context.</p></div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-6716203 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="6716203" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-6f18292 elementor-column elementor-col-100 elementor-top-column" data-id="6f18292" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-c664eb9 elementor-widget elementor-widget-spacer" data-id="c664eb9" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-3a69411 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="3a69411" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-fabc2db elementor-column elementor-col-100 elementor-top-column" data-id="fabc2db" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-a5a938c elementor-widget elementor-widget-text-editor" data-id="a5a938c" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
					<div class="elementor-text-editor elementor-clearfix"><blockquote>There are no secrets to success. It is the result of preparation, hard work, and learning from failure.

<cite style="text-transform: uppercase;">Paul Tournier</cite></blockquote></div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-70835a5 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="70835a5" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-ba0bf0d elementor-column elementor-col-100 elementor-top-column" data-id="ba0bf0d" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-65a6d35 elementor-widget elementor-widget-spacer" data-id="65a6d35" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-0c1921a elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="0c1921a" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-75a1da3 elementor-column elementor-col-100 elementor-top-column" data-id="75a1da3" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-44595a7 elementor-widget elementor-widget-text-editor" data-id="44595a7" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
					<div class="elementor-text-editor elementor-clearfix"><p>Columns are essentially just like pages; we fragment our content between column boxes in the same way that we fragment our content between pages. Therefore, a more generic name would make sense in terms of this behavior being the same for columns and pages. <span style="color: #1c1c25; font-weight: bold;">How does this tie into Page Floats?</span> Well, in this scenario, you would want more control over where images and other elements end up in these rows of columns. I wouldn’t want, for example, an image to have one line of text below it before the content, and then fragmented to form the next row of columns.</p></div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
						</div>
			</div>
		</div>
		<p>The post <a rel="nofollow" href="https://dfogg.ca/top-mobile-app-development-companies/">Top Mobile App  Development Companies</a> appeared first on <a rel="nofollow" href="https://dfogg.ca">Digital Fogg</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
