background preloader

PACE — Automatic page load progress bars

PACE — Automatic page load progress bars
What is Pace? Include pace.js and a CSS theme of your choice, and you get a beautiful progress indicator for your page load and ajax navigation. No need to hook into any of your code, progress is detected automatically. Install The easiest way to add Pace to your site is with Eager. Click Install to see a live preview of Pace on your website. Download If you’re a developer, download Pace directly here: Pace.js Themes Submit a theme! Documentation HubSpot

http://github.hubspot.com/pace/docs/welcome/

Related:  Tips & TricksJquery Plugins03 | TRANSITIONS & ANIMATIONS WEBcodigo!I like

Laravel Intervention Summernote Editor to get upload File(image) URL instead of Base64 Sometime you upload image in database from summernote input text editor directly then you will ever notice then image upload into database in format of Base62. Upload in Base62 format is not the right way because there are number of characters that represent binary data in an ASCII string format. I will tell you here how you can get image url and how can you store image path in database instead of Base64 string. Use "intervention/image": "dev-master" package to work with image handling. So first update composer to include library of intervention image. After update composer, add service provider in the $providers for this package. Infinity.js A ListView is a container that moves content in and out of the DOM on the scroll event. ListViews help keep repaint times of expensive pages down (and scrolling smooth) by making sure that there are never too many elements onscreen at a single time. ListViews excel at speeding up long lists of complex HTML elements, where new content is frequently appended to the end and existing content is rarely removed. ListViews are simple, and have several caveats: they can't be nested inside each other, and they can't have heights set via CSS. Additionally, ListViews can't easily change sizes except by appending or removing elements, and so list items that need to slide open or change their sizing will be difficult to implement. Appending elements to a ListView is relatively fast, but removing elements is slower — so designs that need to remove elements multiple times a second at high framerates will struggle.

Inspiration for Article Intro Effects We may define a food to be any substance which will repair the functional waste of the body, increase its growth, or maintain the heat, muscular, and nervous energy. In its most comprehensive sense, the oxygen of the air is a food; as although it is admitted by the lungs, it passes into the blood, and there re-acts upon the other food which has passed through the stomach. It is usual, however, to restrict the term food to such nutriment as enters the body by the intestinal canal. Water is often spoken of as being distinct from food, but for this there is no sufficient reason.

presentation tool based on the power of CSS3 transforms and transitions in modern browsers Aren’t you just bored with all those slides-based presentations? Don’t you think that presentations given in modern browsers shouldn’t copy the limits of ‘classic’ slide decks? Would you like to impress your audience with stunning visualization of your talk? then you should try It’s a presentation tool inspired by the idea behind prezi.com and based on the power of CSS3 transforms and transitions in modern browsers. proengsoft/laravel-jsvalidation for Laravel Laravel Javascript Validation package allows to reuse your Laravel Validation Rules, Messages, FormRequest and Validators to validate forms automatically in client side without need to write any Javascript code or use HTML Builder Class. You can validate forms automatically referencing it to your defined validations. The messages are loaded from your validations and translated according your Localization preferences. Feature overview

Circle Navigation Effect with CSS3 Today we want to show you how to create a beautiful hover effect for an image navigation using CSS3. The idea is to expand a circular navigation with an arrow and make a bubble with a thumbnail appear. In our example we will be showing the thumbnail of the next and previous slider image on hovering the arrows. The effect is done with CSS3 transitions. Tiles The Tiles module allows you to create masonry tile layouts that's similar to the Windows 8 Metro desktop style. Both front and back tile are customizable with options to display text, icons, maps, buttons, or galleries. It also includes 10 flip effects with the option to set an auto flip timer. With the Builder frontend live preview mode, the tiles can easily be arranged by dragging & dropping it anywhere on the page. It is extremely easy to use. Watch the video below to see it in action.

Drag and Drop File Upload jQuery Example #dragandrophandler border:2px dotted #0B85A1; width:400px; Ajax Upload and Resize an Image with PHP. Today I am presenting the most important social networking feature called ajax upload and resize an image without refreshing the page using jquery and PHP. This tutorial a continuation of my previous post, I just included image re-sizing function for different dimensions. It is very useful for your web project that saves lots of hosting space and bandwidth limit. Take a quick look at the live demo. Download Script Live Demo

Related:  Other