Sunday, April 4, 2021

Best Mashup in 2020

 


Fun comments:

Ako ay isang tricycle driver. Maraming salamat dito. Ngayon na pinatugtog ko ito, wala nang sumasakay sa akin.

This song can save the people from depression

Sana mag katotoo to. Yung kantahin talaga ni Jovit at Justin feeling ko kahit covid mawawala


Monday, September 25, 2017

vertical align horizontally

.vcenter {
   display: inline-block;
   vertical-align: middle;
   float: none;
}

Wednesday, September 6, 2017

Enabling WordPress debug information

Edit your wp-config.php file and add these lines, just before it says 'stop editing here':

ini_set('log_errors',TRUE);

ini_set('error_reporting', E_ALL);
ini_set('error_log', dirname(__FILE__) . '/error_log.txt');

Monday, February 22, 2016

CSS Media Query alternative

Using Javascript:

We need this function to return width and height.

function viewport() {
        var e = window, a = 'inner';
        if (!('innerWidth' in window )) {
            a = 'client';
            e = document.documentElement || document.body;
        }
        return { width : e[ a+'Width' ] , height : e[ a+'Height' ] };
}

we get the value of the width by using viewport().width.

Example:
//use this if viewport width is less than or equal to 768px
if(viewport().width <= 768){
            search_form.css({left: "125px", top: "50px"});
}

Got this function somewhere in Stackoverflow

Monday, December 12, 2011

:nth-child(n):hover in menu lists combination tip

instead of doing this:

nav ul li a:nth-child(n):hover

you can also do this:

nav ul li:nth-child(n) a:hover


lol?

Sunday, December 11, 2011

Background Image on HTML5 Search input in Chrome/Safari wont show fix tip

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}


put this css snippet in your reset.css (if any) or place this as one of your resets on your style.css