The Listed Voyage: 30 Free jQuery Navigation Menus

Posted in Web Design, Web Interface • Posted on 3 Comments

Nowadays, jQuery navigation menus are more than just plain texts with links on it. In a previous tutorial, I presented to you how you can create a navigation menu with jQuery and CSS3, which is a cool way to display your menus on your site.

With the power of jQuery, it can turn the navigation of a website into a dynamic menu. Although CSS3 can now be used to create dynamic navigation, still, jQuery adds more functionality on the menus.

Aside from the dynamic functionalities, the design must also be considered. This is simply because your visitors would probably see it for the first time they visit your site.

It will definitely provide a bad UI experience if not well presented. Having a great design will add more value to your site thus adding better user experience.

The Listed Voyage:  30 Free jQuery Navigation Menus Read More

How to Create SVG Loading Animations using Adobe Illustrator and Adobe Edge Animate CC

Posted in Tutorials, Web Interface • Posted on Leave a comment

Keeping your viewers glued to your webpage while it loads is like trying to stop a time bomb, except that it doesn’t blow people into tiny bits. Some web designers give special attention by providing users with some entertainment while the all the information they want to see are still waiting to be fully loaded like this tutorial on how to create SVG loading animations using Illustrator and Adobe Edge Animate CC.

How to Create SVG Loading Animations using Adobe Illustrator and Adobe Edge Animate CC Read More

How to Create a Music Player UI Using Adobe Illustrator

Posted in Tutorials, Web Interface, Web Interfaces • Posted on Leave a comment

There have been a lot of UI kits swarming around the market lately. Some include complete sets of User Interface elements and, some, focus on just one element. These kits often serve as a basis and template for web designers in creating wonderful web pages.

Because of these kits, web designers, now, don’t have to worry about running out of ideas. They can copy and use these UI kits and make them better.

Today, you will be learning how to create a Music Player UI using Adobe Illustrator. This trendy UI was built using the minimalist and flat design foundations.

How to Create a Music Player UI Using Adobe Illustrator Read More

30 Beautiful Premium Tumblr Themes for Your Tumblog

Posted in Web Interface • Posted on 1 Comment

Tumblr is a very easy to use platform for micro-blogging. It is very popular these days. Tumblr gives the simplicity and attractiveness that your blog deserves. You can post plenty of things on your Tumblr dashboard including photos, videos, links, text, etc.

But besides all these great things, you will need a great looking Tumblr theme for your Tumblog so that it stands out. It will get more attention from the visitors, thus, making your blog more popular. If you are a professional blogger, then, you would probably know how important it is to have a great looking theme design for the blog.

There are plenty of free themes available on the Internet but majority of these themes can’t give you the best results.

Using beautiful premium Tumblr themes is best for your blog.

  • It enhances the experience of your Tumblog.
  • It is more powerful and effective when it comes to attracting the visitors.
30 Beautiful Premium Tumblr Themes for Your Tumblog Read More

50 Most Useful jQuery Libraries

Posted in Text Effects, Tutorials, Web Interface • Posted on 4 Comments

Useful jQuery libraries is a very familiar phrase between designers and developers. It is the one of the most popular JavaScript libraries that you find on the Web. Every designer and developer knows the importance of it; they are familiar with its functions and features.

  • jQuery is designed to resolve just about every issue that a website might have
  • It can resolve all those issues that obstruct you from making an attractive and creative website
  • If you want to resolve any cross-browser issues, make JavaScript libraries in your collection

jQuery Libraries are a great source for the web developers. You will find plenty of plugins on the Internet that are free to use but, finding them can be very time consuming as you will have to go through every site in order to find out the latest and accurate jQuery libraries.

That is why, in today’s post, we have collected a list of the most suitable jQuery libraries. You can use them to add cool effects in your website.

50 Most Useful jQuery Libraries Read More

3 Flat Design Video Tutorials to Change Your Design Style

Posted in Quick Tips, Tutorials, Web Interface • Posted on 3 Comments

We truly live in a flat world! With iOS7, Android and even Windows Metro now adapting the flat design layout trend, the world has become a flatter place, indeed. Flat design video tutorials are a great help in the transition.

Website designs have followed the same pattern, transforming their sites to become easy-to-browse, colorful, responsive and simple. How is this made possible?

  • The use of larger and wider spacing
  • The use of simpler logos
  • The use of slightly desaturated colors
  • The use of thinner fonts

For starting and freelance web designers, it might be very difficult at first to learn the philosophy of flat design. Of course, you are born during the Skeumorphic Design Era, where all should be seemingly real and predominantly having 3D designs.

3 Flat Design Video Tutorials to Change Your Design Style Read More

How to Create Smooth CSS3 Animation Styles and Effects with Ease

Posted in Coding, HowTos, Tutorials, Tutorials, Web Interface • Posted on 14 Comments

With the newest capability of CSS3, transition from one style to another without using JavaScript or Flash becomes possible. It allows elements to change values over a specified duration, animating the property changes instead of having them static and leaving them dead. CSS3 animation styles and effects give your more freedom to create the design you want.

Today, I’m going to introduce to you different transitions and effects that can be done using only CSS3. So get ready and let’s rock!

How to Create Smooth CSS3 Animation Styles and Effects with Ease Read More

How to Create a CSS3 Pop-Out Menu Without Learning Programming

Posted in Coding, Coding, Tutorials, Tutorials, Web Interface • Posted on 8 Comments

Modern websites offer a more complex hierarchy of navigation. This navigation sometimes makes user-experience on the website’s menu a bit confusing. Using a CSS3 pop-out menu makes it easier to find your way to what you want on the site quickly. Thanks to CSS3, animation is now possible.

Using CSS3, you can simply hide and unhide an element under other elements. This will not only simplify your code but also makes it  easily updated. This means you can now perform some sliding animation even without the knowledge of programming.

How to Create a CSS3 Pop-Out Menu Without Learning Programming Read More

How to Use UI Kits – Plus Free UI Kits to Choose From!

Posted in HowTos, Quick Tips, Tutorials, Web Interface, WordPress • Posted on 2 Comments

UI kits can be seen anywhere on the Web. But what is this UI kit thing? Do you know how to use UI kits? You can see a lot of resources with beautiful interface elements such as buttons, sliders, breadcrumbs, media players, forms and the likes. Perhaps it crossed your mind how these elements came to be.

Let me give you first a brief introduction about UI kits. A UI kit stands for “User Interface Kit”, which are PSD files that are composed of user interface elements. These come in a variety of colors, patterns and asl files that are being integrated on web and mobile designs. Though sometimes there are UI elements that are included on the package that you don’t think you will be using. That being said, UI kits will vary according to your web design needs. Usually the premium versions of UI kits come with a lot of user interface elements than the free ones.

Using UI kits is all about improving and speeding up the workflow without giving a lot of time thinking what to design. This allows you to focus more on the functionality and usability of the website you are working on.

How to Use UI Kits – Plus Free UI Kits to Choose From! Read More

Get ‘Layed’: What You Need to Know about Photoshop Layers

Posted in Photo Effects, Quick Tips, Text Effects, Tutorials, Web Interface • Posted on

Photoshop is revered as one of the best digital multimedia solutions software. So there is no question on what you need to know about Photoshop layers because there is always something to be learnt about this amazing software. It basically encompasses every design need there is. Artists consider using it because of its flexibility. It can be utilized by any artist notwithstanding their design inclinations. Most photographers use the software in editing their photos. Some digital artists use Photoshop, (if not, Illustrator) in their designs. Meanwhile, most web designers use this software in building the visuals of their designs. Truly, with these uses, Adobe’s carrier software has been the one-man-wrecking-machine software that solved most of our digital problems.

Get ‘Layed’: What You Need to Know about Photoshop Layers Read More
54.82.190.130 - unknown - unknown - US