15 Interesting JavaScript and CSS Libraries for March 2017 Danny Markov Our mission at Tutorialzine is to keep you up to date with the latest and coolest trends in web development. That’s why every month we release a handpicked collection of some of the best resources that we’ve stumbled upon and deemed worthy of your attention. Propeller Propeller is a CSS components framework based on Bootstrap and Google’s Material Design language.
10 Awesome jQuery Image Galleries and Sliders One of the most common requests I get from clients is to have some sort of image gallery on their site. Whether it’s a sliding image gallery on a homepage displaying promotions or a robust gallery full of portfolio images showing off the quality of work, jQuery image galleries area a great way for displaying multiple images on a website. They are search engine friendly, iPad and iPhone friendly, and lighter weight than a lot of the Flash slideshow galleries on the market. Backbone patterns Building apps with Backbone.js Here, I try to document the good practices that our team has learned along the way building Backbone applications. This document assumes that you already have some knowledge of Backbone.js, jQuery, and of course, JavaScript itself. Table of contents Thanks
brite.js, a minimalistic MVC framework for jQuery (MVC for jQuery), DOM Centric MVC. brite.js is a simple but powerful DOM centric MVC (D-MVC) framework for building high-end HTML5 applications. The driving concept is to just add the missing MVC pieces to the DOM rather than force fitting Desktop MVC and Widget patterns to the DOM. The result is simpler, easier to optimize, and more scalable HTML/CSS/JS application code. In short, brite turns the DOM (and jQuery) into a robust, efficient, and scalable MVC platform. brite.js is MIT licensed, hosted on GitHub (source sode, brite.min.js, brite.js), and its only dependency is jQuery core (1.8 and above).
10 Outstanding jQuery Zoom Plugins jQuery Zoom plugins can be really useful for showing image details. There are lots of jQuery plugins and tutorials on the web which will help you create great websites. We’ve looked around the web and fount the 10 best jQuery zoom plugins, both free and premium, for you to use and save precious coding time. Here are 10 of the best jQuery zoom plugins. Which one do you think is no. 1? Testing Backbone applications with Jasmine and Sinon – Part 3. Routers and Views – Tinned Fruit Overview This is the third and final part in a series of articles demonstrating how to test a Backbone.js application, employing the Jasmine BDD test framework and the Sinon.JS spying, stubbing and mocking library If you haven’t yet read the first or second parts, take a look now. In this final part, we’ll be looking at some methods for unit testing Backbone routers and views.
JavaScript UI - w2ui What People Are Saying I have been using it quite substantially for a number of different projects now and must say that I absolutely love the way it works. - Soteri Panagou I've been using your grid on a couple of small projects and I've got to say it's an awesome piece of work. It's very easy to configure and offers a lot of features while staying really responsive. As a programmer it inspires me to write better code.
Next.js We're very proud to open-source Next.js, a small framework for server-rendered universal JavaScript webapps, built on top of React, Webpack and Babel, which powers this very site! The "Hello World" of Next.js To start using it, run inside a new directory with a package.json: 10 Awesome jQuery Tutorials jQuery is a very popular framework among web designers and web developers because it allows them to create many things without too much coding. jQuery sliders are very popular now so having skills in jQuery programming is a must for every web developer. These 10 awesome jQuery tutorials will help you learn the basics of working with jQuery. For more inspiration and useful tools check out 10 Free jQuery Plugins for Responsive Web Design and 10 Awesome jQuery Image Galleries and Sliders.
Sample App with Backbone.js and Twitter Bootstrap Backbone.js is a lightweight JavaScript framework that provides the basic infrastructure (Model, Collection, View, and Router classes) to bring structure to your Web applications. Twitter Bootstrap is a UI toolkit that provides simple and flexible HTML, CSS, and Javascript to implement popular user interface components and interactions. In other words, Backbone.js and Twitter Bootstrap focus on different areas of your application: core architecture and user interface respectively. Because of their well-defined and non-overlapping scope, Backbone.js and Twitter Bootstrap work well together. In general, I find a lightweight architectural framework and a UI toolkit to be a powerful combination, and an interesting alternative to full-stack frameworks: it gives you the flexibility to choose the library you like (if any) in the respective areas of your application.
Web Programming Step by Step, Chapter 9: Events and Prototype Chapter 9 Events and the Prototype Library Except where otherwise noted, the contents of this presentation are Copyright 2009 Marty Stepp and Jessica Miller. 9.1: The Prototype JavaScript Library 9.2: Event-Handling JavaScript is a powerful language, but it has many flaws: The DOM can be clunky to use The same code doesn't always work the same way in every browser code that works great in Firefox, Safari, ... will fail in IE and vice versa Many web developers work around these problems with hacks: if (navigator.appName === "Microsoft Internet Explorer") { ... Prototype JavaScript library adds many useful features to JavaScript: many useful extensions to the DOM added methods to String, Array, Date, Number, Object improves event-driven programming many cross-browser compatibility fixes makes Ajax programming easier (seen later)
Make Your Website Interactive and Fun with Velocity.js (No jQuery) — SitePoint Special thanks from me go to James Hibbard and the developers behind Velocity for reviewing this article. Also to users and developers who contribute and have contributed to Velocity over the years. In this article I introduce Velocity.js, a fast and high-powered JavaScript animation engine by Julian Shapiro. By the time you go through all the demos, you’ll be able to use Velocity.js to create your own animations and make your website more interactive and user-friendly. All of this without using jQuery, just vanilla JavaScript. This is the third article in the series Beyond CSS: Dynamic DOM Animation Libraries. 10 Easy to Use jQuery Google Maps Plugins and Tutorials Google Maps is a very helpful tool and it’s used by lots of people. It may be a bit difficult to integrate on your website but nowadays using jQuery plugins this has become a lot easier. Do you want to let your visitors know where they can find you?
References, Routing, And The Event Aggregator: Coordinating Views In Backbone.js I recently found myself needing to facilitate communication between two backbone views. The first view is a medication – one that is currently being taken by a particular patient. The second view is the add/edit view that allows the patient to either add new medications or edit existing ones.
Zepto is an XUI-like framework that focuses on providing a syntax similar to jQuery's, but it is targeted for WebKit browsers only. Although the script file is around 5 to 10KB, depending on your use of its plug-ins, it contains most of the important mobile methods that are contained in jQuery. The downside is that the scripting language is targeted to only WebKit browsers, so Windows Phone 7, Mozilla Firefox Mobile, or other non-WebKit browsers do not have support from this framework. by indigetal Nov 29