Archive

- for January, 2012

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

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)

CSS: Z-index is Not Working

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

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.
Compared to background article,… (Continue)

YUI3 Tutorial: YUI Attribute Selector. Working with Attribute Selector

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

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

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

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)

Google Webmaster Site Performance

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)