Css hack for IE11+, Edge

Hi
CSS Hack for IE browser version IE 11 + and edge , window 10

@charset "";

_:-ms-lang(x),

.selector {
top: 2px !important;
}

Let me know if code not working or facing some issue

JavaScript rewrite URL

if (document.URL == "http://www.domainName.com/") {
console.log(document.URL);
        var restOfUrl = window.location.href.substr(11);
        window.location = "http://" + restOfUrl;
    }

Comments are welcome

wordpress post subcategory list with count

Hi,

When using WordPress as a CMS, or even as a blog you might want to display subcategories on category pages.




<?php

    if (is_category()) {

    $this_category = get_category($cat);

    }

    ?>

    <?php

    if($this_category->category_parent)

    $this_category = wp_list_categories('orderby=id&show_count=0

    &title_li=&use_desc_for_title=1&child_of='.$this_category->category_parent.

    "&echo=0"); else

    $this_category = wp_list_categories('orderby=id&depth=1&show_count=0

    &title_li=&use_desc_for_title=1&child_of='.$this_category->cat_ID.

    "&echo=0");

    if ($this_category) { ?>

 

<ul>

<?php echo $this_category; ?>

 

</ul>

 

<?php } ?>




Comments are welcome :)

React toggle Class Name on click

getInitialState: function() {
    return {
      myclass: "ravish"
    }
  },
  handleClick: function() {
var temp="ravish";
if( this.state.myclass=="ravish"){
  temp="ravish open"
}
this.setState({
      myclass: temp
    });


<div id="change button" className={this.state.myclass} onClick={this.handleClick} ></div>

Fixed: input type number spinner hide

Remove input number arrows firefox


input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
    -moz-appearance:textfield;
}

Widgets Admin Page Not Working

 I needed to enable the widgets. <admin> Widgets > Screen Options > Enable

Gulp image sprite css gulp.spritesmith

npm install --save-dev gulp.spritesmith

var gulp = require('gulp');
var spritesmith = require('gulp.spritesmith');

gulp.task('sprite', function () {
    var spriteData = gulp.src('img/sprites/*.png')
        .pipe(spritesmith({
            /* this whole image path is used in css background*/
            imgName: '../img/sprite.png',
            cssName: 'sprite.css'
        }));
    spriteData.img.pipe(gulp.dest('img'));
    spriteData.css.pipe(gulp.dest('css'));
});

Enjoy Comments are welcome