<?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>Thomas Wallace</title>
	<atom:link href="http://thomaswallace.net/feed/" rel="self" type="application/rss+xml" />
	<link>https://thomaswallace.net</link>
	<description>Lectures and Resources</description>
	<lastBuildDate>Mon, 20 Apr 2026 13:54:55 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>
	<item>
		<title>Forms</title>
		<link>https://thomaswallace.net/2026/04/22/forms-2/</link>
		
		<dc:creator><![CDATA[thomas.wallace@gmail.com]]></dc:creator>
		<pubDate>Wed, 22 Apr 2026 13:51:04 +0000</pubDate>
				<category><![CDATA[Web Technologies Spring 2026]]></category>
		<guid isPermaLink="false">https://thomaswallace.net/?p=4335</guid>

					<description><![CDATA[Hosted Solution (Wufoo) Jotform Using and endpoint service Formspree Using Server-Side Technology PHP (Bluehost/cloud9)]]></description>
										<content:encoded><![CDATA[<ul>
<li><a href="https://thomaswallace.net/module/hosted-web-forms/">Hosted Solution</a> (Wufoo)
<ul>
<li><a href="https://www.jotform.com/">Jotform</a></li>
</ul>
</li>
<li>Using and endpoint service
<ul>
<li><a href="https://formspree.io/">Formspree</a></li>
</ul>
</li>
<li>Using Server-Side Technology
<ul>
<li><a href="https://css-tricks.com/nice-and-simple-contact-form/">PHP (Bluehost/cloud9)</a></li>
</ul>
</li>
</ul>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Geolocation and Other Odds and Ends</title>
		<link>https://thomaswallace.net/2026/04/21/geolocation-and-other-odds-and-ends-6/</link>
		
		<dc:creator><![CDATA[thomas.wallace@gmail.com]]></dc:creator>
		<pubDate>Tue, 21 Apr 2026 13:41:22 +0000</pubDate>
				<category><![CDATA[Mobile Web Spring 2026]]></category>
		<guid isPermaLink="false">https://thomaswallace.net/?p=4330</guid>

					<description><![CDATA[Geolocation Overview Documentation &#124; Watch Position Google Maps Example Additional Content to Explore .htaccess – How do they work and what do they do? Front-end Frameworks Vue.js Angular.js React Mobile JavaScript Frameworks Frameworks Overview Micro Frameworks CDN Resources – 1 Final Assignment Submission Guidelines Final Project Guidelines Final Project due: 10:00am Tuesday, May 12, 2026 at 10am. Late Submissions will [&#8230;]]]></description>
										<content:encoded><![CDATA[<ul>
<li><a href="https://www.w3schools.com/html/html5_geolocation.asp">Geolocation Overview</a>
<ul>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/API/Geolocation/watchPosition">Documentation</a> <a href="https://codepen.io/ThomasWallace/professor/wZZOdj">|</a> <a href="https://codepen.io/ThomasWallace/professor/NWmOzpG/6354f9171852d998e9cc03063d81fcb2">Watch Position</a></li>
<li><a href="https://developers.google.com/maps/documentation/javascript/geolocation">Google Maps Example</a></li>
</ul>
</li>
<li>Additional Content to Explore
<ul>
<li><a href="https://www.hongkiat.com/blog/guide-to-htaccess/">.htaccess</a> – <a href="https://www.plesk.com/blog/various/comprehensive-guide-to-htaccess/">How do they work and what do they do?</a></li>
<li>Front-end Frameworks
<ul>
<li><a href="https://vuejs.org/v2/guide/">Vue.js</a></li>
<li><a href="https://angular.io/">Angular.js</a></li>
<li><a href="https://reactjs.org/">React</a></li>
</ul>
</li>
<li>Mobile JavaScript Frameworks
<ul>
<li><a href="https://thomaswallace.net/module/mobile-development-frameworks/">Frameworks Overview</a></li>
<li><a href="http://microjs.com/">Micro Frameworks</a></li>
<li>CDN Resources – <a href="http://scriptsrc.net/">1</a></li>
</ul>
</li>
</ul>
</li>
</ul>
<h3>Final Assignment Submission Guidelines</h3>
<ul>
<li><a href="https://thomaswallace.net/module/final-project-guidelines/">Final Project Guidelines</a></li>
</ul>
<p><strong>Final Project due:</strong> 10:00am Tuesday, May 12, 2026 at 10am. Late Submissions will not be accepted. Submission should include the following:</p>
<ul>
<li>Site URL</li>
<li>Digital Wireframes / Concept art for multiple breakpoints.</li>
<li>A brief description of the sites purpose and target audience.</li>
<li>Feedback you collected from at least 3 individuals and how you addressed the concerns / issues identified in that process.</li>
<li>1-2 pages outlining the takeaways from the course. (What you learned, What you’d like to investigate further, ideas for improvement)</li>
</ul>
<p>Please submit everything in a single email with subject: Mobile Web Final – Your Name.</p>
<p>Make sure the following assignments are linked from your home page. Remember that your course homepage should be styled, responsive and <a href="https://thomaswallace.net/2023/03/28/css-preprocessors-and-variables-2/">leverage CSS Custom Properties (variables)</a>.</p>
<ul>
<li>Pre Assessment</li>
<li>Fluid Grid</li>
<li>Responsive Resume w/ Microdata  or JSON-LD</li>
<li>Flexbox Froggy or Defense Screenshot</li>
<li>Figma Prototype URL</li>
<li>Bootstrap Rapid Prototype</li>
<li>Responsive Images Demo</li>
<li>Audio/Video</li>
<li>Final Project (5/13)</li>
</ul>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Site Building Demo</title>
		<link>https://thomaswallace.net/2026/04/20/4332/</link>
		
		<dc:creator><![CDATA[thomas.wallace@gmail.com]]></dc:creator>
		<pubDate>Mon, 20 Apr 2026 13:50:36 +0000</pubDate>
				<category><![CDATA[Web Technologies Spring 2026]]></category>
		<guid isPermaLink="false">https://thomaswallace.net/?p=4332</guid>

					<description><![CDATA[Today’s Recorded Session: https://us-lti.bbcollab.com/recording/ab5288c31f924bdd811e1a9aab569eb4 Codecast &#124; Target Outcome Logo Replacement Technique Demo]]></description>
										<content:encoded><![CDATA[<p>Today’s Recorded Session: <a href="https://us-lti.bbcollab.com/recording/ab5288c31f924bdd811e1a9aab569eb4">https://us-lti.bbcollab.com/recording/ab5288c31f924bdd811e1a9aab569eb4</a></p>
<ul>
<li><a href="https://codepen.io/ThomasWallace/professor/WbweyWK/f07b219fc3718e6a2eb0a93f7dbac918">Codecast</a> | <a href="https://cdpn.io/pen/debug/jEENwLG/7749329ab930cb27ca1a90f9bf9b5635">Target Outcome</a></li>
<li><a href="http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/">Logo Replacement Technique</a>
<ul>
<li><a href="https://codepen.io/ThomasWallace/professor/KwzPejb/138855b17595e525f4b7d624a952ded9">Demo</a></li>
</ul>
</li>
</ul>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Native Audio and Video</title>
		<link>https://thomaswallace.net/2026/04/16/native-audio-and-video-7/</link>
		
		<dc:creator><![CDATA[thomas.wallace@gmail.com]]></dc:creator>
		<pubDate>Thu, 16 Apr 2026 13:38:10 +0000</pubDate>
				<category><![CDATA[Mobile Web Spring 2026]]></category>
		<guid isPermaLink="false">https://thomaswallace.net/?p=4326</guid>

					<description><![CDATA[Video Styling the player Audio]]></description>
										<content:encoded><![CDATA[<ul>
<li><a href="https://thomaswallace.net/module/getting-started-with-html5-video/">Video</a>
<ul>
<li><a href="https://codepen.io/ThomasWallace/professor/bNNNGRE/db3f06ba273e96968b54ae8fcf92894c">Styling the player</a></li>
</ul>
</li>
<li><a href="https://thomaswallace.net/module/html5-audio/">Audio</a></li>
</ul>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>CSS Grid Lab Debrief / Final Project Assignment</title>
		<link>https://thomaswallace.net/2026/04/15/css-grid-lab-debrief-final-project-assignment-3/</link>
		
		<dc:creator><![CDATA[thomas.wallace@gmail.com]]></dc:creator>
		<pubDate>Wed, 15 Apr 2026 13:29:20 +0000</pubDate>
				<category><![CDATA[Web Technologies Spring 2026]]></category>
		<guid isPermaLink="false">https://thomaswallace.net/?p=4322</guid>

					<description><![CDATA[Lab Debrief CSS Grid Lab &#124; Codecast Bringing it all Together Finalizing your page template Duplicating pages for your site Setting up Workspace for your project]]></description>
										<content:encoded><![CDATA[<h3>Lab Debrief</h3>
<ul>
<li><a href="https://thomaswallace.net/module/css-grid-lab/">CSS Grid Lab</a> | <a href="https://codepen.io/ThomasWallace/professor/ogbMWNx/40414190bc4e644258b94ef631ff11ae">Codecast</a></li>
</ul>
<h3>Bringing it all Together</h3>
<ul>
<li><a href="https://thomaswallace.net/module/finalizing-page-structure/">Finalizing your page template</a></li>
<li><a href="https://thomaswallace.net/module/duplicating-pages/">Duplicating pages for your site</a></li>
<li>Setting up Workspace for your project</li>
</ul>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Responsive Images and Media</title>
		<link>https://thomaswallace.net/2026/04/14/responsive-images-and-media/</link>
		
		<dc:creator><![CDATA[thomas.wallace@gmail.com]]></dc:creator>
		<pubDate>Tue, 14 Apr 2026 13:35:05 +0000</pubDate>
				<category><![CDATA[Mobile Web Spring 2026]]></category>
		<guid isPermaLink="false">https://thomaswallace.net/?p=4324</guid>

					<description><![CDATA[Responsive Image Techniques Use Cases Responsive Images Using SRCSET Responsive Images Using Picture Element Demo Additional Details Responsive Images Using Picturefill (Polyfill) &#124; Demo Tutorial]]></description>
										<content:encoded><![CDATA[<ul>
<li>Responsive Image Techniques
<ul>
<li><a href="https://www.codeinwp.com/blog/responsive-images/">Use Cases</a></li>
<li><a href="https://thomaswallace.net/module/responsive-images-using-srcset-and-sizes/">Responsive Images Using SRCSET</a></li>
<li>Responsive Images Using Picture Element
<ul>
<li><a href="https://web.dev/learn/design/picture-element/">Demo</a></li>
<li><a href="https://web.dev/learn/design/responsive-images/">Additional Details</a></li>
</ul>
</li>
<li><a href="https://github.com/scottjehl/picturefill">Responsive Images Using Picturefill (Polyfill)</a> | <a href="https://thomaswallace.net/demos/picturefill/">Demo</a>
<ul>
<li><a href="http://archive.thomaswallace.net/modules/picturefill-3-0/">Tutorial</a></li>
</ul>
</li>
</ul>
</li>
</ul>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>CSS Grid Lab</title>
		<link>https://thomaswallace.net/2026/04/13/css-grid-lab-2/</link>
		
		<dc:creator><![CDATA[thomas.wallace@gmail.com]]></dc:creator>
		<pubDate>Mon, 13 Apr 2026 13:29:16 +0000</pubDate>
				<category><![CDATA[Web Technologies Spring 2026]]></category>
		<guid isPermaLink="false">https://thomaswallace.net/?p=4320</guid>

					<description><![CDATA[Today we will build out some common page layout patterns using the CSS grid specification we have been learning. CSS Grid Lab &#124; Codecast]]></description>
										<content:encoded><![CDATA[<div class="entry">
<p>Today we will build out some common page layout patterns using the CSS grid specification we have been learning.</p>
<ul>
<li><a href="https://thomaswallace.net/module/css-grid-lab/">CSS Grid Lab</a> | <a href="https://codepen.io/ThomasWallace/professor/ogbMWNx/40414190bc4e644258b94ef631ff11ae">Codecast</a></li>
</ul>
</div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Bootstrap Lab</title>
		<link>https://thomaswallace.net/2026/04/09/bootstrap-lab-12/</link>
		
		<dc:creator><![CDATA[thomas.wallace@gmail.com]]></dc:creator>
		<pubDate>Thu, 09 Apr 2026 12:22:39 +0000</pubDate>
				<category><![CDATA[Mobile Web Spring 2026]]></category>
		<guid isPermaLink="false">https://thomaswallace.net/?p=4317</guid>

					<description><![CDATA[Finish the rapid prototyping exercise and post a link on your course home page. Bootstrap Themes Exploring Tailwind]]></description>
										<content:encoded><![CDATA[<p>Finish the rapid prototyping exercise and post a link on your course home page.</p>
<ul>
<li><a href="https://startbootstrap.com/template-categories/all/">Bootstrap Themes</a></li>
<li><a href="https://codepen.io/ThomasWallace/pen/emYaqvz/4c8466f20701247b7b475698f0364c9e?editors=1000">Exploring Tailwind</a></li>
</ul>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>CSS Grid, Image Manipulation and Optimization</title>
		<link>https://thomaswallace.net/2026/04/08/css-grid-image-manipulation-and-optimization-2/</link>
		
		<dc:creator><![CDATA[thomas.wallace@gmail.com]]></dc:creator>
		<pubDate>Wed, 08 Apr 2026 14:19:50 +0000</pubDate>
				<category><![CDATA[Web Technologies Spring 2026]]></category>
		<guid isPermaLink="false">https://thomaswallace.net/?p=4313</guid>

					<description><![CDATA[CSS Grid Resources Interactive Guide to CSS Grid Image Editing Image Editing Tools Vector vs Raster Images &#124; 1 &#124; 2 Tools Overview Adobe Creative Suite – Paid Subscription Adobe Illustrator – Vector Editor Adobe Photoshop – Raster Editor Pixlr Suite –  Raster and Vector – Tutorials Photopea / Vectorpea Lab Set up In your workspace create a new project sub-directory named: css-grid-lab Create [&#8230;]]]></description>
										<content:encoded><![CDATA[<h3>CSS Grid Resources</h3>
<ul>
<li><a href="https://www.joshwcomeau.com/css/interactive-guide-to-grid/">Interactive Guide to CSS Grid</a></li>
</ul>
<h3>Image Editing</h3>
<ul>
<li>Image Editing Tools</li>
<li><a href="https://pavilion.dinfos.edu/Article/Article/2223089/vector-vs-raster-images-choosing-the-right-format/#:~:text=and%20appears%20smooth.-,Vector%20graphics%20are%20digital%20art%20that%20is%20rendered%20by%20a,best%20used%20for%20creating%20photos.">Vector vs Raster Images</a> | <a href="https://www.acromedia.com/article/graphic-files-explained-vector-vs-raster">1</a> | <a href="https://vector-conversions.com/vectorizing/raster_vs_vector.html">2</a></li>
<li>Tools Overview
<ul>
<li>Adobe Creative Suite – Paid Subscription
<ul>
<li>Adobe Illustrator – Vector Editor</li>
<li>Adobe Photoshop – Raster Editor</li>
</ul>
</li>
<li><a href="https://pixlr.com/suite/">Pixlr Suite</a> –  Raster and Vector – <a href="https://pixlr.com/learn/">Tutorials</a></li>
<li><a href="https://www.photopea.com/">Photopea</a> / <a href="https://www.vectorpea.com/">Vectorpea</a></li>
</ul>
</li>
</ul>
<h3>Lab Set up</h3>
<ol>
<li>In your workspace create a new project sub-directory named: <strong>css-grid-lab</strong></li>
<li>Create 4 html files named:
<ol>
<li>grid-two-col-left.html</li>
<li>grid-two-col-right.html</li>
<li>grid-two-col-stacked.html</li>
<li>grid-two-col-equal.html</li>
</ol>
</li>
<li>Populate Each File with the starter code located here: <a href="https://gist.githubusercontent.com/ThomasWallace/dea695b0df6693bda0147f33d9188e74/raw/b28acb3a388d4c7e187abaa5e47befa430e0595b/css-grid-lab-starter.html">Starter Code</a></li>
<li>Add a nested list to your course homepage with links to each file.</li>
</ol>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Rapid Prototyping with Bootstrap</title>
		<link>https://thomaswallace.net/2026/04/07/rapid-prototyping-with-bootstrap-5/</link>
		
		<dc:creator><![CDATA[thomas.wallace@gmail.com]]></dc:creator>
		<pubDate>Tue, 07 Apr 2026 12:21:01 +0000</pubDate>
				<category><![CDATA[Mobile Web Spring 2026]]></category>
		<guid isPermaLink="false">https://thomaswallace.net/?p=4315</guid>

					<description><![CDATA[Using the visual prototype/wireframe you created for your final project, create a low-fidelity prototype of your homepage concept using Bootstrap. This should be built in your work environment and added to the workspace landing page you created earlier this semester.]]></description>
										<content:encoded><![CDATA[<p>Using the visual prototype/wireframe you created for your final project, create a <a href="http://www.usabilityfirst.com/glossary/low-fidelity-prototype/">low-fidelity prototype</a> of your homepage concept using <a href="https://getbootstrap.com/">Bootstrap</a>. This should be built in your work environment and added to the workspace landing page you created earlier this semester.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
