Meteor is an open-source platform for creating high-quality apps in less time. It is a real-time JavaScript framework created on top of Node.js. Features: Pure JavaScript. You can write your entire app in pure JavaScript. Live page updates. As you write your template, they update automatically when the data in the database changes. It also [...]
Today’s tutorial I’ll be featuring is from Andrew of Script Tutorials. It’s an animated 3D Cube slideshow which makes the cube rotates continuously. Below are the codes to follow: HTML Index.html <!DOCTYPE html> <html lang=”en” > <head> <meta charset=”utf-8″ /> <title>HTML5 3D Cube Slideshow | Script Tutorials</title> <link href=”css/main.css” rel=”stylesheet” type=”text/css” /> <script src=”js/script.js”></script> </head> [...]
Today, you’ll learn how to add a Pinterest button to your WordPress site without using a plugin. This tutorial is made by Marvie Pons of TutsKid and it’s pretty simple and easy to follow. Like with most, if not all WordPress tricks, all it takes is appending a few lines of code in your functions.php [...]
Another cool light box that you can use in your site is Highslide JS. It is a JavaScript-based light box image, media and gallery viewer. Its key features are: It’s quick and has an elegant look. It does not require plugins like Flash or Java. Content opens within the active browser window so popup blockers [...]
Libby Fisher came up with this nice code snippet and shared it on ICode4You, which I thought would also be worth sharing here on Blogfreakz. It’s a JavaScript code that lets you create a “Pin It” button using a custom graphic for your website. Copy it and enjoy sharing your favorite images in Pinterest! <div> [...]
In his last July post, Paul Kaiser from WPMU shared three different methods on how you can animate your web content using the free animate.css toolset created by Dan Eden: 1) by adding the CSS element manually, 2) through theme templates, and 3) by using jQuery. Today, I’m going to feature one of those tricks, [...]
Check out this pretty neat barcode generator created by Rex Feng using CSS and JavaScript! The JavaScript is used solely for the automation of the HTML/CSS while the CSS takes care of the divs to conform to UPC-A details. Test runs were done using the RedLaser mobile app and the results were positive (i.e. the [...]
Mochikit is a highly documented lightweight Javascript library that will easily help you with your Javascript projects. It is well-tested and reliable, building real applications that make platform compatibility issues resolve easily. The creators of Mochikit make it a point to maintain 100% documentation coverage so you won’t have any trouble finding out how the [...]
Cubism.js is a great D3 plugin developed by Mike Bostock for displaying time series in real-time. With Cubism, you’ll be able to create better real-time dashboards, pulling data from various sources. In terms of flexibility, Cubism.js is highly customizable via CSS and JavaScript, and it also lets you add new chart types and modes of [...]
Here’s another awesome tutorial by Mary Lou and it’s about how to create a neat thumbnail proximity effect with jQuery. To start with, here’s the markup: <ul id=”pe-thumbs” class=”pe-thumbs”> <li> <a href=”#”> <img src=”images/thumbs/1.jpg” /> <div class=”pe-description”> <h3>Time</h3> <p>Since time, and his predestinated end</p> </div></a> </li> <li><!- … -></li> </ul> Styling: CSS Adding background image [...]
0
511
