Countable is a JavaScript function to add live paragraph-, word- and character-counting to an HTML element. Countable is a zero-dependency library and comes in at 1KB when minified and gzipped. Countable offers easy-to-use methods you can use in your project. Countable.live() and Countable.once() accept one or more HTML elements and a callback that receives one parameter — holding all counted values — and this bound to the relevant element. To enable full live-counting on an…
A versatile CSS3 animation pack with over 65 animations for various usages. Trigger CSS3 animations as elements enter the viewport, as you hover with a mouse or by binding them via JavaScript functions/event listeners. Usage: – Add the class `no-js` to your `html` tag – Link ‘animations.min.css’, ‘animations.min.js’ and ‘appear.min.js’ to your document – Follow the guides on GitHub project page depending on what aspect of the plugin you wish to use Animations executing on…
Set text on the web to a baseline grid with Sass & rems. Sassline can be used for blogs, prototyping, and other web projects. It has recommended base typography styling and mixins to work proportionally from the baseline grid. Select a modular-scale for each breakpoint and work responsively type-first. The idea is to have easy to use and maintain SCSS files utilising the power of Sass to make the complex calculations to set type on…
multiScroll.js is a simple plugin to create multi scrolling websites with two vertical scrolling panels.It’s s great way to catch the visitor attention with an original page. multiScroll.js idea is to divide the page in two vertical layouts or panels in a way they scroll vertically in opposite directions. multiScroll.js is fully functional on all modern browsers, as well as some old ones such as Internet Explorer 8, 9, Opera 12… It works with browsers…
Waterfall is an extremely functional and powerful Pinterest-like plugin to create responsive websites.Waterfall is as mentioned responsive that support ajax infinite scroll. Some of the features of this jQuery plugin are infinitescroll , finitescroll , custom width , min-max-columns , resize animate , fadeIn , fix brick left or right etc. Here are a few demos: infinitescroll finitescroll custom width min-max-columns resize animate fadeIn fix brick left or right This projects is maintamed by bingdian
iHover is an impressive hover effects collection, powered by pure CSS3, no dependency, work well with Bootstrap 3! iHover is pretty easy to use. All you need to do is to write some HTML markup. You just need to include the CSS file and you are ready to go. Features – Pure CSS3 powered, no dependency, can be used in any project. – Built with Scss CSS (file included), easy modification with variables. – Modular…
HTML5,CSS3 and jQuery have all revolutionized web design and we all see more powerful and functional websites using these two languages. HTML5 and CSS3 have many advantages like faster loading times,greater functionalities and more flexibility.You can apply to any website very easily. In today’s post we have gathered a huge list of CSS3 HTML5 and jQuery menu plugins,tutorials with demos.Enjoy.. Sidr Source mmenu Source Simple Vertical Menu with jQuery Source CSS Menu…
CSS or Cascading Style Sheet is still the most popular language for website development.Whether you are a professional developer or a newbie,sometimes coding can be a tedious job and can take too much time.Thus,many time saving CSS tools have been released and they are really very helpful for web developers in order to quicken the coding process. Here are a few favourite CSS tools to enable you create working design elements. Preboot Preboot is a…
Nowadays,you can see more and more websites using slide panels or let’s say Hide And Slide panel which is integrated to websites to create menus, collapsible columns, drawers, inspectors panes and more.These panels make your website more flexible and functional.Slide menus are first used in mobile apps and then many developers integrated slide panels to websites.You mostly see a ”list icon” on website headers to gain more space and when you click on the icon…
HTML5 and CSS3 have both revolutionised web design and we all see more powerful and functional websites using these two languages.HTML5 and CSS3 have many advantages like faster loading times,greater functionalities and more flexibility.You can apply to any website very easily. In today’s post we have gathered beautiful menu tutorials created using CSS3 and HTML5.The below tutorials are really detailed and you can easily apply to your website or even you can learn how to…