STYLE SWITCHER

Advanced Custom Fields for WordPress Developers.

Content editing made easy Use the Advanced Custom Fields plugin to take full control of your WordPress edit screens & custom field data.

Add fields on demand

Our field builder allows you to quickly and easily add fields to WP edit screens with only the click of a few buttons!

Add them anywhere!

Fields can be added all over WP including posts, users, taxonomy terms, media, comments and even custom options pages!

Show them everywhere!

Load and display your custom field values in any theme template file with our hassle free developer friendly functions!

Website
More

Auto-fill issue in floating input (Material Design)

The new selector is something like this: .form-group.label-floating input.form-control:-webkit-autofill ~ label.control-label By adding the following lines to my site's CSS file it fixes the issue

.form-group.label-floating input.form-control:-webkit-autofill ~ label.control-label {
    top: -30px;
    left: 0;
    font-size: 12px;
    line-height: 1.07142857;
}
More

Driver.js – JavaScript Engine to Drive Users Focus Across the Page

Light-weight, no-dependency, vanilla JavaScript engine to drive user's focus across the page

What are the features?

Driver is compatible with all the major browsers and can be used for any of your overlay needs. Feature introductions, focus shifters, call-to-action are just a few examples.

  • Highlight any (literally any) item on page
  • Block user interactions
  • Create feature introductions
  • Add focus shifters for users
  • Highly customizable – Use it anywhere for overlay
  • User Friendly – Controllable by keys
  • MIT Licensed – Free for personal and commercial use
  • Lightweight – Only ~4kb when gzipped
  • Consistent behavior across all major browsers
Website
More

FilePond – Flexible JavaScript File Upload Plugin

FilePond is a flexible and fun javascript file upload plugin with beautiful animations, fast uploads with client-side image optimization and smooth user experience.

A JavaScript library that can upload anything you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user experience.

Website
More

CSS Hacks Targeting Firefox

Firefox specific styling is now possible with CSS alone. No more JS hacks required.

#Firefox 2

html>/**/body .selector, x:-moz-any-link { color:lime; }

#Firefox 3

html>/**/body .selector, x:-moz-any-link, x:default { color:lime; }

#Any Firefox

@-moz-document url-prefix() { .selector { color:lime; } }
Website Thank you so much Nidhin for giving us such an effective Mozilla specific info.
More