Safari on iPad is capable of delivering a “desktop” web experience. iPad has a large, 9.7″ screen and fast network connectivity, and Safari on iPad uses the same WebKit layout engine as Safari on Mac OS X and Windows. You can ensure that your website looks and works great on iPad, and even create new touch-enabled web experiences for your customers, by considering a few specific differences between iPad and other platforms.
If you have access to an iPad, test your website using the iPad. If not, you can test your website in Safari on iPad using the iPhone Simulator (Hardware -> Device -> iPad). iPad is available in the iPhone Simulator in iPhone OS 3.2 SDK beta 2 and later, which is available to iPhone Developer Program members. In cases where it is possible to simulate iPad-like behavior in Safari on a desktop computer, instructions are given on Technical Note TN2262: Preparing Your Web Content for iPad.
Source: Technical Note TN2262: Preparing Your Web Content for iPad
Accordions are a UI pattern where you click on a title (in a vertical stack of titles) and a panel of content reveals itself below. Typically, all other open panels close when the new one opens. One way to look at an accordion is like a collapsed single column of a table.
The Grid Accordion works with the same theory as most other accordions. Only one cell is open at a time. The big thing is that the column of the current open cell expands to a reasonable reading width.
Requirements: jQuery Framework
Demo: http://css-tricks.com/examples/InfoGrid/
License: License Free
Designing a web application? Familiarize yourself with Rich Internet Application technologies and 43 Essential Controls for Creating your Web Applications.
Rich Internet Application technology has empowered us to create really amazing user experiences. The best RIAs on the web today rely on a discreet set of UI controls to provide a lively and timely experience. If you are moving from web site design to web application design, the best information you can have at your disposal is an understanding of these essential controls.
Many products are siloed by the RIA framework they are using, and designers create novel controls when the framework doesn’t have what they need. This can decrease the usability of the product, and increase the amount of design effort, usability testing, technical specifications and development time. Before you succumb to designing a brand new control, you should learn what’s out there.
Source: 43 Essential Controls for Creating your Web Applications
Do you need come unqiue custom designs? LogoMyWay aims to connect clients needing design work such as Custom logo designs, T-shirts designs, Business cards designs and more to a thriving community of talented logo designers exploding with creativity.
You can take a look at the Logo Design Portfolio. Currently, there are 70 – 400+ custom logo designs you can choose from. You can also start a logo design contest within minutes for as little as $200.00. Three simple steps and your design contest goes live. You will see amazing logo designs within hours. There are hundreds of creative logo designers in over 100 countries waiting to create your logo design.
You will receive Industry Standard Vector Logo Files that can be used in almost any application you choose. You will also get a free legal contract giving you 100% full legal ownership of your new logo design. Best of all, if your logo contest doesn’t receive at least 40 logo concepts, they will refund your payment no questions asked. What are you waiting for? Get a custom logo design at LogoMyWay now.
Source: http://www.logomyway.com/
Speech bubbles are a popular effect but many tutorials rely on presentational HTML or JavaScript. Nicolas Gallagher has written a tutorial: Pure CSS Speech Bubbles, which contains various forms of speech bubble effect created with CSS2.1 and enhanced with CSS3. No images, no JavaScript and it can be applied to your existing semantic HTML.
You can also look at the tutorial: Pure CSS Social Media Icons, which creates social media icons using CSS and semantic HTML. It uses progressive enhancement to turn an unordered list of text links into a set of icons without the use of images or JavaScript.
Source: Pure CSS Speech Bubbles
Source:Â Pure CSS Social Media Icons
Matt Legend Gemmell held a 6-hour workshop at NSConference in both the UK and USA recently, focusing on software design and user experience.
Predictably, an extremely popular topic was the iPad, and how to approach the design of iPad applications. He gave a 90-minute presentation on the subject to start each workshop, and he is very kind to share some of his observations of iPad Application Design.
This article is about the user interface conventions and considerations which apply to creating software for the iPad platform and touch-screen tablet devices in general. It is not a technical discussion of iPad-related APIs. This is an excellent article for designers and application developers. I am sure you will find it useful too.
Source: http://mattgemmell.com/2010/03/05/ipad-application-design
You have all your important data backed up, right? I mean, come on folks, it’s 2010. We may not have flying cars yet like we’re supposed to, but “having backups” is a problem that’s solved. And I’m sure you’ve solved it. I’m sure you sleep well at night knowing that if a comet hit the data center where your website lives, and everything was completely destroyed, you could get back up and running somewhere else quickly enough.
If, however, you are one of the many many people who doesn’t have a good backup strategy in place, this article “Bulletproof backups for MySQL” is here to help you out. He covered quite a bit in this article, but if you make it through everything, you should be able to rest easier knowing that you have good, safe backups of your database.
Source: Bulletproof backups for MySQL
Now that Apple has officially released the iPad we want to start designing for it. While Apple’s interface builder is great, it doesn’t really allow us to create custom UI elements on the fly. That’s why Geoff Teehan created iPad GUI PSD for us.
The PSD was constructed using vectors, so it’s fully editable and scalable. You’ll notice there are a few new UI elements as compared to the iPhone interface. The workable screen design is formatted to 768×1024 so anything you design in the Photoshop file can easily be brought over to the SDK.
Source: http://www.teehanlax.com/blog/2010/02/01/ipad-gui-psd/
Joomla! is often paralleled to point-and-click presentation software, such as Impress or PowerPoint, in terms of ease of use. Granted, Joomla! makes it extremely easy to build a site having no knowledge of its internal working, or even what HTML is. However, in order to build a stunning site you need a bit more than that. It’s the tricks in the web builder’s bag which determine his success, both in customer satisfaction and financial terms.
Some of the fundamental techniques for creating compelling sites is your ability to master the use of modules. Often overlooked, modules are the most practical way to integrate diverse content on a single page. Leveraging their use from mere content bearers to integral parts of your content can transform your site from boring to intriguing. The following technique has proved itself again and again in a vast array of site genres. I call it the “Faux module positions†technique. Read the rest of this entry »
A Facebook Page is a public Profile that enables information about business and products to be shared with Facebook users and the public. An user should be able to create one in a few minutes. This article “Creating a Custom Facebook Page” explains how to add custom tabs to your Facebook page to make it do more. He has explained how to built a carousel, navigation tabs, forms, etc on your facebook page easily.
You will need to use FBJS (Facebook Javascript). This provides the functionality we need to develop custom facebook pages. This is also to protect other users privacy at the same time and restrict Javascript features that can be abused. This tutorial helps you cut short your search and gives you a head start in your quest to build custom tabs within Facebook pages.
Source: http://www.webdigi.co.uk/blog/2010/creating-a-custom-facebook-page/
