<?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>El Blog del Antonio &#187; CSS</title>
	<atom:link href="http://www.ramirezcobos.com/category/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.ramirezcobos.com</link>
	<description>Programming Web with PHP, CSS, Javascript and ∞</description>
	<lastBuildDate>Wed, 28 Dec 2011 18:26:45 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Offertutti</title>
		<link>http://www.ramirezcobos.com/2011/07/28/offertutti/</link>
		<comments>http://www.ramirezcobos.com/2011/07/28/offertutti/#comments</comments>
		<pubDate>Thu, 28 Jul 2011 11:56:37 +0000</pubDate>
		<dc:creator>Antonio Ramirez</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Portfolio]]></category>
		<guid isPermaLink="false">http://www.ramirezcobos.com/?p=886</guid>
		<description><![CDATA[Coupon aggregator site I worked for. Duties I had for the company:
Consulting
CSS redesign
XML feeds development -Automation with PHP
RSS development and automatic marketing integration with Twitter and Facebook
&#160;
Even though was not a Yii-job, I am more than happy to promote www.offertutti.com  [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.ramirezcobos.com/2011/07/28/offertutti/screen-shot-2011-07-28-at-1-40-13-pm/" rel="attachment wp-att-887"><img class="alignright size-medium wp-image-887" title="Offertutti" src="http://www.ramirezcobos.com/wp-content/uploads/2011/07/Screen-Shot-2011-07-28-at-1.40.13-PM-300x223.png" alt="" width="300" height="223" /></a>Coupon aggregator site I worked for. Duties I had for the company:</p>
<ul>
<li>Consulting</li>
<li>CSS redesign</li>
<li>XML feeds development -Automation with PHP</li>
<li>RSS development and automatic marketing integration with Twitter and Facebook</li>
</ul>
<p>&nbsp;</p>
<p>Even though was not a Yii-job, I am more than happy to promote <a title="Offertutti" href="http://www.offertutti.com">www.offertutti.com</a> here as one of the most pleasant jobs I have ever had in my, already long -gosh how time pass, coding career.</p>
<p>The job was quite challenging, as any site developed by companies from certain countries, but managed to fulfill most of their expectations. Even though I am currently in the middle of a dream project, it continues to be a pleasure to help them out every now and then.</p>
<p>New design is coming&#8230;</p>
<a href="http://twitter.com/?status=RT%20%40%3A%20Offertutti%20-%20El%20Blog%20del%20Antonio%20http%3A%2F%2Fwww.ramirezcobos.com%2F2011%2F07%2F28%2Foffertutti%2F" class="tweet-this" ><img src="http://www.ramirezcobos.com/wp-content/plugins/simple-tweet/img/tweet.gif" title="Tweet this!" alt="Tweet this!" />Tweet this!</a>]]></content:encoded>
			<wfw:commentRss>http://www.ramirezcobos.com/2011/07/28/offertutti/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Less Framework 2</title>
		<link>http://www.ramirezcobos.com/2010/09/12/less-framework-2/</link>
		<comments>http://www.ramirezcobos.com/2010/09/12/less-framework-2/#comments</comments>
		<pubDate>Sun, 12 Sep 2010 10:17:03 +0000</pubDate>
		<dc:creator>Antonio Ramirez</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[On The Web]]></category>
		<category><![CDATA[Tools]]></category>
		<guid isPermaLink="false">http://www.ramirezcobos.com/?p=502</guid>
		<description><![CDATA[All of us know how hard is to get a proper CSS layout for our pages. Thanks to 960 grid system we developers were able to solve some of the issues that we face when we design for different browsers. Now, new devices coming aboard such as Android, iPhones, Blackberry&#8217;s and their browsers and the  [...]]]></description>
			<content:encoded><![CDATA[<p><a rel="attachment wp-att-503" href="http://www.ramirezcobos.com/2010/09/12/less-framework-2/captura-de-pantalla-2010-09-12-a-las-12-00-32/"><img class="alignright size-medium wp-image-503" title="Less Framework 2" src="http://www.ramirezcobos.com/wp-content/uploads/2010/09/Captura-de-pantalla-2010-09-12-a-las-12.00.32-300x269.png" alt="" width="300" height="269" /></a>All of us know how hard is to get a proper CSS layout for our pages. Thanks to <a href="http://960.gs/" target="_blank">960 grid system</a> we developers were able to solve some of the issues that we face when we design for different browsers. Now, new devices coming aboard such as Android, iPhones, Blackberry&#8217;s and their browsers and the nightmare continues. Nevertheless, nice people like those of 960 grid system give away their approaches and solutions in order to make our life&#8217;s easier. <a href="http://lessframework.com/" target="_blank">Less Framework 2</a> comes to help us:</p>
<h4>A <abbr>CSS</abbr> framework for cross-device layouts</h4>
<p>Everyone writes <abbr>CSS</abbr> differently. Less Framework takes this  into account by having a minimal set of features, and does away with  things like predefined classes.</p>
<h4>No more 960 px</h4>
<p>Less Framework uses inline <abbr>CSS3</abbr> media-queries to switch between three layouts:</p>
<ul>
<li>a two-column layout at 320 px, for smartphones</li>
<li>a five-column layout at 768 px, for iPads and netbooks</li>
<li>and an eight-column layout at 1280 px, for desktops and laptops.</li>
</ul>
<h4>No hacks, unless you want them</h4>
<p>Less Framework works beautifully in Firefox, Chrome, Safari, Opera, <abbr>IE9</abbr> (hopefully), Android phones, and all iOS devices (that&#8217;s all iPhones,  iPads, and iPod Touches). It even behaves nicely in landscape mode.</p>
<p style="text-align: center;">
<script type="text/javascript"><!--
google_ad_client = "pub-7060132287364604";
/* 468x60, creado 16/03/10 */
google_ad_slot = "9029910384";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
<p style="text-align: center;">
<a href="http://twitter.com/?status=RT%20%40%3A%20Less%20Framework%202%20-%20El%20Blog%20del%20Antonio%20http%3A%2F%2Fwww.ramirezcobos.com%2F2010%2F09%2F12%2Fless-framework-2%2F" class="tweet-this" ><img src="http://www.ramirezcobos.com/wp-content/plugins/simple-tweet/img/tweet.gif" title="Tweet this!" alt="Tweet this!" />Tweet this!</a>]]></content:encoded>
			<wfw:commentRss>http://www.ramirezcobos.com/2010/09/12/less-framework-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PalmStudios Model Agency</title>
		<link>http://www.ramirezcobos.com/2010/07/14/palmstudios-model-agency/</link>
		<comments>http://www.ramirezcobos.com/2010/07/14/palmstudios-model-agency/#comments</comments>
		<pubDate>Wed, 14 Jul 2010 14:03:03 +0000</pubDate>
		<dc:creator>Antonio Ramirez</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Portfolio]]></category>
		<guid isPermaLink="false">http://www.ramirezcobos.com/?p=489</guid>
		<description><![CDATA[Hi there,
I would like to introduce you my last web project: http://www.palmstudios.com
For this project I have developed a sort of MVC (Model View Controller) over the RedBeanPHP DB library (PHP 5.3.2).  This project even though it looks quite simple it has a very power CMS (Content Management  [...]]]></description>
			<content:encoded><![CDATA[<p><a rel="attachment wp-att-490" href="http://www.ramirezcobos.com/2010/07/14/palmstudios-model-agency/captura-de-pantalla-2010-07-12-a-las-16-03-00/"><img class="alignright size-medium wp-image-490" title="Captura de pantalla 2010-07-12 a las 16.03.00" src="http://www.ramirezcobos.com/wp-content/uploads/2010/07/Captura-de-pantalla-2010-07-12-a-las-16.03.00-300x248.png" alt="" width="300" height="248" /></a>Hi there,</p>
<p>I would like to introduce you my last web project: <a title="Palmstudios Model Agency" href="http://www.palmstudios.com" target="_blank">http://www.palmstudios.com</a></p>
<p>For this project I have developed a sort of MVC (Model View Controller) over the <a title="RedBean PHP" href="http://www.redbeanphp.com" target="_blank">RedBeanPHP</a> DB library (PHP 5.3.2).  This project even though it looks quite simple it has a very power CMS (Content Management System) on its backend that allows the model agency to control most of the aspects of its business:</p>
<ol>
<li>- Clients Management</li>
<li>- Models Management (Men, Women, Children &amp; Extras) -contact details, measurements, pictures, and so on&#8230;</li>
<li>- Promotional Packages Management &#8211; this is a special addon which allows the agency to create model promotional bundles to send to its clients</li>
</ol>
<p>There is a ton of client and server libraries that this application makes use of, such as:</p>
<ul>
<li>JQuery FancyBox</li>
<li>JQuery Livequery</li>
<li>JQuery AjaxQ</li>
<li>PHPMailer</li>
<li>RedBeanPHP</li>
<li>Savant3 Template Engine</li>
<li>PHPThumb</li>
<li>TinyMCE</li>
</ul>
<p>The CMS has a configuration section where site administrator can configure:</p>
<ul>
<li>Web site languages (has multiple language support)</li>
<li>Web site translations (you can even ask GOOGLE about a translation depending of the languages installed on the system)</li>
<li>Model properties (size, height, waist, etc&#8230;)</li>
<li>Hair Colors</li>
<li>Eye Colors</li>
<li>Users</li>
</ul>
<p>Here is a snapshot gallery of the Site and its CMS</p>
<a href='http://www.ramirezcobos.com/2010/07/14/palmstudios-model-agency/captura-de-pantalla-2010-07-12-a-las-16-03-00/' title='Captura de pantalla 2010-07-12 a las 16.03.00'><img width="120" height="120" src="http://www.ramirezcobos.com/wp-content/uploads/2010/07/Captura-de-pantalla-2010-07-12-a-las-16.03.00-120x120.png" class="attachment-thumbnail" alt="Captura de pantalla 2010-07-12 a las 16.03.00" title="Captura de pantalla 2010-07-12 a las 16.03.00" /></a>
<a href='http://www.ramirezcobos.com/2010/07/14/palmstudios-model-agency/captura-de-pantalla-2010-07-12-a-las-16-07-44/' title='Captura de pantalla 2010-07-12 a las 16.07.44'><img width="120" height="120" src="http://www.ramirezcobos.com/wp-content/uploads/2010/07/Captura-de-pantalla-2010-07-12-a-las-16.07.44-120x120.png" class="attachment-thumbnail" alt="Captura de pantalla 2010-07-12 a las 16.07.44" title="Captura de pantalla 2010-07-12 a las 16.07.44" /></a>
<a href='http://www.ramirezcobos.com/2010/07/14/palmstudios-model-agency/captura-de-pantalla-2010-07-12-a-las-16-08-21/' title='Captura de pantalla 2010-07-12 a las 16.08.21'><img width="120" height="120" src="http://www.ramirezcobos.com/wp-content/uploads/2010/07/Captura-de-pantalla-2010-07-12-a-las-16.08.21-120x120.png" class="attachment-thumbnail" alt="Captura de pantalla 2010-07-12 a las 16.08.21" title="Captura de pantalla 2010-07-12 a las 16.08.21" /></a>
<a href='http://www.ramirezcobos.com/2010/07/14/palmstudios-model-agency/captura-de-pantalla-2010-07-12-a-las-16-09-01/' title='Captura de pantalla 2010-07-12 a las 16.09.01'><img width="120" height="120" src="http://www.ramirezcobos.com/wp-content/uploads/2010/07/Captura-de-pantalla-2010-07-12-a-las-16.09.01-120x120.png" class="attachment-thumbnail" alt="Captura de pantalla 2010-07-12 a las 16.09.01" title="Captura de pantalla 2010-07-12 a las 16.09.01" /></a>
<a href='http://www.ramirezcobos.com/2010/07/14/palmstudios-model-agency/captura-de-pantalla-2010-07-12-a-las-16-09-27/' title='Captura de pantalla 2010-07-12 a las 16.09.27'><img width="120" height="120" src="http://www.ramirezcobos.com/wp-content/uploads/2010/07/Captura-de-pantalla-2010-07-12-a-las-16.09.27-120x120.png" class="attachment-thumbnail" alt="Captura de pantalla 2010-07-12 a las 16.09.27" title="Captura de pantalla 2010-07-12 a las 16.09.27" /></a>
<a href='http://www.ramirezcobos.com/2010/07/14/palmstudios-model-agency/captura-de-pantalla-2010-07-12-a-las-16-03-31/' title='Captura de pantalla 2010-07-12 a las 16.03.31'><img width="120" height="120" src="http://www.ramirezcobos.com/wp-content/uploads/2010/07/Captura-de-pantalla-2010-07-12-a-las-16.03.31-120x120.png" class="attachment-thumbnail" alt="Captura de pantalla 2010-07-12 a las 16.03.31" title="Captura de pantalla 2010-07-12 a las 16.03.31" /></a>
<a href='http://www.ramirezcobos.com/2010/07/14/palmstudios-model-agency/captura-de-pantalla-2010-07-12-a-las-16-03-53/' title='Captura de pantalla 2010-07-12 a las 16.03.53'><img width="120" height="120" src="http://www.ramirezcobos.com/wp-content/uploads/2010/07/Captura-de-pantalla-2010-07-12-a-las-16.03.53-120x120.png" class="attachment-thumbnail" alt="Captura de pantalla 2010-07-12 a las 16.03.53" title="Captura de pantalla 2010-07-12 a las 16.03.53" /></a>
<h2>I am open for Freelance Jobs</h2>
<p>If any of you would like to create a model agency application like this, let me know, I will be more than happy to collaborate with you on it. I will also sell the source code of its panel for any of you who is interested.</p>
<p><center><br />
<script type="text/javascript"><!--
google_ad_client = "pub-7060132287364604";
/* 468x60, creado 16/03/10 */
google_ad_slot = "9029910384";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script><br />
</center></p>
<a href="http://twitter.com/?status=RT%20%40%3A%20PalmStudios%20Model%20Agency%20-%20El%20Blog%20del%20Antonio%20http%3A%2F%2Fwww.ramirezcobos.com%2F2010%2F07%2F14%2Fpalmstudios-model-agency%2F" class="tweet-this" ><img src="http://www.ramirezcobos.com/wp-content/plugins/simple-tweet/img/tweet.gif" title="Tweet this!" alt="Tweet this!" />Tweet this!</a>]]></content:encoded>
			<wfw:commentRss>http://www.ramirezcobos.com/2010/07/14/palmstudios-model-agency/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Bookakar.com Finally!</title>
		<link>http://www.ramirezcobos.com/2010/02/24/bookakar-com-finally/</link>
		<comments>http://www.ramirezcobos.com/2010/02/24/bookakar-com-finally/#comments</comments>
		<pubDate>Wed, 24 Feb 2010 09:03:55 +0000</pubDate>
		<dc:creator>Antonio Ramirez</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[On The Web]]></category>
		<category><![CDATA[PHP]]></category>
		<guid isPermaLink="false">http://www.ramirezcobos.com/?p=279</guid>
		<description><![CDATA[Finally, after long time of work, the first release of my own company: bookakar.com.
I have implemented lots of concepts widely spread throughout the Internet and I truly hope that they all work. Still, lot of work to do but as soon as I have spare time I will share with all of you guys lots of  [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.ramirezcobos.com/wp-content/uploads/2010/02/Imagen-5.png"></a><a href="http://www.ramirezcobos.com/wp-content/uploads/2010/03/Imagen-5-300x274.png"></a><a href="http://www.ramirezcobos.com/wp-content/uploads/2010/02/Imagen-5-300x274.png"><img class="alignright size-full wp-image-381" title="Imagen-5-300x274" src="http://www.ramirezcobos.com/wp-content/uploads/2010/02/Imagen-5-300x274.png" alt="" width="300" height="274" /></a><strong><em>Finally, after long time of work, the first release of my own company: <a href="http://www.bookakar.com" target="_blank">bookakar.com</a>. </em></strong></p>
<p>I have implemented lots of concepts widely spread throughout the Internet and I truly hope that they all work. Still, lot of work to do but as soon as I have spare time I will share with all of you guys lots of PHP and JS bits and pieces that I hope we, all together, could improve in order to make a great Open Source Resource for everybody to use.</p>
<p>For example, I have developed a set of PHP classes that help PHP programmers to implement GMaps without the need of Javascript knowledge.</p>
<p>I can wait to share&#8230;</p>
<p>Anyway, any feedback related to my site will be highly appreciated. One more thing and very important: <a href="http://ie6funeral.com/" target="_blank">I DO NOT SUPPORT INTERNET EXPLORER</a> due to its security pitfalls on the bank payment gateway and its sillly way of understanding CSS rendering and styles -and I don&#8217;t mention its JS engine at all.</p>
<p><a href="http://www.bookakar.com" target="_blank">Bookakar.com</a> works only on two Spanish areas: Alicante and Ibiza, but it will grow to other areas very soon.
<a href='http://www.ramirezcobos.com/2010/02/24/bookakar-com-finally/imagen-5-300x274-2/' title='Imagen-5-300x274'><img width="120" height="120" src="http://www.ramirezcobos.com/wp-content/uploads/2010/02/Imagen-5-300x274-120x120.png" class="attachment-thumbnail" alt="Imagen-5-300x274" title="Imagen-5-300x274" /></a>
<a href='http://www.ramirezcobos.com/2010/02/24/bookakar-com-finally/imagen-5-300x274/' title='Imagen-5-300x274'><img width="120" height="120" src="http://www.ramirezcobos.com/wp-content/uploads/2010/03/Imagen-5-300x274-150x150.png" class="attachment-thumbnail" alt="Imagen-5-300x274" title="Imagen-5-300x274" /></a>
</p>
<a href="http://twitter.com/?status=RT%20%40%3A%20Bookakar.com%20Finally%21%20-%20El%20Blog%20del%20Antonio%20http%3A%2F%2Fwww.ramirezcobos.com%2F2010%2F02%2F24%2Fbookakar-com-finally%2F" class="tweet-this" ><img src="http://www.ramirezcobos.com/wp-content/plugins/simple-tweet/img/tweet.gif" title="Tweet this!" alt="Tweet this!" />Tweet this!</a>]]></content:encoded>
			<wfw:commentRss>http://www.ramirezcobos.com/2010/02/24/bookakar-com-finally/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Stripe Generator 2.0</title>
		<link>http://www.ramirezcobos.com/2009/12/15/stripe-generator-2-0/</link>
		<comments>http://www.ramirezcobos.com/2009/12/15/stripe-generator-2-0/#comments</comments>
		<pubDate>Tue, 15 Dec 2009 10:44:01 +0000</pubDate>
		<dc:creator>Antonio Ramirez</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[On The Web]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Utilities]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<guid isPermaLink="false">http://www.ramirezcobos.com/?p=77</guid>
		<description><![CDATA[ The Web 2.0 Stripe Generator is one of those great utilities that some good fellows program for us to use freely. This fantastic tool allow us to create, guess what&#8230; yeah, stripes!
If you are new to Web 2.0 nowadays design you may wonder why do you need such tool. Well, sometimes we wish to  [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-medium wp-image-78" style="border:3px solid #ddd;margin:5px" title="Picture 2" src="http://www.ramirezcobos.com/wp-content/uploads/2009/12/Picture-22-300x211.png" alt="Picture 2" width="300" height="211" /> The Web 2.0 Stripe Generator is one of those great utilities that some good fellows program for us to use freely. This fantastic tool allow us to create, guess what&#8230; yeah, <strong>stripes</strong>!</p>
<p>If you are new to Web 2.0 nowadays design you may wonder why do you need such tool. Well, sometimes we wish to provide our borring form objects some nice background. </p>
<p>Its interface is self explanatory and very easy to use. What I like the most from this tool is its simplicity.</p>
<p><strong>How to use stripes in our CSS Objects</strong></p>
<p>This is even easier, let&#8217;s imagine whe are on Stripe Generator:</p>
<ol>
<li>Play with sliders and color pickers, untill you obtain a super-cool stripe tile</li>
<li>Press &#8220;<strong>Download</strong>&#8221; to save your creation</li>
<li>Edit your css adding this line to the element you want to stripe:
<pre class="brush: css; title: ; notranslate">background-image: url(&quot;path-to-stripe.png&quot;);</pre>
</li>
<li>If you want to only repeat horizontally your tile (as in the case of tiles with gradient), you must add this line too:
<pre class="brush: css; title: ; notranslate">background-repeat: repeat-x;</pre>
</li>
</ol>
<p><strong>Example</strong></p>
<p>The following is a picture taken from the contact section of <a href="http://www.antcut.com">www.antcut.com</a>. I used the above instructions to set the input fields of my document.</p>
<p><img class="size-medium wp-image-79 alignnone" title="Contact Form" src="http://www.ramirezcobos.com/wp-content/uploads/2009/12/Picture-12-300x282.png" alt="Contact Form" width="300" height="282" style="border:3px solid #ddd;margin:5px" /></p>
<p><center><br />
<script type="text/javascript"><!--
google_ad_client = "pub-7060132287364604";
/* 468x60, creado 16/03/10 */
google_ad_slot = "9029910384";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script><br />
</center></p>
<a href="http://twitter.com/?status=RT%20%40%3A%20Stripe%20Generator%202.0%20-%20El%20Blog%20del%20Antonio%20http%3A%2F%2Fwww.ramirezcobos.com%2F2009%2F12%2F15%2Fstripe-generator-2-0%2F" class="tweet-this" ><img src="http://www.ramirezcobos.com/wp-content/plugins/simple-tweet/img/tweet.gif" title="Tweet this!" alt="Tweet this!" />Tweet this!</a>]]></content:encoded>
			<wfw:commentRss>http://www.ramirezcobos.com/2009/12/15/stripe-generator-2-0/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Served from: www.ramirezcobos.com @ 2012-02-06 17:30:44 by W3 Total Cache -->
