Website Features

• Prettyphoto Plugin
• AnythingSlider Plugin
• Instant Notification Support
• reCaptcha
• Google Maps

Tweet this!

A CSS framework for cross-device layouts

Everyone writes CSS differently. Less Framework takes this into account by having a minimal set of features, and does away with things like predefined classes.

No more 960 px

Less Framework uses inline CSS3 media-queries to switch between three layouts:

• a two-column layout at 320 px, for smartphones
• a five-column layout at 768 px, for iPads and netbooks
• and an eight-column layout at 1280 px, for desktops and laptops.

No hacks, unless you want them

Less Framework works beautifully in Firefox, Chrome, Safari, Opera, IE9 (hopefully), Android phones, and all iOS devices (that’s all iPhones, iPads, and iPod Touches). It even behaves nicely in landscape mode.

Tweet this!]]> http://www.ramirezcobos.com/2010/09/12/less-framework-2/feed/ 0 http://www.ramirezcobos.com/2010/07/14/palmstudios-model-agency/ http://www.ramirezcobos.com/2010/07/14/palmstudios-model-agency/#comments Wed, 14 Jul 2010 14:03:03 +0000 Antonio Ramirez http://www.ramirezcobos.com/?p=489 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 System) on its backend that allows the model agency to control most of the aspects of its business:

1. - Clients Management
2. - Models Management (Men, Women, Children & Extras) -contact details, measurements, pictures, and so on…
3. - Promotional Packages Management – this is a special addon which allows the agency to create model promotional bundles to send to its clients

There is a ton of client and server libraries that this application makes use of, such as:

• JQuery FancyBox
• JQuery Livequery
• JQuery AjaxQ
• PHPMailer
• RedBeanPHP
• Savant3 Template Engine
• PHPThumb
• TinyMCE

The CMS has a configuration section where site administrator can configure:

• Web site languages (has multiple language support)
• Web site translations (you can even ask GOOGLE about a translation depending of the languages installed on the system)
• Model properties (size, height, waist, etc…)
• Hair Colors
• Eye Colors
• Users

Here is a snapshot gallery of the Site and its CMS

I am open for Freelance Jobs

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.

Tweet this!

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.

For example, I have developed a set of PHP classes that help PHP programmers to implement GMaps without the need of Javascript knowledge.

I can wait to share…

Anyway, any feedback related to my site will be highly appreciated. One more thing and very important: I DO NOT SUPPORT INTERNET EXPLORER due to its security pitfalls on the bank payment gateway and its sillly way of understanding CSS rendering and styles -and I don’t mention its JS engine at all.

Bookakar.com works only on two Spanish areas: Alicante and Ibiza, but it will grow to other areas very soon.

Tweet this!

VisualLightBox is a free application that helps you easily generate online photo albums, lightbox gallery with a nice Lightbox-style overlay effect, in a few clicks without writing a single line of code.

Just drag&drop your photos to VisualLightBox wizard window, press “Publish” and your own css web site album with beautiful LightBox effects will open in the browser instantly!
No css, image editing, javascript, html coding, just a click to get your cool web page album ready.

It takes less than a minute to have your own image gallery.

For full documentation please go to http://lightbox2.com/

Newbies, now there is no excuse to have your featured lightbox on your site!

Tweet this!

Any feedback is highly appreciated.

Tweet this!

One of those days crawling I found an online tool created by kath called Ajax Load – Ajax Loading GIF Generator. There you don’t need to worry if you know how to design or not, this simple but very useful tool allows you to select the type of design you want for your ajax loading gif, the foreground and background colors and voilá, your ajax loading gif is ready to download.

For those, like me, without a clue about designing there it is, the Ajax Load – Ajax Loading GIF Generator.

Tweet this!

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.

Its interface is self explanatory and very easy to use. What I like the most from this tool is its simplicity.

How to use stripes in our CSS Objects

This is even easier, let’s imagine whe are on Stripe Generator:

1. Play with sliders and color pickers, untill you obtain a super-cool stripe tile
2. Press “Download” to save your creation
3. Edit your css adding this line to the element you want to stripe:

   background-image: url("path-to-stripe.png");

4. If you want to only repeat horizontally your tile (as in the case of tiles with gradient), you must add this line too:

   background-repeat: repeat-x;

Example

The following is a picture taken from the contact section of www.antcut.com. I used the above instructions to set the input fields of my document.

Tweet this!