Friday, 25 October 2013
Animations and Transitions for Thumbnails grid
Animations and Transitions for Thumbnails grid
Thumbnails, when there are multiple items, like a grid of images. Theremay not be much space and we have to consider the stacking order of the items for the effects to look nice. An interesting thing is that these can play with delays, intensifying the viewing pleasure of the whole thing with delays, randomly or reversed.
Thursday, 3 October 2013
Simple CSS Text Animation Tutorials
Simple CSS Text Animation Tutorials
Applying CSS to text can eliminate the previous techniques that use javascript to animate text for websites.Moving and transformed text is meant to draw attention where needed, and with CSS animation, animating text on your site can simply be applied with using keyframes that change the elements style at a certain state like swipe text and fade text .
 |
| Fade in Text CSS Transition |
Monday, 16 September 2013
Convert a Menu to a Dropdown
Convert a Menu to a Dropdown
Dynamic menu by css tricks that converts to a dropdown when viewed on a small screen. this is very useful while coding for a responsive layout.
 |
| responsive menu |
 |
| on small devices |
jQuery MagicLine Navigation
jQuery MagicLine Navigation
The idea is to have a highlight of some kind (a background or an underline) follow you around as you mouse over the different links in the navigation. This will happen with jQuery and it's animation abilities. As such, the "magic line" will only be appended via JavaScript. Once added to the list and styled, as you mouse over the different links, it figures out the left positioning and the width and animates to match.
 |
| jquery magic navigation |
Sunday, 1 September 2013
Adobe Muse CC Essentials - Tutsplus
Adobe Muse CC Essentials - Tutsplus
This is new course from Tutsplus for muse cc essential training. this tutorial explains basics of muse menu,forms,slide-shows using adobe-muse.
Tuesday, 20 August 2013
Title Bar Marquee using simple Javascript
Title Bar Marquee using simple Javascript
If you Want a Moving Marquee for your Website,then just paste the code in respective Header and body sections.
<!-- Add the script to the HEAD Section -->
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var mar = " welcome to altuts.com ";
function altuts() {
mar = mar.substring(1, mar.length) + mar.substring(0, 1);
document.title = mar;
setTimeout("altuts()", 300);
}
// End -->
</script>
<!-- Add this code line to the body tag as below -->
<body onLoad="altuts()">
If you Want a Moving Marquee for your Website,then just paste the code in respective Header and body sections.
<!-- Add the script to the HEAD Section -->
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var mar = " welcome to altuts.com ";
function altuts() {
mar = mar.substring(1, mar.length) + mar.substring(0, 1);
document.title = mar;
setTimeout("altuts()", 300);
}
// End -->
</script>
<!-- Add this code line to the body tag as below -->
<body onLoad="altuts()">
