Tag Archives: Javascript

CSS Browser Selector – Align the CSS styles for different browsers and OS

July 31, 2012 ykyuen Leave a comment

We have Modernizr to handle the HTML5 and CSS3 problem in old browsers.
Modernizr – Tackle the HTML5 and CSS3 problems in old browsers for frontend programming

Today, i would like to introduce another tool which could help you aligning the CSS styles for different browsers as well as OS. This tool is called CSS Browser Selector. Although it is not updated for more than a year, it is still very useful if you need to deal with Internet Explorer 7 & 8.

Similar to Modernizr, what u need to do is just included the library in the <head> tag.
Continue reading CSS Browser Selector – Align the CSS styles for different browsers and OS →

CSS3, HTML5, Javascript

Modernizr – Tackle the HTML5 and CSS3 problems in old browsers for frontend programming

July 30, 2012 ykyuen 3 Comments

Having problem on HTML5 and CSS3 with Internet Explorer? The Modernizr library could help you to tackle the problem. It checks the HTML5 and CSS3 features supported by the browser and developers could determine them by checking the classes of the <html> tag.

Download Modernizr and create the following index.html.
Continue reading Modernizr – Tackle the HTML5 and CSS3 problems in old browsers for frontend programming →

Javascript

Javascript – Default values for function input parameters

June 27, 2012 ykyuen Leave a comment

A good example says it all.

function foo(a, b) {
  a = typeof a !== 'undefined' ? a : 42;
  b = typeof b !== 'undefined' ? b : 'default_b';
  
  // Do whatever you want
}

Done =)

Reference: StackOverflow – How do I make a default value for a parameter to a javascript function

CMS, Javascript, PHP

Drupal – Embed inline Javascript in node body

June 25, 2012 ykyuen Leave a comment

Recently i have an client who wants to embeded the FormSite form in the a Drupal 6 website. But after i insert the embedded code in the node body with Full HTML or PHP Code filters. Nothing is shown. For example, if i enter the following code in the node body.
Continue reading Drupal – Embed inline Javascript in node body →

Javascript

Javascript – Get the Anchor Part of the URL

June 6, 2012 ykyuen Leave a comment

The following example shows you how to get the anchor part of the URL in Javascript.
Continue reading Javascript – Get the Anchor Part of the URL →

jQuery

jQuery – Get current year

June 2, 2012 ykyuen Leave a comment

var currentYear = (new Date).getFullYear();
$(document).ready(function() {
  alert(currentYear);
});

Done =)

Reference: Andrew Epperson – Using jQuery: Get Current Year

jQuery

jQuery – Using animate() with fadeIn() or fadeOut() at the same time

May 25, 2012 ykyuen 1 Comment

We know the difference between display: none and visibility: hidden as we talked about it previously.
jQuery – Animation on Visibility

The fadeIn() and fadeOut() jQuery functions are very convenient to use but they does not allow us to add animation during the fadeIn and fadeOut process. So we have to do it with a slightly different way.
Continue reading jQuery – Using animate() with fadeIn() or fadeOut() at the same time →

jQuery

jQuery – Animation on Visibility

May 24, 2012 ykyuen Leave a comment

Next: jQuery – Using animate() with fadeIn() or fadeOut() at the same time

We can hide and show any HTML elements by the fadeIn() and fadeOut() jQuery functions. Those elements will be set to display: none in CSS. Unlike setting visibility: hidden which the hidden element will still occupied some spaces in the rendered web page, the faded out element will disappear.

So if you want to have the fadeIn and fadeOut features while keeping the elements in the webpage, here is what you could do.
Continue reading jQuery – Animation on Visibility →

CSS, jQuery

jQuery – Get the CSS value without the px unit

May 18, 2012 ykyuen Leave a comment

When we use jQuery to retrieve the CSS values such as width and height, the unit px is included.

For example, if you have a div which is 100px wide.

<div id="eureka" style="width: 100px;"></div>

Continue reading jQuery – Get the CSS value without the px unit →

HTML5, Javascript

HTML5 – Play sound/music with <audio> tag @ 2

May 15, 2012 ykyuen 1 Comment

Yesterday we talked about playing audio file in HTML5.
HTML5 – Play sound/music with <audio> tag @ 1

We can also take control of it using Javascript. Here is another example with a toggle link which can play and stop the music. jQuery is needed as well as the following Javascript file.
Continue reading HTML5 – Play sound/music with <audio> tag @ 2 →

	Integrating a War Fi… on Maven – Dependency on ja…
	iOS - how do I creat… on Objective-C – Create a S…
	How Can I Handle Bro… on jQuery & Javascript…
	Munwar on Postfix – Relay via Gmai…
	Agregar campo/column… on Rails – Add Custom Fields to D…

Eureka!

Tag Archives: Javascript

CSS Browser Selector – Align the CSS styles for different browsers and OS

Modernizr – Tackle the HTML5 and CSS3 problems in old browsers for frontend programming

Javascript – Default values for function input parameters

Drupal – Embed inline Javascript in node body

Javascript – Get the Anchor Part of the URL

jQuery – Get current year

jQuery – Using animate() with fadeIn() or fadeOut() at the same time

jQuery – Animation on Visibility

jQuery – Get the CSS value without the px unit

HTML5 – Play sound/music with <audio> tag @ 2

Dream BIG and go for it =)