Boltforge

Disabling highlighting

admin — Thu, 21 Mar 2013 20:54:05 +0000

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

F shaped reading patterns web content

admin — Thu, 07 Mar 2013 16:02:19 +0000

http://www.nngroup.com/articles/f-shaped-pattern-reading-web-content/

Jquery selectors on custom data attributes on HTML5

admin — Tue, 05 Mar 2013 06:07:27 +0000

$("ul[data-group='Companies'] li[data-company='Microsoft']") //Get all elements with data-company="Microsoft" below "Companies"

$("ul[data-group='Companies'] li:not([data-company='Microsoft'])") //get all elements with data-company!="Microsoft" below "Companies"

Multiple domains on one WordPress install

admin — Fri, 18 Jan 2013 16:44:26 +0000

http://wordpress.org/support/topic/multiple-domains-using-one-wp-install-not-wpmu

Parsing XML Data with PHP

admin — Sun, 18 Nov 2012 17:40:48 +0000

channel->item as $item) {
echo "
" . $item->title . "
";
echo "

" . $item->description . "

";
}
?>

How to add a fade effect to jQuery Masonry

admin — Thu, 16 Aug 2012 17:08:55 +0000

Customize Masonry to add the fade effect with CSS3 transitions made easy.

In this example the item css is :

.item {
    width: 200px;
    height: auto;
    margin: 0px;
    float: left;
    opacity: 0;
}

This code animates the container:

.masonry {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

This code animates the items:

.masonry .masonry-brick {
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
 
.item.masonry-brick {
    opacity: 1;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

Resize images using jQuery

admin — Thu, 16 Aug 2012 17:08:25 +0000

Sometimes, for whatever reason, you need to resize an image using jQuery. The “maxSize” variable is the maximum size you want the images to be.

var maxSize = 400;
$("img").each(function(i) {
    if ($(this).height() > $(this).width()) {
        var h = max_size;
        var w = Math.ceil($(this).width() / $(this).height() * maxSize);
    } else {
        var w = max_size;
        var h = Math.ceil($(this).height() / $(this).width() * maxSize);
    }
$(this).css({ height: h, width: w });
});

How-To Flush DNS on Mac OS X Lion

admin — Thu, 16 Aug 2012 10:43:54 +0000

Flushing the DNS on Mac OS X Lion is quite simple. Just follow the below steps:

1) Change to “root” by using the following command:
su -
Enter the root password when prompted. If you don’t know the “root” password for your system, you can set it by following this Apple KB article:http://support.apple.com/kb/ht1528

2) Type in the following command to flush the DNS:
dscacheutil -flushcache

The DNS has now been flushed.

How to fix Chrome Flash White Screen Issue WSOD

admin — Wed, 01 Aug 2012 06:27:06 +0000

Ever had a problem with Flash disappearing in Chrome?
Here’s how you fix it.

chrome://about/

Go to chrome://plugins/
Disable Flash
Go to Youtube.
Install the Flash plugin when prompted.
Restart Chrome!

How to fix flash being invisible

admin — Wed, 01 Aug 2012 02:48:57 +0000

Sometimes Flash can get corrupted and stop working. To fix this, do the following:

Type “about:plugins” in your Chrome Browser bar
Disable the Adobe Flash plugin
Download the Flash Plugin from Adobe (I just went to YouTube, in Chrome, after disabling the plugin and clicked the link that says I need Flash)
Close Chrome
Install Flash Plugin
Open Chrome
Win