Tag Archives: HTML5

CSS Spinner

elegant collection of pure css spinners for your website loading animation.

  • Vanilla – no external dependency and no additional library required.
  • Standalone – use one of these separately.
  • customizable – use stylus variables to quickly customize them to your needs.
  • easy to use – easy to copy and paste, but also easy to use with pug mixins.
  • small – average size 1K per spinner not minimized, unpacked

Open Source file manager : elFinder

elFinder is an Open source file manager for the web written in JavaScript using the jQuery user interface.

  • User-friendliness like MacOS Finder or Windows Explorer
  • Mobile view for touch devices
  • All operations with files and folders on a remote server (copy, move, download, create folder / file, rename, etc.)
  • High performance backend server and lightweight client user interface
  • Multi-root support
  • Local file system, MySQL, FTP, Box, Dropbox, GoogleDrive, and OneDrive volume storage drivers
  • Supports AWS S3, Azure, Digital Ocean Spaces and more with League \ Flysystem Flysystem driver
  • Cloud storage drivers (Box, Dropbox, GoogleDrive and OneDrive)
  • Background file / folder upload with HTML5 drag and drop support
  • Fragmented file download for a large file
  • Download directly to the folder
  • Download the form URL (or the list)
  • List View and Icons
  • Keyboard shortcuts
  • Standard methods of selecting files / groups using mouse or keyboard
  • Move / copy files by drag and drop
  • Drag and drop outside starting by dragging with the Alt / Option key
  • Create / extract archives (zip, rar, 7z, tar, gzip, bzip2)
  • Rich context menu and toolbar
  • Quicklook, overview of common file types
  • Edit text files and images
  • “Places” for your favorites
  • Calculate the size of directories
  • Thumbnails for images, video files
  • Easy to integrate with web editors (elRTE, CKEditor, TinyMCE)
  • Flexible configuration of access rights, download file types, user interface and more
  • Extensibility through backend and client side event management
  • Simple client-server API based on JSON
  • Support customized information in the information dialog
  • Configurable columns of the list view
  • Support custom CSS class function for custom folder icon
  • Connector plug-in
  • Auto Rotate: Auto rotate when uploading JPEG files by EXIF ​​orientation.
  • Auto Resize: Auto resize when uploading files.
  • Normalizer: UTF-8 normalizer of filename and path to file, etc.
  • Sanitizer: disinfectant of file name and file path, etc.
  • Watermark: Print the watermark when downloading the file.

Mozilla’s HTML5 Video Framework : Popcorn-js

HTML5 Media Framework

Popcorn.js is Mozilla’s HTML5 video and media library for the open Web . Mozilla’s HTML5 Video Framework : Popcorn-js. It allows web developers , filmmakers , artists, designers , and others in a simple timeline -based Web productions . Popcorn.js helps media API and implementation to simplify differences between browsers and includes a powerful event system and a rich plugin architecture and plug-ins .

Read More Demo

Mercury Editor : The Rails HTML5 WYSIWYG editor

Mercury Editor is a fully featured editor much like TinyMCE or CKEditor

Mercury Editor : The Rails HTML5 WYSIWYG editor, it is a full-featured editor like TinyMCE or CKEditor , but with a different usage paradigm . He expects a whole page is something that can be edited , and allows different types of editable regions are indicated . It shows a single toolbar for each region on the page , and uses the HTML5 contentEditable functions on block elements , instead of iframes that . For CSS to be applied in a manner that can not handle many other editors.

Read More Demo

HTML5 saveAs() FileSaver implementation

Solution to saving files on the client-side

HTML5 saveAs() FileSaver implementation . FileSaver.js implements the W3C HTML5 saveAs ( ) File Saver interface in browsers that do not natively support it . There is a FileSaver.js demo that shows savings of various media types .

FileSaver.js the solution to save files on the client – side , and is ideal for Web applications that need to create files , or to store sensitive information that should not be sent to an external server

Read More Demo

Open source vector graphics scripting framework : Paperjs

Paper.js runs on top of the HTML5 Canvas

Paper.js is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas. Paperjs offers a clean Scene Graph / Document Object Model and a lot of powerful functionality to create and work with vector graphics and bezier curves, all neatly wrapped up in a well designed, consistent and clean programming interface.

HTML5 responsive website templates free

Today small and large business firms required to show there work and service in front of the world to attract the attract the attention. There is only one solution you can attract the world’s attention easily . Create a small website and present for your people and tell them you can find all my services and history here in website. Just a simple way , now everybody have net connection and all people connected around the world at least through social media.

Continue reading HTML5 responsive website templates free

Top 20 inspiring Bootstrap websites

Bootstrap is one of the most popular frameworks for building responsive websites with HTML5 CSS and Jquery. Bootstrap made easy responsive website development quick and easier. Grid based design layout and responsive feature is the main reason web developers love to work with bootstrap framework. When i start to design and code with bootstrap i only saw some usual website templates, all are looking same.

After i got experienced with bootstrap designing and coding, i explored more websites that built with bootstrap. That all websites are totally different from the usual bootstrap templates. Here i am listing the most beautiful bootstrap websites for you.

Continue reading Top 20 inspiring Bootstrap websites

Free Bootstrap One Page Templates

Bootstrap is an open-source JavaScript framework , developed by the team at Twitter . It is a combination of HTML , CSS and Javascript code designed to help the user interface components . Bootstrap has been programmed to support both HTML5 and CSS3. Here is some bootstrap one page templates, these all free to use. You can understand bootstrap coding by editing these templates.free bootstrap one page templates helps you to make landing pages easily

Continue reading Free Bootstrap One Page Templates

30 Examples of Amazing HTML5 and CSS3 Websites

In this post we will show you 30 examples of Amazing HTML5 and CSS3 Websites. As you know, HTML5 and CSS3 is the “ultimate duo” for many web designers. They are not only getting new techniques by using HTML5 and CSS3, but they are also getting an easier designing work than using flash or javascript. HTML5 and CSS3 also provides another limitless new possibilities of web design, for an instance is responsive layout for your website. HTML and CSS3 also brings us an opportunity to create a website with all sorts smooth animations, subtle transitions, great image sliders…

Read More