Archive for the ‘Tutorials’ Category
Smartphones and tablet devices allow programmers to build, test, and deploy native applications. Regardless of the Operating System it is getting easier to build simple applications for mobile devices. But not everyone is interested to learn Java or Objective-C, and so many developers are instead turning to build mobile web applications.
You can utilize mobile web design techniques as a replacement for your current layout, or to build an entirely mobile optimized webapp. In this guide I want to showcase a number of helpful meta tags, among other HTML tags you might consider using. Not everything here will be crucial to the development process. But it is nice to know about the various options when building a mobile-specific website layout.
Thanksgiving Day is the day when you can demonstrate how grateful you are for the blessing of the harvest and of the preceding year. Surely, you can be grateful any other day, but this very holiday demonstrates all the munificence one will be glad to discover. That’s why natural blessings are chosen to symbolize this holiday. We also want to present you a gift to make the celebration even more pleasant. We have an easy to follow tutorial how you can customize your layout to this very event.
So, let’s take the free website template we’ve published recently. It was Organic Food Free HTML5 Template – a rather suitable one for the purpose. Now we will add some Thanksgiving Day details to it with the help of Photoshop. Are you ready? Ok, let’s start then.
Halloween is getting closer, and we’re getting ready for the spooky day’s festivities. Today we’re going to continue with the task and finish our home page layout. There is a dozen of steps you’ll be able to do one at a time. You will also find some brief explanations for each step to be able to get well with the end result.
It’s time to deal with the part 2 of the Home Page Layout Photoshop Tutorial.
This is the first of a two-part series on designing a home page layout. Here you will learn how to make not just a design element, but a whole website design. This will be a kind of experiment, or a challenge if you like. The tutorial will be useful for Photoshop starters, especially if you’re just trying to comprehend Photoshop. I am sure you will do your best. I have therefore divided the tutorial into two parts as there is a whole bunch of descriptions and screenshots. Part 2 will describe the finale steps.
So… We are going to celebrate Halloween in a short period of time, and you have probably seen our Free HTML5 Theme shared this Monday. If you want to know how we created it, just follow the following steps to discover how the template was designed.
Start your engines, gentlemen, and let’s rove.
Signup forms are often a common piece to websites these days. Gaining registered users can be helpful to blogs, webapps, social networks, and dozens of other types of websites. Dynamic jQuery effects have allowed for a more self-encompassing experience where users are practically guided through the process. One of these stages requires picking a unique password which is complex enough to ward off brute-force hackers.
For this tutorial I want to demonstrate the power of an open source jQuery plugin named Passy. It comes with two main functions which allow password generation and testing for complexity. There are a long list of custom parameters you may include to check length, character types, capitalization, and other similar traits. But Passy may be used even without coding a slew of your own custom settings. Take a peek at my sample demo and feel free to download a copy of my codes as well.
Folks, are you ready for another Photoshop tutorial? A certain period of time has passed since my first tutorial about How to Make a Stitched Leather Header was published. And this time wasn’t wasted. I have learned lots of useful tricks, some of which I am going to share with you today.
Probably you’ve already seen the Free HTML5 Template we’ve released this Monday. Now we’re going to tell you how the logo featured there was designed. Let’s follow a step by step tutorial.
I recently came across a new interesting jQuery plugin named Owl Carousel. It is a touch-enabled image slider that allows users to drag over the items. But it doesn’t just hold images, you can put any type of HTML content into the slider. This is one of the easiest plugins I have found which also greatly extends functionality into mobile devices.
For this tutorial I want to demonstrate how we can implement a simple content rotator using Owl Carousel. I will be using a set of image shots from Dribbble which are contained inside the rotator slides. There are many options you can set for increased performance or to enhance the interface with navigation. Check out my live sample demo to get an idea of the final product.
WordPress is one of the most intuitive CMS ever created. Due to this simplicity WordPress can be handled even by a child. Within a WordPress blog or site you can do whatever you want. Customization has never been a problem since there are so many beautiful templates both free and premium.
So, when you start a new project, probably you would want to amaze your customer with something cool. In this blog post we’ve united 20 Awesome WordPress Tutorials for you to fill your new projects with some interesting thing or just to learn how to ‘work out’ WordPress sites.
WordPress, the versatile CMS powering over one-fifth of the entire web has only a few weak points to talk about. Its built-in search is one such feature that limits its capabilities to a great extent.
The search is too vague to be of much use and leaves most users baffled. Would not it be wonderful if you had a tool or custom code to bolster up its search function so that your site visitors get a great experience every single time they visit your site and optimally use the search function of your site! Here are some useful WordPress code snippets to do that.
Read the rest of this entry »
Flat design is a relatively new trend which is being buzzed all around the web. Because of flat the whole design community broke into two parts, one is for flat design, another one – against. And its purely relative perception of every individual, perception of good and bad.
Talking about good and bad. A good design should solve the problem of the business and the client. How exactly this is done it’s secondary to resolve. If designer have chosen “flat design” – so be it! But we must not forget that this style is not the glove that fits all sizes.
Read the rest of this entry »