Being a showcase for the Flash work of Untold Entertainment, the image slider is used as the main focus of the home page and displays his latest projects. Continuing from the first two tutorials, I’ll now show you how to create this slider with jQuery.
We’ll be treating the slider as a separate element from our Twitter bar before, so no need to use old code here.
Let’s dive in. Continue reading
Carrying on from the first part of creating a Flash-less home page on Untold Entertainment, we add to the tutorial on animating Twitter text with some more usability and style.
We start off by generating links (to URLs and Twitter pages) inside the text, make a couple of buttons to skip the tweets backwards and forwards, then animate the Twitter bird and speech bubble as a background. Continue reading
Ryan Creighton’s Flash development site Untold Entertainment has a quirky home page with plenty of animation and things to click on (complete with roll-out tongue) and of course is built in Flash. Thing is, I’m against any kind of Flash interface. It’s great for games, but otherwise it’s unnecessary (which includes videos).
Today I’ll show you how to animate the text at the top, feeding in from his Twitter feed, complete with jerky timings, slanted text and collecting feed data. Continue reading
Earlier this week I came across an interesting Tumblr theme by Jarred Bishop. The site played with the
background-attachment CSS property to show a unique background for each Tumblr post on his main page (depending on which post image he used) and stays static as you scroll.
I started to play around with some code to replicate this effect and instead came up with some different examples, while still manipulating
background-attachment. Hit the jump for some demos. Continue reading
Allowing a developer to access a visitor’s browsing history is a huge security risk, that’s why it’s not possible. If you own a website that runs PHP with MySQL and handles sessions then this could be done by tracking IP addresses, user agents and so on to associate a browsing pattern with a particular person. This however can be pretty inaccurate, plus it’s only limited to your own website.
Today I’ll show you how to put an image beside external links on your site, or any other links for that matter. The effect is similar to the links in the References and External links sections of most Wikipedia pages. Continue reading
:hover, which you have probably already used on anchor (
<a>) tags. If you followed my previous tutorials on navigation bars you will definitely be familiar with it. Continue reading
This time I’ll show you how to make your own vertical navigation bar complete with similar effects as before, and thankfully just about as simple. The final compiled code should produce this page. Continue reading