You don’t need any Javascript/jQuery to Fade in the Slick Carousel on Load as this can be acheived with just a few lines of CSS. /* .slick-slider */ .slick-slider-class { opacity: 0; } /* Slider initialised class */ .slick-initialized { opacity:1; transition:opacity .3s ease-in; } view rawSlick Carousel Fade In on Load hosted with ❤ by GitHub Initially you need …
CSS Target all mobile devices
If you are looking to make a universal CSS rule for all mobile devices then use the following CSS media query:- @media (pointer:coarse) { /* custom css for “touch targets” */ } @media (hover: none) { /* custom css for devices where the primary input mechanism cannot hover at all or cannot conveniently hover } @media (hover:none), (hover:on-demand) { /* …
Remove Video Loop
Embedded HTML 5 Videos often default to looping video and this is derived from the video ‘loop’ attribute. Here is how you can remove the Video loop attribute with a simple jQuery snippet: – How to use jQuery Remove Video loop attribute Simply call jQuery and add your code before the closing </body> tag and then add the class ‘.noloop‘ …
jQuery Other Input box to Select dropdown
Webflow has few limitations as high-spec Web Builder and CMS, but one right now is Conditional Form fields and this extends to other form builders or HTML forms. Conditional form fields are inputs, selects, radios etc that are conditional on a pre-selected option(s). One common use is to add an ‘Other’ input box to a Select dropdown. This jQuery snippet …
iCloud Unable to Login Fix
If you find that you are suddenly unable to login to iCloud on Mac then follow this simple step to fix it. Navigate to Go > Go to Folder… Enter the following /Users/<username>/library/Keychains(where <username> is your Mac username) Create a new folder anywhere on your mac and Drag & Drop all the files & folders within the ‘Keychains’ folder into …
Isotope Filter by URL Hash
jQuery Isotope remains the best script to filter and sort elements in various layouts like grids, masonry and responsive layouts. A missing feature is the ability to sort these layouts via a URL hash and you can fill in this blank with the following snippet. In our example, the Isotope container is ‘.container’ and the isotope items being filtered are …
Best Free Snippets Manager
We use GitHub for all our code repositories, but it’s not always a convenient method of managing your snippets. The simplest way is often the most direct and that’s on your PC / Mac or Linux Machine, but they are very limited free options here, especially cross-platform. You will be happy to hear that a great Free Snippet Manager is …
Mac spinning wheel fix
Here’s how we completely fixed a rainbow spinning wheel of death inflicted Mac Mini (late 2012, Server) running Mojave Mac OS. Before the following measures, the Mac was devastatingly slow and taking an age to open apps like Word, Excel, Outlook, Photoshop, Illustrator and then being taken over by the spinning beach ball leading to force quits and loss of …
20% off WordPress.com and Jetpack Spring Sale
Our friends at Automatic the creators of WordPress and Jetpack are running a spring sale for 20% off WordPress.com and Jetpack plans through Sunday, May 5th. WordPress.com & Jetpack 20% Coupon • Begins: Today • Ends: Sunday, May 5th • Coupon Code: DISCOUNT20 • Applies to: WordPress.com, Jetpack
Aestetico Font by Latinotype
World-renowned type foundry Latinotype have produced a beautiful, versatile sans-serif font family that can be used in a huge variety of brand applications. The Aestetico Font has been over a year in the making and has gone through countless iterations to ensure pixel perfection and gorgeous balance that you can rely on for countless projects. You can get the Aestetico …