We have a fantastic freebie for all of you web designers out there, you’ll love this:) Designed by Land-of-Web, the Colorful 3D UI Kit comes in .psd format and is full of beautifully designed modern web elements covering almost all aspects of web design, including:
• Drop-Downs, Silders & Progress Bars • Switches, Tabs, Icons, Tool-Tips and many useful Navigation Elements • Search and Select Boxes • Media Control Buttons and Mini Player
This Web UI set is free for personal and commercial use with attribution appreciated but not required. You MAY NOT re-upload or re-distribute this set on any other website, and please link directly to this page for all sharing.
Thanks
Big thank you to Nataly from Land-of-Web for designing and allowing us to release this fantastic freebie. You can also follow her on Twitter.
To continue our grateful thanks to our readers and community in general, we are glad to release a very useful freebie – Web Graphical User Interface (GUI) Kit. These GUI elements come in layered vector shapes which mean that you can easily re-size the elements without losing quality.
The GUI kit is designed by GraphicsFuel.com exclusively for Hongkiat readers, and is delivered in Photoshop (PSD) formats.
The GUI kit is free and you can download, edit and use it for your individual or commercial projects. You should not host the downloaded source file on your server and redistribute them as your own either in part or whole. If you like the icons, do consider sharing it with a retweet or a Facebook like :-)
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).
We have partnered with MediaLoot to offer you a fantastic free resource today: A Glossy 3D Web UI Kit. The kit is available in both .psd and .png versions and is choc-full of beautifully designed modern web elements covering almost all aspects of web design.
We have also been given 20% off coupons for any MediaLoot subscription to the first 20 people to sign-up. You can sign-up here, using the coupon code speckyboy20: http://medialoot.com/join/.
Glossy 3D Web UI Kit Individual Elements
The glossy 3d web UI kit download package comes with both editable .png and .psd versions and is jam-packed with beautifully designed elements, including:
• Tabs, Control Buttons, Breadcrumbs & other Useful Navigation Elements • Info and Text Input Boxes • Drop-Downs, Silders & Progress Bars • Search Forms, Mailing List Forms & Login Forms
This Web UI set is free for personal and commercial use with attribution appreciated but not required. You MAY NOT re-upload or re-distribute this set on any other website, and please link directly to this page for all sharing.
Big thank you to MediaLoot for allowing us to release todays free resource. We appreciate it guys :)
Mobile browsing clearly does have its limitations, mainly from its smaller physical design, but it also limited by web sites not having a mobile version tailored for the smaller screen. Current mobile web browsing stats stands at 4.5% of total world-wide internet usage and, with the prediction for the next five years being that more users will connect to the internet over mobile devices than desktop computers, it is now time to act and make your website mobile friendly.
Of course, it does depend on the size and complexity of your site, but creating a mobile version of your site does neither have to be over-expensive nor very time-consuming, especially if your site has been built using WordPress. As everybody knows, WordPress is by far and away the most popular CMS, and with it comes a thriving community of designers and developers that constantly push its boundaries further and ever-more improving its functionality. Its community has realized for some time that the mobile phenomenon has been coming, and as such does have a multitude of themes, plugins and resources available that will help you create a mobile version of your site with the minimum of fuss.
In this article, Mobile Toolbox for WordPress, we highlight themes (free and premium), plugins and easy-to-follow tutorials that will help you create a mobile version of your site.
Despite its name iPhonsta does not exclusively only work on the iPhone, it works on most mobile devices, like Android, Palm Pre and Blackberry. The theme has a fluid layout, configures the font size automatically and is WordPress 3 compatible. iPhonsta Home →View the Demo →
This basic free theme works in conjunction with the Smooci (WordPress on Mobiles) plugin which is used to display the mobile optimised theme when your WordPress site is visited via a mobile device. Smooci 2 Home →View the Demo →
This is a minimalistic and lightweight theme that will fit perfectly with all the mobile phones resolutions. The three key features of this theme are: You can choose your own theme color from the theme options; The theme can have 100% width if you want the theme to fit on every mobile phone, or you can define a fixed width in pixels to target special users; The front page will dynamically create thumbnails for your posts. WordPress Mobile Theme Home →View the Demo →
Built with the incredible jQuery Mobile plugin, this theme is perfect for those who want to make a good looking and easy to read version of their blog. It uses most of jQuery Mobile features to guarantee an optimal ease of reading on mobile devices such as the iPhone, Blackberry or Android. jQuery Mobile Home →View the Demo →
Mobius is a feature rich free theme that is compatible with all touchscreen mobile phones (iPhone & iPod Touch, Android, BlackBerry, Windows Phone, Palm Pre, Symbian…). It comes packaged with three variations (Sky Blue, Amethyst & Rain Forest), its widget ready, native support of non-web fonts (@font-face) and also has optional Twitter and Facebook icons. Mobius Home →
The dotMobi WordPress Mobile Pack is a complete toolkit from dotMobi to help mobilize your WordPress site and blog. It includes a mobile switcher to select themes based on the type of user that is visiting the site, a selection of mobile themes, extra widgets, device adaptation and a mobile administration panel to allow users to edit the site or write new posts when out and about. The dotMobi WordPress Mobile Pack →
Carrington Mobile is an elegant mobile theme with that supports advanced touch browsers (iPhone, Android, BlackBerry, Pre) and is also backward compatible with older mobile devices. Carrington Mobile Home →View the Demo →
A beautiful 4 in 1 theme (Blackboard, Wood, Leather, Nature), with 2 widget ready areas, gestures based navigation and auto-resizes images. Automatic detection if a user visits your website from an iPhone and iPod touch, thanks to its built-in plugin that comes packed with the theme. Price: $22 touchPress Home →
1stGiantLeap Mobile is a HTML5 /CSS3 template tuned to look perfect in mobile browsers. The markup is device orientation (landscape/portrait) sensitive, so when you change device orientation by rotating it 90 degrees CW or CCW this template will look nice. Price: $15 1ST Giant Leap →
WPtouch 2.0 Pro allows you to setup a feature-rich and fast version of your website for touch-mobile devices with just a few clicks. It does come packaged with a wide variety of pre-built themes, or you could build your own custom theme with WPtouch’s Skeleton theme template. It scales post images, captions and videos automatically and breaks up content with ‘Load More’ links that use ajax to make browsing easier for visitors. Price: Its FREE for the basic version, $39 for Pro, $69 for the Pro 5 pack and $199 for the full developer pack. WPtouch 2.0 Pro Home →
Mobility is an iPad-ready WordPress theme with finger sliding capabilities and a custom drag-and-drop gallery admin. Both the regular and iPad versions have seven color options and the choice between a single or three-way JavaScript slider on the homepage. The iPad version can switch between portrait and landscape mode upon rotation. Price: $30. Mobility WordPress Theme for Web and iPad Home →View the Demo →
Obox Mobile is a WordPress Mobile Theme Framework that gives your site a unique and beautiful layout which is compatible for mobile devices. Obox Mobile comes packaged with two Obox Themes (MobiLight & MobiDark) as well as WooMobile from WooThemes. We currently use Obox Mobile for Speckyboy. Price: $50. WordPress Mobile Theme Framework Home →View the Demo →
Simple Mobile is feature-rich theme that works parallel with another theme and presented to mobile users only. It comes with 8 color schemes, collapsible multi-level menu, WP 3.0 custom menus support, 43 social media icons, a slick Twitter implementation (optimized for speed) and much more. Price: $20. Simple Mobile Home →View the Demo →
PadPressed functions as a WordPress plugin and allows publishers to take their content and make it perfectly formatted for the iPad. The most important aspect of PadPressed is its 100% design for the tablet touch experience. Each skin plays to a specific touch dynamic. SwipePad focuses on swiping to advance and a swipe featured slider. It notices the orientation (portrait or landscape) of a reader’s iPad. Price: $49 for a single license and $149 for a developer license. VIDEO PadPressed Home →View the Demo →
The My Mobile Page WordPress Theme is a minimal mobile WordPress theme with a modern look and a lot of cool features. This theme can be used for personal mobile pages, web designers mobile pages, artists mobile pages and many other. The theme use automatic resolution detection so you can use for small screen resolutions and bigger resolutions. Price: $20 My Mobile Page Home →View the Demo →
This is a joint collaboration between WPtap (plugin developers) and Press75 (theme developers) to release a mobile version of the video theme On Demand, providing a fully featured video solution for mobile platforms. Price: On Demand Mobile for $49, or with On Demand iPad for $90.00 On Demand Mobile Home →View the Demo →
Tap News is an iphone-app style mobile plugin/theme package that instantly converts your wordpress site into a mobile web-application experience. It is specially designed for iPhone/iPod touch, Android, and Blackberry touch mobile device. The theme features elegant iPhone-style sliding layout, and it will truly turn your site into a mobile application. Other features include thumbnail pictures, full support for twitter, social bookmarking, and email. Price: $49 Tap News Home →View the Demo →
iBusiness is a website template designed especially for the iPhone/iPod. It comes with 9 different themes, 3 page templates, 3 widget areas, PSD source files, Twitter stream, and much more. Price: $15. iBusiness Home →View the Demo →
The Video Tube theme is specifically designed for video blogging and content sharing on your mobile site. It fully supportsthe iPhone/iPod Touch, Android, and touch-based Blackberry devices. With all WordPress features and customized insertion functions, it makes adding Youtube and MP4 videos to your mobile site exetremely easy. Price: $49. Video Theme Home →View the Demo →
Sofa iBloggr perfectly fits to the iPhones 320px wide screen without the need for screen orientation switch. You can easily turn this theme into Blog + Flickr + Twitter mashup. iBloggr supports widgets, it has a built-in Plugger system, almost everything can be controlled from theme options page – including quick translation table, image size, Post excerpt length… Price: $15. SOFA iBloggr Home →View the Demo →
The News Gallery theme is designed with the photography blogger in mind featuring frontpage slideshow, thumbnail picture and gallery style layout options. It is the perfect choice for image-centric and magazine style WordPress websites. It comes with six stylish colors designed to fit your sites’ unique profile and style. Price: $49 News Press Mobile Theme Home →View the Demo →
iWorld is a jQuery powered feature-rich mobile theme. It comes with 10 color schemes, built-in slider & contact form (including validation plugin), Twitter & Flickr widget, a selection of social icons and comes with PSD source. Price: $25. iWorld Home →View the Demo →
MobilePress – Enable The Mobile Web → MobilePress is a free open source plugin that is flexible in that it allows you to customize your mobile presence by creating your own themes, creating themes for specific mobile browsers (iPhone and generic devices) and also allowing you to decide when to display your mobile blog.
WPmob Lite → WPmob automatically transforms your WordPress blog into an iPhone application-style theme, complete with ajax loading articles and effects, when viewed from an iPhone, iPod touch, Android, Opera Mini, Palm Pre, Samsung touch and BlackBerry Storm/Torch mobile devices. The admin panel allows you to customize many aspects of its appearance, and deliver a fast, user-friendly and stylish version of your site
WP Mobile Detector → WP Mobile Detector is a simple plugin that automatically detects standard and advanced mobile devices and displays a compatible WordPress mobile theme.
Mobile Kit → MobileKit is a small WordPress plugin created to make the development of WP mobile themes and apps simple, allowing theme designers to create more immersive user experiences across platforms and devices.
BAAP Mobile Version → The BAAP Mobile Version is a complete toolkit to help mobilize your WordPress site and blog. It includes a mobile switcher to select themes based on the type of user that is visiting the site, a selection of mobile themes, extra widgets, device adaptation and a mobile administration panel to allow users to edit the site or write new posts when out and about.
BuddyPress Mobile → This is a Mobile BuddyPress theme that has been optimized for viewing onthe iPhone and iPod Touch, and will also work on Android and some Blackberry devices.
Making your WordPress Blog Android and iPhone Friendly → This article is intended for those who already have a web or WordPress background. If you don’t quite understand how to put together your own templates, this detailed tutorial may not for you.
Mobile Browser Detection → This tutorial covers everything you will need to know about mobile browser detection covering a spectrum of various options, including a WP solution and a PHP solution.
Detect Mobile Browsers – Mobile User Agent Detection → This PHP function lets you choose how to manage your mobile visitors, they can be redirected to a page built for mobiles or you can use it to decide which markup language and stylesheet to show that user.
Add a Mobile Landing Page to Your Site → This tutorial isn’t about creating an entire mobile version of your site, instead it is a means of offering a quick introduction to visitors from the mobile world before passing them through through to your main site.
![web gui kit [Freebie] Web GUI Kit (PSD)](http://media02.hongkiat.com/gui-kit-psd/web-gui-kit.jpg "[Freebie] Web GUI Kit (PSD)")
![more freebies hongkiatcom [Freebie] Web GUI Kit (PSD)](http://media02.hongkiat.com/more-freebies/more-freebies-hongkiatcom.jpg "[Freebie] Web GUI Kit (PSD)")
