Category: Video Game
Character: Lu (Chiliarch class)
Version 1 (Colour)
Version 2 (Black & White)
Vizune is starting a new blog series called Web Design Inspiration which showcases beautiful, innovative and inspiring website designs in the GFX/web design community, blogs and other related websites.
Basic jQuery tutorial: Vizune uses Google Analytics which is a free web analytics tool that tracks and reports traffic to your website. Gathering the number of clicks/finding out the popularity of certain buttons/links on a page is a popular request I receive from clients. Unfortunately, Google Analytics does not provide this as a feature. However, this can be achieved with event tracking and some jQuery.
I used to use Ccount back in the day but, trust me, this is a lot less hassle to install, doesn’t overwrite your URLs with “ccount/click.php?id=123” and is a lot more user friendly.
Time just flies by… I created/bought the domain, Vizune.com, seven years ago. Over the years it has become my sanctuary where I learn and grow in web development/web design/graphic design. Recently, I have felt that is important to share this which is why I have pumping out the tutorials (and also take the opportunity to abuse the motivation while it lasts haha).
Intermediate jQuery tutorial: There are many plugins available out there that provide scrolling interactions and animations like Scroll Magic and Skrollr (I have used Skrollr in the past). However, in a recent project, I needed a single animation to occur when the user scrolls to the panel and using a plugin just for this would add unnecessary weight. So I created some jQuery code and this tutorial will be covering how I achieved this.
Beginner Adobe Illustrator tutorial: In my most recent project working with illustrations in SVG, I encountered an issue where specific fonts were used in the design. When exporting the illustration into SVG and placing it on a web page, any computer/device that doesn’t have this font installed would use the browser’s default font (Times New Roman for example). In order for these fonts to show on the web, I would need to purchase the web font and host them on a server.
I overcome this issue by converting the text layers into paths and therefore displaying the text in their desired font whilst no longer needing to host font files. These four simple steps will help you achieve the same.