background preloader

You Might Not Need jQuery

You Might Not Need jQuery

http://youmightnotneedjquery.com/

Related:  JS/jQueryLibrariesTruc intéressants pour le code

Some jQuery Functions And Their JavaScript Equivalents In light of my recent forays into the JavaScript DOM world, I'd decided to do a little research and write a snippet collection based on jQuery functions and their JavaScript equivalents. I think jQuery is a great tool, and it has done great things for me and many others as developers. But I'm a firm believer that nowadays, JavaScript is an indispensable tool to keep in your arsenal. Manipulating the DOM with JavaScript DOM methods is fun and easy, and the majority of times, plain old vanilla JS is all we need. Grid component - UIkit documentation Create a fully responsive, fluid and nestable grid layout. The grid system of UIkit follows the mobile-first approach and accomodates up to 10 grid columns. It uses units with predefined classes inside each grid, which define the column width.

Let’s Write Fast JavaScript — The JavaScript Collection Shut up and show me the tips! Alright, so we want to write faster JavaScript code, here are a few small tips on making your code faster, and more memory efficient. Please note, I’m not strictly talking about DOM and web apps, it’s about JavaScript, DOM included. Seeing is believing, I’m going to add a jsperf test case for every tip, and test it using Firefox 38 and Chrome 39. #1 Don’t make me typecast

Self-Executing Anonymous Functions - Mark Dalgleish When learning JavaScript, with all the attention given to variables, functions, ‘if’ statements, loops and event handlers, often little is done to educate you on how you might cleanly organise your code into a cohesive, structurally-sound whole. Let’s take the following code for example: This style of code looks quite normal, works fine and doesn’t cause any problems. At least for now.

Magnific Popup Documentation Here you can find the guide on how to use Magnific Popup. Besides this docs page, you can play with examples on CodePen. If you’ve found any mistake in this site or you know how to improve some part of this documentation - please commit on GitHub. Please ask general questions through Stack Overflow tagged with magnific-popup. If you’re looking for touch-friendly popup just for images, PhotoSwipe might be a better choice. Including files Five PHP Functions That Would be Great in JavaScript In one of my first articles I asserted that, while the JavaScript core continues to be improved with new methods, it still misses some useful ones. Coming from a PHP background, one of the things I really appreciate is its amazing native library. This article will discusses five PHP functions that I’d love to see in JavaScript. Please note that this article isn’t going to assert that JavaScript is worse/better than PHP. Instead, it’s an opportunity to discuss some functions and to see how they can be implemented. Also, keep in mind that these aren’t “must have” functions, but “nice to have” ones.

lodash documentation _(value) Creates a lodash object which wraps value to enable implicit chaining. Methods that operate on and return arrays, collections, and functions can be chained together. Methods that return a boolean or single value will automatically end the chain returning the unwrapped value. Explicit chaining may be enabled using _.chain. JavaScript Best Practices Part 1 Javascript Best Practices, Part 1 Make it Understandable Choose easy to understand and short names for variables and functions. Bad variable names: Also bad variable names:

Parsley - The ultimate documentation Frontend form validation Parsley is a javascript form validation library. It helps you provide your users with feedback on their form submission before sending it to your server. It saves you bandwidth, server load and it saves time for your users. Javascript form validation is not necessary, and if used, it does not replace strong backend server validation. That's why Parsley is here: to let you define your general form validation, implement it on the backend side, and simply port it frontend-side, with maximum respect to user experience best practices.

18 Surprises From Reading jQuery's Source Code - Quick Left Boulder Colorado I love jQuery, and though I consider myself an advanced JavaScript developer, I had never read the jQuery source from top to bottom, until now. Here are a few things that I learned along the way: Note: I use the $.fn.method() syntax to refer to the practice of calling method on a set of matched elements.

Questions and Answers Resource Sails.js 0.10.4 returns inconsistent JSON results where nested associations exist. This causes all sorts of headaches with nested associations and Ember Data. What is the preferred way of getting the two to work together? An Introduction To Full-Stack JavaScript Advertisement Nowadays, with any Web app you build, you have dozens of architectural decisions to make. And you want to make the right ones: You want to use technologies that allow for rapid development, constant iteration, maximal efficiency, speed, robustness and more. You want to be lean and you want to be agile. You want to use technologies that will help you succeed in the short and long term. And those technologies are not always easy to pick out. reveal.js - The HTML Presentation Framework The HTML Presentation Framework Hello There reveal.js enables you to create beautiful interactive slide decks using HTML. This presentation will show you examples of what it can do. Vertical Slides Slides can be nested inside of each other.

CSS Get the lowdown on the key pieces of Bootstrap's infrastructure, including our approach to better, faster, stronger web development. HTML5 doctype Bootstrap makes use of certain HTML elements and CSS properties that require the use of the HTML5 doctype.

Related: