A simple library to show your users a beautiful splash page while your application loads.
The post PleaseWait.js : JavaScript beautiful Splash page Library appeared first on jQuery Rain.
by Admin via jQuery Rain
Thursday, September 10, 2015
jQuery Sortable Photos
jQuery Sortable Photos is a jQuery UI plugin that can display photos in a responsive, sortable grid.
The photo grid is arranged in such a way that the height of the images in each row is consistent, and the images are resized to fill in the full width. The grid can optionally be configured to allow drag-and-drop sorting.
The post jQuery Sortable Photos appeared first on jQuery Rain.
by Admin via jQuery Rain
Theta Carousel 3D : jQuery Plugin
Theta Carousel 3D is a jQuery plug-in that helps you quickly and easily organize your content in 3D space. The plug-in supports responsive layout with the auto scaling capability and is just perfect for displaying content on all screen sizes.
The post Theta Carousel 3D : jQuery Plugin appeared first on jQuery Rain.
by Admin via jQuery Rain
Meerkat and Periscope: Colonizing the Live Streaming Market - infographic
Take a look at this infographic, created by Salesforce, to learn more about how you can grow your social authority, brand awareness and reach with Meerkat and Periscope live stream videos.
by Irfan Ahmad via Digital Information World
Responsive Schedules for WordPress with the Timetable Plugin
Tables (and generally everything where cells are involved) can be a pain in WordPress. Offering a good viewing experience in these cases is often difficult, as one would need to take care of various resolutions and devices to work properly on a responsive website. I covered TablePress in April here on SitePoint, which also comes with a responsive plugin, making a great duo together. However, often tables like those created by TablePress don’t suffice, and a more professional alternative is needed. I’ve seen many conference websites struggle with this and some just end up putting the agenda on an Excel spreadsheet, which is a pity.
When organizing OSCAL 2015 (also proudly sponsored by SitePoint) our team had the exact same problem. After a long search, we were lucky to stumble upon the Timetable Responsive Schedule Plugin for WordPress on CodeCanyon, which looked very promising and also didn’t fail to reach our expectations at the end of the day.
I personally think of Timetable as a flagship plugin for stylish and responsive schedule creation in WordPress. The plugin also displayed the tables perfectly on mobile devices, which was a big relief for us when organizing the conference. Having said that, Timetable is designed “for most websites and types of business like gyms, kindergartens, health care or law related”, however the vast flexibility it offers allows you to adapt it to many other use cases (like a tech conference, in my case).
We're going to have a quick tour of the plugin’s functionalities so you can see if the plugin is able to cater your needs.
Continue reading %Responsive Schedules for WordPress with the Timetable Plugin%
by Elio Qoshi via SitePoint
Preloading Images in Parallel with Promises
The topic of this article is actually quite specific. Recently, I faced a situation where I needed to preload a lot of images in parallel. With the given constraints, it ended up being more challenging than first expected, and I certainly learnt a lot along the journey. But first, let me describe the situation shortly before getting started.
Let’s say we have a few “decks” on the page. Broadly speaking, a deck is a collection of images. We want to preload the images of each deck, and be able to know when a deck is done loading all its images. At this point, we are free to run any piece of code we want, such as adding a class to the deck, running an image sequence, logging something, whatever…
At first, it sounds quite easy. It even sounds very easy. Although perhaps you, like I did, overlooked a detail: we want all decks to load in parallel, not in sequence. In other words, we do not want to load all images from deck 1, then all images from deck 2, then all images from deck 3, and so on.
Indeed, it is not ideal because we end up having decks waiting for previous ones to finish. So in a scenario where the first deck has dozens of images, and the second one has only one or two, we would have to wait for the first deck to be fully loaded before being ready for deck 2. Ugh, not great. Surely we can do better!
So the idea is to load all the decks in parallel so that when a deck is fully loaded, we don’t have to wait for the others. To do so, the rough gist is to load the first image of all the decks, then the second of all the decks, and so on until all the images have been preloaded.
Alright, let's start with creating some markup so we all agree on what's going on.
By the way, in this article I will assume that you are familiar with the idea of promises. If it is not the case, I recommend this little reading.
Continue reading %Preloading Images in Parallel with Promises%
by Hugo Giraudel via SitePoint
Subscribe to:
Comments (Atom)