Skip to content

Instantly share code, notes, and snippets.

disable transition animation on CSS.

a {
  transition: none;
}
.swiper-button-disabled,
.swiper-button-disabled {
pointer-events: none;// under <a> tag link is working
}
@regepan
regepan / ie8.md
Last active January 26, 2019 14:34
  • http://bqworks.com/slider-pro/ is work more than slick js. But .ie8 selector is added by this js. it needs attention.
  • Bootstrap3 .table-striped not working on IE8. Because of css selector.
@regepan
regepan / indent.md
Last active January 26, 2019 05:09

indent

// wrong indent, code smell bad...
while ( have_posts() ) :
the_post();
    

// correct indent
.section-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
}

About “Coding WorkFlow”

  1. Check task or Create task by yourself
  2. Add/Fix html/css code or something.
  3. Check layout
  4. Check your code on SourceTree app by diff view
  5. Create commit then push
  6. Click “Done” button when task is done(Nếu làm xong 1 task trên CHATWORK thì nhấn DONE task đó).
  • class name expresses content or layout.
  • short name is better. not long.
  • class name has 2 types. 1st is common name, 2nd is proper nouns.
<!--
If compile error "*** is not defined" occured when gulp task run, below check is work well to avoid compile error.
-->
<% if (typeof hasNewLabel === 'boolean' && hasNewLabel === true) { %>
NEW label
<% } %>