Archive

Archive for January, 2012

YUI Seed Files – yui.js, yui-base.js and yui-core.js – YUI3 Tutorial

Jan 27th, 2012

YUI3 has three kind of seed files: yui.js, yui-base.js and yui-core.js. In this you may have used yui.js file always.
(<script src=”http://yui.yahooapis.com/3.4.1/build/yui/yui-min.js”></script>)
I just thought to read about other kind of seed files and its pros and cons. YUI main seed file (YUI.js) includes loader (dynamically load missing modules as… (Continue)

Photographs directly from Lalbaug, Bangalore Flower show, 2012

Jan 22nd, 2012

I have posted few photographs I have captured from Lalbaug, Bangalore Flower show, 2012 on my general blog.
Please follow the link to view all those photographs and few more which I have not posted but given link at the end to Flickr album.… (Continue)

CSS: Z-index is Not Working

Jan 16th, 2012

If you are tired of correcting z-index and it is still not working then check the following points in your CSS code:
1. z-Index only works for positioned elements:
So, value with position:absolute, position:relative, or position:fixed will respond to z-Index.
2. If you are setting z-index to menu kind of… (Continue)

Easy Reading Online Article on Web Page

Jan 11th, 2012

Make reading easier online article on web pages with reader plugins. These plugins are available on both Firefox and Chrome browsers.
I have found two plugins for reading pages with lots of data easier. One is iReader and another is just Reader. iReader is good one.

It will make your… (Continue)

YUI3 Tutorial: YUI Attribute Selector. Working with Attribute Selector

Jan 11th, 2012

Here is a separate article on attribute selector. The attribute selector was not working in flexible way. I was facing problem is excluding some some tag based on attribute differences.
Here is the HTML snippet I was using and I will use here for Attribute selector example:
<a rel=”me” href=”http://newsviews.satya-weblog.com/”>My… (Continue)

Learn YUI3: Mouseover, Mouseout, Mouseenter and Mouseleave events with Examples

Jan 11th, 2012

These events (Mouseover, Mouseout, Mouseenter and Mouseleave) requires two modules:
1. event-hover module -
Adds a “hover” event which binds to two callbacks, one for the start, and one for the end of a mouse hover.
2. event-mouseenter module -
Adds “mouseenter” and “mouseleave” events.
Mouseenter and mouseleave is similar… (Continue)

Learn YUI3: Accessing Attributes of Element and changing it

Jan 10th, 2012

Here we will play with element’s attribute. We will access attributes and change it. It is a part of YUI node learning series.

<img class=”hotels” src=”Marina-Bay-Sands_222812.jpg” widht=”310″ height=”207″ />
<button id=”bttnImg”>Change Image attributes (src, width and height)</button>

Y.one(‘#bttnImg’).on(‘click’, function(e) {

var hotels = Y.all(‘.hotels’);

// get first one and start… (Continue)

Learn YUI3 – Create new Element/Node and Apply CSS

Jan 6th, 2012

I am continue on learning YUI and posting it here for all to read as part of YUI3 tutorial. This post is a part of YUI node under YUI tutorial series.
Creating new Element using YUI3:
The below example will create DIV, SPAN and P and present different different scenarios.… (Continue)

Learn YUI3: Working with Node – Part 2. AddClass, RemoveClass, ToggleClass, …

Jan 5th, 2012

Here is second article on YUI3 node series. This article is going to talk about addClass, removeClass, toggleClass, replaceClass and hasClass.

We will need HTML to work with. So here is the HTML that is used for example JavaScript code using YUI3.

Example- Dynamically assigning class, toggle class etc
<div… (Continue)

Google Webmaster Site Performance

Jan 4th, 2012

Google has a webmasters site where you can see many information about your site. Important metrics are search queries, crawl errors, sitemap information, and keywords. There are many other information you can find there. Just register your site and everything will be available once you visit there. Google will collect… (Continue)