Being a salvation for Apple geeks, the iPad caused a painful headache for web designers that faced the layout issues. And some time ago we’ve started thinking on this and highlighted web design issues that might occur with developing websites for the iPad. In general creating website layout with the help of CSS is not really that much of a challenge for the experienced web designer. But the whole nature of the iPad will surprise with some small problems that will cause a real pain in you-know-where while trying to fix them. So while a creating website or optimizing it for iPad you should remember several important things about CSS and the iPad.
Links and Hover effects
Yes, the iPad has a touch screen and you have to use what appears to be a totally different technique for placing and displaying links at your website. It means that you have to avoid links in text placing them aside and marking them out to make them larger (actually it also concerns all other interactive elements of your website). Such great CSS effect as hover will not be user-friendly for touch screen and you should consider that too. And don’t forget that jQuery mouse events are not for iDevices either, so you’ll gain some extra problems along with them (for example you have to click the link twice, first time will show you a hover, second time will actually click the link).
If you want to use such CSS property as
it won’t be working in Mobile Safari. Front-end developer Richard Herrera has mentioned at his blog that this happens because:
Imagine a book in front of you. Take a piece of paper, cut a 320×416 square in it, and lay it over the book. To read the book, move the paper around and position the hole over the words you want to see. This is exactly what Mobile Safari’s viewport is doing. When you flick and scroll, you’re moving the viewport around while the website behind it stays static.
Interesting solution on how to fix this is offered by cubiq.org in their Scrolling DIV on iPhone and iPad devices article.
Yes, the 13th version of the world famous blogging software is finally avaliable for download. New WordPress 3.0 has a bunch of new neat features that will make many lives of many bloggers easier. It might be interesting for you to refresh some of the WordPress 3.0 features we’ve reviewed earlier this year in addition to today’s WordPress 3.0 tutorials.
Anyways, despite the fact that WordPress has always been a very user-friendly platform it is obvious to us that the new release will still cause some questions and issues from unexperienced users. And considering some new revolutionary options that have been implemented in this new release (like WP MultiUser for example) we’ve decided to gather WordPress 3.0 tutorials that will help you to know more about the 13th release of this wonderful software. We sincerely hope that you’ll find all these tutorials helpful for you and that you’ll be able apply this information in your projects.
* * *
By Blog web6
* * *
Hand-drawing is one of the most popular styles adopted and incorporated into website designs. Deploying some sketchy elements is virtually the best way to convey and reflect individual tone. Such doodles, being used elsewhere as accenting notes, give a design a super unique, down to earth, and organic look. By now the hand-drawn elements are showing up on more and more web designs, so in this showcase we have collected 45 awesome website and template designs which follow a cool creative hand drawn style within their layout.
One of the most evident benefits of using hand drawn style is that it serves to impart information on a very emotional, more personal and informal tone. In such way users are able to grasp the idea behind the offerings and find their way around the site more easily. They feel a refreshing break from the colorful elements which are designed in curved and fuzzy lines to tweak the basic features of a site and give it a human touch. Hand drawn or sketched elements can make a web design inviting, and add even an overall fun factor to a design.
Additionally, hand drawn designs provide an excellent support for the content of the website which, being presented often in relatively clean and simple format, is being dominated by a hand drawn illustrated image or series of hand drawn-elements throughout the background. So, apart from employing all that for a design role, designers are using their hand drawn sketches and doodles to frame the content. One thing is for certain – the hand-drawn elements will make your site look more friendly, however it’s very important to find the balance and be sure that they fit the theme and subject of your site. There is one important issue – sketchy design does not go well with a respectable corporate web project, where the design should look more professional, strict and sleek. Use a hand drawn style for a personal site, design related blogs, portfolios, and showcase sites, for tourism agencies, music bands, dressmakers, interior designers or for web stores selling something crafty and sketchy. Enough of that – right now surf through these creative web designs.
* * *
* * *
Once this new e-commerce platform has been used, gradually it can’t be replaced by anything else. Of course you know what we are talking about – PrestaShop, a shopping cart system that was build to take advantages of web 2.0 innovations. Though it was launched in 2007, it is getting a lot of favorable publicity by word of mouth.
We assume that you all covet this speedy and very lightweight e-commerce platform and that’s why we present you a Free PrestaShop Theme for cell phone stores. We have started producing PrestaShop themes recently (they are about to be launched in a short time) and this is the first example of this product. The cell phone store template that we present today will surely shorten the distance between the idea of successful online shop and its practical application.
Check out this Free PrestaShop Theme:
To download this theme, visit the free Prestashop theme download page at TemplateMonster and type an email address that you want the free template package to be delivered to (Prestashop theme live demo is also available). Feel free to use this template for your business, but you cannot resell it as a template. And of course your feedback about this first PrestaShop will be highly appreciated. If you have any, send it to email@example.com and get a nice discount for the PrestaShop themes that are about to be launched. Additionally, you will be provided with a one-time 50% discount in case you write a review about this free PrestaShop theme on your website or blog.
Note! The Prestashop themes from TemplateMonster are already launched! Go ahead and browse them now to choose the one for your business!
Download Free PrestaShop Mobile Theme (18,4 MB)
Recently TemplateMonster has made a public opinion survey among its loyal Flash audience – those were mainly customers who bought multiple Flash templates but – oddly enough – didn’t purchase any FlashMoto templates. That useful inquiry resulted in some interesting things we didn’t quite expect to come upon. That’s why now, with the current blog entry, we’ll try to make the things clear and debunk the myths about FlashMoto CMS as being horribly complex. That’s a sheer nonsense in fact!
Ok, here are things that to some extent bother our dearest customers:
Myth # 1: The product is rather complicated to use.
Supposedly, there are some fears that Flash developers and end users will not be able to sort things out and therefore they do not buy FlashMoto templates. That’s a common stereotype about all innovative products when owing to their novelty they seem to be complex in application. In fact, those customers to buy our FlashMoto CMS Templates assert that these products are incredibly easy to work with.
When I first noticed the Flash CMS Websites on Template Monster I thought “WOW that is for me”. Before I purchased the template there was a simulated trial of the product provided and after having a solid play with the simulator I realized that editing a FlashMoto CMS Template wasn’t going be too hard at all and I went about purchasing the template. I will add that I had absolutely minimal experience in web site editing. Having said that, when I downloaded the template and worked out how to upload it to my host (thanks to the Template Help Team at Flash CMS of whom are fantastic), it was nothing but a breeze from then on. I changed the template quite a few times. Initially I just edited and added a few things and then I realized how much more I could do. The CMS Template is almost limitless as to what you can do and for beginners, you will find it extremely easy to pick up the ease of using the template control panel. My website is due for a bit of an update at the moment..so keep an eye on this space for the next change that I make to my FlashMoto CMS Template.
Christine G. Waterer, owner of 100percentwebsites.com.au
Myth #2: the price for FlashMoto Templates is way too high.
We are always close to the latest technologies – you know that, so today let’s cover some more info on the new fundamental markup language for the web – HTML5 that you all love so much.
When saying about HTML5, developers mean the new semantic structural tags, API specs like canvas or offline storage, new inline semantic tags, etc. HTML5, in fact, is aimed at creating a comprehensive markup language for front-end development, able to provide qualitative information on the different elements of the page. But to help make some sense of what’s new and essential in HTML5, you could review some helpful and indispensable HTML5 tutorials that go over many of the major HTML5 aspects and new standards.
The whole purpose of this post is to help you master HTML5 rich features through simple guidelines and easy to follow techniques. These useful HTML5 tutorials will help you keep a track providing more tips and tricks that you can use in your HTML5-based projects. Still if you find something missing, share it kindly in the comments below. After all, another effective HTML5 tutorial won’t be out of place here.
* * *
* * *
* * *
Hey video fans! Today we’re about to share a little secret to you all – after all our dearest blog audience deserves some cool insider info from TemplateMonster. The thing is we have this new YouTube channel (you may have heard of it by now) and we’re sharing some exclusive video content with our subscribers there. Approximately once a week we publish an AfterEffects intro there, and not just any intro – it’s got to be the intro that has not yet been made available for general TemplateMonster audience. Take a look at this week’s one:
Looks nice, huh? Once it goes live at our website there will be a 15% discount available on it – just type “youtube” on checkout to have the price reduced for any of our AfterEffects intros. Plus, very soon we’ll start publishing the video testimonials from TemplateMonster customers there and guess what – you can also become a star of TemplateMonster YouTube channel AND receive a 50% discount for that. That’s right – we give out a 50% discount to our customers for making a video testimonial about how great their experience of working with us was! Feel free to check out more details on this promo and don’t hesitate to share your own video testimonials!
What is the effective way to make your project noticeable among others? The solution is simple – attractive design concept that is undoubtedly distinctive from the ordinary sites. Free website template from the professional designers can become the powerful starting point for your successful project.
As you understand, today we present you another freebie – a Free Business Website Template. This theme features clean and clear style as well as the catchy 3D models that are also used in its design. You can easily customize it and present your company in the effective way. This free website template can be a good choice for your online project, be sure!
Here it is – the Free Business Website Template:
You can get this free website template in two ways: with PSD source files included and without them. Download HTML source files from this post (just click on the image above and save the ZIP file). If you need PSD source files, visit the free website template download page at TemplateMonster and type an email address that you want the free template package to be delivered to. Feel free to use this template for your business, but not for commercial purposes (this means you cannot resell it – either before of after customization). And now hurry up and download this Free Business Website Template!
So you’ve bought a domain but you’re still developing the site, or you’re doing some maintenance work or design changes to your website to be back with something beautiful – ‘Coming Soon’ page comes in really handy when you don’t want to spend much time on a temporary page but really should be working on the website itself. Such page serves one very important purpose – to let audience know that you’re working on something, but it’s not quite ready yet.
Nowadays internet users are smart enough to judge an upcoming site by looking at its ‘Coming Soon’ page. Designers therefore engage them using their pages to make a powerful impact, provide more relevant and interesting stuff about what’s coming. Mainly to let the visitors know they’ll be missing out on the next big thing if they don’t sign up. After all, ‘Coming Soon’ pages are in fact teasers for what is due to come once a fabulous thing has been finished, plus it is a wonderful way to mark the presence early in the web creating a buzz about you before your fantastic new website even launched.
Rules for ‘Coming Soon’
Here are some tips and key aspects you might want to consider putting on your ‘Coming Soon’ page to design a good one:
- Give a brief company introduction or short overview of what’s coming, that’ll provide an essential insight on what the site-to-be is all about.
- Start developing your high-quality logo, brand, and attractive color scheme from the day one to embed them into the minds of your viewers before the final website is live.
- It would be better to offer some development news to keep your visitors updated about your upcoming project.
- Give your coming soon page a deadline to let the users know when you plan to update your website. Besides, you may display a cool countdown timer on your custom ‘Coming Soon’ page in case you know a specific date of the launch.
- Offer buttons and links to your social media profiles for following you up, plus you may as well provide the recent tweets or comments about your new website to generate hype.
- You may as well insert testimonials if you, for example, have some from beta testing of your website.
- Provide newsletter/mailing list sign-up form to let your visitors subscribe to your website and get notified when your site will be up and running.
- Include contact information mentioning your email and phone.
- Consider as well offering an RSS feed for your page, so when it is updated people subscribed to it will know.
- It would not be out of place to mention copyright notice and the usual legal stuff.
- Do not devoid your page of any funny content – share some unique and exciting stuff (vector graphics, gradient backgrounds, funny tag lines and fancy fonts) to give visitors a reason to pass on the link.
- Don’t forget about SEO – you could use keywords and proper meta tags to advance your search engine rankings.
Remember that through adhering to these guidelines and setting the definite expectations for the ‘Coming Soon’ page, it will help reduce the visitors’ frustration, confusion, and annoyance. To conclude, the main focus when designing your teaser ‘Coming Soon’ page is to engage your audience and force them to talk about you before you even launch!
Right now, let’s take a look at some cool and well-designed ‘Coming Soon’ pages.
* * *
* * *
* * *
Alright guys, here comes the whole new stage in our HTML5 research. But this time it’s it is going to be a lot more fun than ever before! Actually we know that HTML5 has caused a real social media boom and there is a lot of different information concerning this topic. Also there is a common thing about many web users – now they can tell you what the main features of HTML5 are. And every kid knows that there’s a rivalry between HTML5 and Flash, Adobe and Google etc. etc. And if HTML5 and Flash are at war, than we should definitely examine some of the HTML5-based games (let’s face it – everyone knows more than enough about Flash games).
* * *
* * *
Adventure Land is an iPhone game where Fred Jones does Mario-like tricks in Adventureland. Coins, owls and jumps – everything here is just like in good old days.
* * *