<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>CMS Vote Up</title>
<atom:link href="http://cmsvoteup.com/rss/" rel="self" type="application/rss+xml" />
<link>http://cmsvoteup.com/</link>
<description>Latest from CMS Vote Up</description>
<language>en-us</language>
<pubDate>Wed, 16 May 2012 06:05:38 -0600</pubDate>
<item>
<title>Responsive Design 101</title>
<link>http://cmsvoteup.com/html5-css3/responsive-design-101/</link>
<description><![CDATA[ It wasn't too long ago that designers didn't really need to worry how websites looked on mobile phones and tablets. Phones weren't yet really practical for web viewing, and before the iPad, tablets were more of a novelty than an essential.

Obviously, all that has changed and most tech experts predict that in the next few years, likely sooner rather than later, mobile browsing will overtake desktop browsing as the dominant way of viewing the Web.

With an ever-evolving range of screen sizes and devices, including video game consoles and Internet TVs, the old ways of design are simply no longer up to the task. And with businesses realizing the need to optimize their online experience for mobile users, designers who don't adapt will be left behind.

The main components of Responsive Design

That's where Responsive Web Design comes in, content and/or layout that automatically adapts to the size of the screen on which it's viewed. At its most basic, the three primary elements of Responsive Design are a flexible grid, flexible images, and Media Queries, the latter introduced as a part of CSS3s. More on those in a moment.
Flexible grids

Flexible grids are basically themes and templates in which design elements are set in percentages rather than pixels. With percentages as the unit of measurement, that means that an element that's designed at 50% will always take up half of the screen, no matter how big or small the screen is. ]]></description>
<pubDate>Sat, 12 May 2012 21:23:10 -0600</pubDate>
<guid>http://cmsvoteup.com/html5-css3/responsive-design-101/</guid>
</item>
<item>
<title>20 Free Social Login and Bookmark Buttons PSD Files</title>
<link>http://cmsvoteup.com/photos-and-images/20-free-social-login-and-bookmark-buttons-psd-files/</link>
<description><![CDATA[ A popular trend knowadays is for websites and services to use integrated social networking logins to rapidly reduce the time it would take a typical user to signup (no more filling in forms and remembering another password). Not only do social logins aid the user, they also greatly benefit websites and services, allowing them to increase the volume of signups and improve their service based on the information that has been shared by the social network. Socialising really is everywhere.

Facebook, Twitter, Linkedin and Google are by far and away the most popular services to offer this authentication technique. But, straight out of the box, the social login buttons they all offer are, to be frank, pretty boring and in all probabilty may not fit in with the uniformity of your site.
That is were this short post comes in. Below you will find the source files of 20 beautifully designed replacement social login buttons, covering all of the popular social services and coming in either psd or png formats (there are also some CSS buttons). ]]></description>
<pubDate>Sat, 12 May 2012 21:20:55 -0600</pubDate>
<guid>http://cmsvoteup.com/photos-and-images/20-free-social-login-and-bookmark-buttons-psd-files/</guid>
</item>
<item>
<title>easybook, book publishing as easy as it should be</title>
<link>http://cmsvoteup.com/open-source/easybook-book-publishing-as-easy-as-it-should-be/</link>
<description><![CDATA[ easybook is an open source and online application that lets you easily publish books in various electronic formats. Originally it was designed to publish technical programming books, but you can use easyboook to publish novels, manuals, technical books and websites with your projects documentation.

All books can be customized from chapter labels to table of contents, margins, with  custom themes and even highlighting syntax. ]]></description>
<pubDate>Wed, 25 Apr 2012 07:24:21 -0600</pubDate>
<guid>http://cmsvoteup.com/open-source/easybook-book-publishing-as-easy-as-it-should-be/</guid>
</item>
<item>
<title>Timeline for Joomla</title>
<link>http://cmsvoteup.com/joomla-extensions/timeline-for-joomla/</link>
<description><![CDATA[ Beautifully crafted timelines that are easy and intuitive to use for Joomla website. Timeline has built in support for pulling in Tweets and media from Twitter, YouTube, Flickr, Vimeo, Google Maps and SoundCloud. Timeline for Joomla makes use of library from Verite. ]]></description>
<pubDate>Wed, 18 Apr 2012 07:55:21 -0600</pubDate>
<guid>http://cmsvoteup.com/joomla-extensions/timeline-for-joomla/</guid>
</item>
<item>
<title>Rhinoslider: The most flexible jQuery slider/slideshow</title>
<link>http://cmsvoteup.com/jquery/rhinoslider-the-most-flexible-jquery-sliderslideshow/</link>
<description><![CDATA[ Rhinoslider is the most flexible jQuery slideshow there is. Be welcome to try it yourself. Not only do we offer a variety of effects, we also allow you to add your own styles, effects and features to the slider.
It can be used as a simple fading or sliding jQuery slideshow or as a rich effects jQuery slider.
Each effect can be applied to run in different directions and it is possible to create individual effects by changing the settings. Rhinoslider provides an easy keyboard and mousewheel navigation. Just press "p" to play or use the arrow keys to show the previous or next element.
We also give you a mighty tool: The generator. Even with very limited JavaScript and jQuery experience it should be no problem to implement Rhinoslider into your website. Just build your customized call by click-and-see and copy it into your .js-file ]]></description>
<pubDate>Fri, 06 Apr 2012 07:24:57 -0600</pubDate>
<guid>http://cmsvoteup.com/jquery/rhinoslider-the-most-flexible-jquery-sliderslideshow/</guid>
</item>
<item>
<title>40+ Impressive Website Footers for Your Inspiration</title>
<link>http://cmsvoteup.com/review/40-impressive-website-footers-for-your-inspiration/</link>
<description><![CDATA[ Designing creative and appealing footers are crucial if you want to make each element of your web design as successful and efficient as possible. Although the footer of a web design appears at the end of the page yet it cannot be neglected. With an effective footer design, you can create a long-lasting impression on your visitors. Through a well designed footers, you can certainly grab the visitors' attention.

Here we are presenting the most innovative and amazing examples of websites showing impressive footers. These footer designs prove that you can effectively utilize a website footer to provide that extra bit of improvement in the user's experience. 

We hope you will like this collection. Do let us know your opinion about this compilation. ]]></description>
<pubDate>Tue, 28 Feb 2012 03:12:05 -0700</pubDate>
<guid>http://cmsvoteup.com/review/40-impressive-website-footers-for-your-inspiration/</guid>
</item>
<item>
<title>10 Awesome Animated Google+ Profiles [VIDEOS]</title>
<link>http://cmsvoteup.com/google/10-awesome-animated-google-profiles-videos/</link>
<description><![CDATA[ We have seen some great Google+ profile hacks, but there is a new breed of design in town — the animated Google+ profile.

Pioneered by Dunken K Bliths, whose creations dominate our gallery, the animations create a real splash when you first land on someone's Google+ profile page.

Take a look through our gallery of awesome animations. Link us in the comments to any other good ones you’ve seen on the social service. ]]></description>
<pubDate>Tue, 28 Feb 2012 03:09:24 -0700</pubDate>
<guid>http://cmsvoteup.com/google/10-awesome-animated-google-profiles-videos/</guid>
</item>
<item>
<title>101 Cool Backgrounds and Background Photoshop Tutorials for Designers</title>
<link>http://cmsvoteup.com/photoshop/101-cool-backgrounds-and-background-photoshop-tutorials-for-designers/</link>
<description><![CDATA[ A background is cool, if it is something that creates upon the mind of the audience, a sense of appreciation or adoration to its unique and beautiful appearance. 

Cool background may appear in different forms and designs but as a whole, they are things that titillates the viewer. It can be a repetition of simple stripes or polka-dots, complex combination of images and colors, or some ornate design. For web designers, background patterns are useful because they can be used in different elements of the design. This is aside from its common use as website background that gives a look and feel on the web page.

In using website backgrounds, web designers should take care that patterns must go with the overall style of the website. Using too "busy" patterns as backgrounds could make the website distractive and annoying. Here in In this article, we have collected 101 cool backgrounds and tutorials that you can use in more ways than one. 

You can use this as a website background, inspiration or as a base for an artwork. If by chance you don't like one of the cool backgrounds included here, you can make your own by following one of the Photoshop tutorials below. ]]></description>
<pubDate>Tue, 07 Feb 2012 06:58:09 -0700</pubDate>
<guid>http://cmsvoteup.com/photoshop/101-cool-backgrounds-and-background-photoshop-tutorials-for-designers/</guid>
</item>
<item>
<title>30 Handy Cheat Sheets and Reference Guides for Web Professionals</title>
<link>http://cmsvoteup.com/design/30-handy-cheat-sheets-and-reference-guides-for-web-professionals/</link>
<description><![CDATA[ Cheat sheets and reference guides are useful for both beginners and advanced web professionals.

They can be used to help you remember syntax or as a tool to aid in memorization.

In this post, we aim to cover the reference guides for all of the most commonly used platforms, software and coding languages.

Below you'll find a compilation of the 30 most useful and well-organized cheat sheets, checklists and reference guides.

If you know of a useful cheat sheet that we haven't covered here, please share the link in the comments’ section at the end of the article. ]]></description>
<pubDate>Tue, 07 Feb 2012 06:55:04 -0700</pubDate>
<guid>http://cmsvoteup.com/design/30-handy-cheat-sheets-and-reference-guides-for-web-professionals/</guid>
</item>
<item>
<title>App Icon Template for iPhone Application</title>
<link>http://cmsvoteup.com/mobile-applications/app-icon-template-for-iphone-application/</link>
<description><![CDATA[ You can use App  Icon Template to to design icon for iOS application icons faster.
It is a sort of icon toolkit which includes a .PSD + .ATN (Adobe Photoshop Action) files. 

Smart objects are used to generate automatically different sizes and this template will instantly display the same icon in different sizes as well. ]]></description>
<pubDate>Sun, 05 Feb 2012 07:14:00 -0700</pubDate>
<guid>http://cmsvoteup.com/mobile-applications/app-icon-template-for-iphone-application/</guid>
</item>
</channel>
</rss>
