<?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>CSS</title>
	<atom:link href="https://www.quakerranter.org/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.quakerranter.org/tag/css/</link>
	<description>A Weekly Newsletter and Blog from Martin Kelley</description>
	<lastBuildDate>Thu, 26 Dec 2013 20:55:26 +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>

<image>
	<url>https://i0.wp.com/www.quakerranter.org/wp-content/uploads/2016/02/cropped-qr-512.jpg?fit=32%2C32&#038;ssl=1</url>
	<title>CSS</title>
	<link>https://www.quakerranter.org/tag/css/</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">16720591</site>	<item>
		<title>Salem County Special Services School District</title>
		<link>https://www.quakerranter.org/salem_county_special_services/</link>
					<comments>https://www.quakerranter.org/salem_county_special_services/#comments</comments>
		
		<dc:creator><![CDATA[Martin Kelley]]></dc:creator>
		<pubDate>Sun, 23 Nov 2008 02:09:50 +0000</pubDate>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[client sites]]></category>
		<category><![CDATA[cms]]></category>
		<category><![CDATA[County]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[educational clients]]></category>
		<category><![CDATA[Jersey]]></category>
		<category><![CDATA[mission]]></category>
		<category><![CDATA[movable type]]></category>
		<category><![CDATA[New]]></category>
		<category><![CDATA[new jersey]]></category>
		<category><![CDATA[nonprofit clients]]></category>
		<category><![CDATA[Salem]]></category>
		<category><![CDATA[service]]></category>
		<category><![CDATA[site]]></category>
		<category><![CDATA[Visit Scsssd]]></category>
		<guid isPermaLink="false">http://www.quakerranter.org/2008/11/salem_county_special_services/</guid>

					<description><![CDATA[The mission of the Salem County Special Services School District, a regional educational service agency, is to provide high quality, cost-effective programs and services to the schools and districts of Salem County and Cumberland County, New Jersey. This site built with what are for me fairly generic tools: Movable Type as CMS, with Flickr intergration. [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><a href="http://www.scsssd.org"><img data-recalc-dims="1" fetchpriority="high" decoding="async" src="https://i0.wp.com/farm4.static.flickr.com/3139/3051004189_a4cf222083_m.jpg?resize=240%2C215" width="240" height="215" alt="Daretown School Home - Daretown School" class="screenshot"></a>The mission of the Salem County Special Services School District, a regional <a href="/tag/educational+service">educational service</a> agency, is to provide high quality, cost-effective programs and services to the schools and districts of <a href="/salem-county">Salem County</a> and <a href="/cumberland-county">Cumberland County</a>, <a href="/tag/new+jersey">New Jersey</a>. This site built with what are for me fairly generic tools: <a href="/tag/movable+type">Movable Type</a> as <a href="/tag/cms">CMS</a>, with <a href="/tag/flickr+integration">Flickr intergration</a>. The <a href="/tag/design+style">design style</a> sheet was built from scratch using <a href="/tag/cms">CSS</a>.</p>
<p><b>Visit: <a href="http://www.scsssd.org">Scsssd.org</a></b></p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.quakerranter.org/salem_county_special_services/feed/</wfw:commentRss>
			<slash:comments>116</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">2378</post-id>	</item>
		<item>
		<title>Penncharter.com Media Pages</title>
		<link>https://www.quakerranter.org/pennchartercom_media_pages/</link>
					<comments>https://www.quakerranter.org/pennchartercom_media_pages/#comments</comments>
		
		<dc:creator><![CDATA[Martin Kelley]]></dc:creator>
		<pubDate>Sun, 18 May 2008 19:43:27 +0000</pubDate>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[client sites]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[educational clients]]></category>
		<category><![CDATA[flickr]]></category>
		<category><![CDATA[media]]></category>
		<category><![CDATA[Penn Charter]]></category>
		<category><![CDATA[RSS]]></category>
		<category><![CDATA[school]]></category>
		<category><![CDATA[website]]></category>
		<category><![CDATA[work]]></category>
		<guid isPermaLink="false">http://www.quakerranter.org/2008/05/pennchartercom_media_pages/</guid>

					<description><![CDATA[One element of a general social media consultancy project I’ve undertaken with Philadelphia’s William Penn Charter school is a dynamic media page. They had collected a large number of photos, movies and podcast interviews, but the media page on their site was static and without pictures. I worked with them to come up with media [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><a href="http://www.flickr.com/photos/martinkelley-com/3815751705/" title="William Penn Charter School Media Pages by martinkelleydesign, on Flickr"><img data-recalc-dims="1" decoding="async" src="https://i0.wp.com/farm3.static.flickr.com/2567/3815751705_b0ca30c557_m.jpg?resize=240%2C170" alt="William Penn Charter School Media Pages" class="screenshot" width="240" height="170"></a>One element of a general <a href="http://www.martinkelley.com/tag/social+media">social media</a> consultancy project I’ve undertaken with Philadelphia’s <a href="http://penncharter.com/">William Penn Charter school</a> is a <a href="http://www.martinkelley.com/tag/dynamic+media">dynamic media</a> page. They had collected a large number of <a href="http://www.martinkelley.com/tag/photos">photos</a>, <a href="http://www.martinkelley.com/tag/movies">movies</a> and <a href="http://www.martinkelley.com/tag/podcast">podcast</a> interviews, but the media page on their site was static and without pictures. I worked with them to come up with media policies and then built a media site that automatically displays the latest <a href="http://www.flickr.com/">Flickr sets</a> and <a href="http://www.youtube.com/">Youtube videos</a>, all laid out attractively with <a href="http://www.martinkelley.com/tag/css">CSS</a>. The Flickr part was complicated by the fact that Flickr doesn’t produce feeds of sets and this required access to it’s <a href="http://www.flickr.com/services/api/">API</a> and fairly extensive <a href="http://pipes.yahoo.com/pipes/">Yahoo Pipes</a> manipulation. The original podcasts were just uploaded <a href="http://www.martinkelley.com/tag/mp3">MP3</a> files and I worked to collect them together via <a href="http://odeo.com/">Odeo</a> (hosting) and <a href="http://www.feedburner.com/">Feedburner</a> (feed publishing), which then provides <a href="http://www.martinkelley.com/tag/rss">RSS</a> and <a href="http://www.martinkelley.com/tag/itunes">iTunes</a> support. The actual content for the page is collected together on the Martinkelley.com server and embedded into the Penn Charter media pages via javascript. Other work with Penn Charter includes <a href="http://www.martinkelley.com/tag/google+analytics">Google Analytics</a> and <a href="http://www.martinkelley.com/tag/dreamweaver">Dreamweaver</a> support. </p>
<p><b>Update: PennCharter redesigned their website in August 2009 and the Media Page is unavailable.</b></p>
<p></p>
<h3>Client Testimonial:</h3>
<blockquote><p>“Martin has worked for our school to integrate Web 2.0 technologies<br>
into our communication materials. Martin is highly-personable and his<br>
is an expert in current technological approaches. This is a hard match<br>
to find in consultants.” April 30, 2009</p>
<p>Michael Moulton, <i>Technology Director, William Penn Charter School</i>.<br>Hired Martin as a IT Consultant in 2007, and hired Martin more than once.<br><b>Top qualities:</b> Personable, Expert, High Integrity.</p></blockquote>
<p></p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.quakerranter.org/pennchartercom_media_pages/feed/</wfw:commentRss>
			<slash:comments>96</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">2365</post-id>	</item>
		<item>
		<title>Movable Type and RTL languages</title>
		<link>https://www.quakerranter.org/movable_type_and_rtl_languages/</link>
					<comments>https://www.quakerranter.org/movable_type_and_rtl_languages/#comments</comments>
		
		<dc:creator><![CDATA[Martin Kelley]]></dc:creator>
		<pubDate>Tue, 08 May 2007 02:40:52 +0000</pubDate>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[MT]]></category>
		<guid isPermaLink="false">http://www.quakerranter.org/2007/05/movable_type_and_rtl_languages/</guid>

					<description><![CDATA[I’m working on an international site built in Movable Type and including statements in multiple languages, including “Right to Left” languages like Arabic and Hebrew. I was pleasantly surprised when I cut-and-pasted an Arabic text from MS Word into Movable Type and found the letters looking good both in the MT entry box and the [&#8230;]]]></description>
										<content:encoded><![CDATA[<div class="entry-body">
<p>I’m working<br>
on an international site built in Movable Type and including statements<br>
in multiple languages, including “Right to Left” languages like Arabic<br>
and Hebrew. </p>
<p>I was pleasantly surprised when I cut-and-pasted an Arabic text from<br>
MS Word into Movable Type and found the letters looking good both in<br>
the MT entry box <em>and</em> the resultant post. I didn’t realize just how powerful <a href="http://en.wikipedia.org/wiki/Utf-8"><span class="caps">UTF</span>-8 encoding</a><br>
is and how well MT supports it throughout the system. Still, the output<br>
wasn’t correct, as it wasn’t displayed in right-to-left fashion. I<br>
needed to figure out the <span class="caps">CSS </span>for this kind of output and an easy way to allow the client to set this without forcing them into coding.</p>
<p>Using the highly-recommended <a href="http://www.staggernation.com/mtplugins/RightFields">Rightfields Plugin</a> I added a checkbox field for posts that should be displayed in <span class="caps">RTL.</span> Here’s a screenshot:</p>
<p><img data-recalc-dims="1" decoding="async" src="https://i0.wp.com/aycu36.webshots.com/image/13155/2003887591381758887_rs.jpg?w=640" alt></p>
<p>RightFields has an IF function that we can use to set a new <span class="caps">DIV </span>with our <span class="caps">RTL </span>style. Here’s the coding in the MT template, stuck in just after the “entry-body” div:</p>
<pre>&lt;MTExtraFields&gt;<br>&lt;MTIfExtraField field="RTL"&gt;<br>&lt;div class="rtl-display"&gt;<br>&lt;/MTIfExtraField&gt;<br></pre>
<p>Note: you’ll also have to add similar code to close the div at the end of the passage.</p>
<p>Finally, as best as I can determine, this is the proper <span class="caps">CSS </span>designation for <span class="caps">RTF </span>display (<a href="http://www.microsoft.com/middleeast/msdn/JustifyingText-CSS.aspx">Microsoft has a good webpage on this</a>). It works in Firefox, <span class="caps">IE7 </span>and <span class="caps">IE6.</span></p>
<p>.rtl-display p {direction:rtl;text-align:justified;text-align:justify;}</p>
<p>I’d be happy to get any feedback or corrections to this. I’m a typical <em>‘Merican</em><br>
whose foreign language skills don’t go far past a dozen phrases lifted<br>
from Sesame Street and long-ago French classes. Arabic and Hebrew<br>
typesetting are quite unfamiliar terrain.</p>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://www.quakerranter.org/movable_type_and_rtl_languages/feed/</wfw:commentRss>
			<slash:comments>682</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">2338</post-id>	</item>
	</channel>
</rss>
