background preloader


Facebook Twitter

Website Performance Optimization Testing Course - Udacity. Overview Throughout the course, you’ll build a performance toolbox to help you build faster website experiences by taking advantage of PageSpeed Insights recommendations and measuring page performance on mobile and desktop with Chrome Developer Tools.

Website Performance Optimization Testing Course - Udacity

This class contains an introductory lesson, two primary lessons and a final project. Before diving into optimizations, you’ll build an understanding of how browsers convert HTML, CSS and JavaScript into websites. Along the way, you’ll practice measuring performance using the same tools Google engineers use. Code.tutsplus. In this tutorial, we'll learn how to create a slick email signup form.


This form will harness the full power of AJAX, meaning that we will submit data to the server, validate it, and receive a response - all without a single page refresh! Along the way, you should pick up some useful tips related to PHP and JavaScript, as well as general programming best practices. Step 1: The Plan. Sticky Navigation Bar with jQuery and Bootstrap. How to Create a Fixed Navigation Bar. Ajax, call jQuery POST to node.js expressjs. Easy local development with a node.js proxy. Single page apps & websites-as-APIs are pretty common lately.

Easy local development with a node.js proxy

Due to browsers’ cross-domain security restrictions, designing a front-end on a local machine becomes difficult, unless you deploy the whole app. Handle GET and POST Request in Express 4. As per the documentation GET request are meant to fetch data from specified resource and POST are meant to submit data to a specified resource.

Handle GET and POST Request in Express 4

Express allows you to handle GET and POST request using the instance of express. Due to the depreciation of connect middle-ware handling POST request however seems confusing to many people. GET request: Handling GET request in Express seems so easy. Handling AJAX calls with Node.js and Express (scraping Craigslist) - Michael Herman. Translating's postalAddress microdata into useful links for mobile.

In my previous post I wrote about the URL structures required to open map apps on mobile devices.

Translating's postalAddress microdata into useful links for mobile

Unfortunately there is no standard way to open these apps and a different URL structure is required for each of the popular mobile platforms: iOS, Android, WP7 and Blackberry. What I did not cover previously and the focus of this article, is how to implement this on your website. Ultimately, our goal is to make our markup more functional. Opening native map apps from the mobile browser.

As mobile devices grow in popularity towards being the most common way people access the web, so does the desire of both business owners and developers to leverage the devices' new capabilities.

Opening native map apps from the mobile browser

Often this comes in the form of an application, but with the advent of responsive design and improved mobile browsing it is taking place with increasing frequency in the browser. One of the most obvious and useful features to employ in the mobile context is location finding. All the most popular mobile platforms have the ability to determine their location, often to within a few meters. This can be useful in many ways, but let's look at a relatively simple use, getting from where you are to where you want to be. Picture this. The answer is yes. So, how do we make this work? Zelen Shoes 894 Granville Street Vancouver, BC V6Z 1K3 URL Structure. How to: Launch a Map App from a Mobile Form : ProntoForms Support.

JavaScript - Cube Portfolio - Responsive jQuery Grid Plugin. Latest Version 2.2.0 – 19 April, 2015 Cube Portfolio is a jQuery grid plugin that provides powerfull portfolio system, beautiful animated filtering, custom captions and it’s perfect for portfolio projects, horizontal slider, images gallery, team members, blog posts or any other ordered grid content.

JavaScript - Cube Portfolio - Responsive jQuery Grid Plugin

It plays nice with your existing HTML and CSS, making it a great choice for dynamic and responsive grid layouts. You can customize the plugin with just a little HTML and CSS to fulfill your needs. Cube Portfolio include more than 30 settings to control every aspect of the plugin. What customers say For anyone interested in this, buy it.

Ohh my God, it’s really realy much awesome !!! Ok, now everything is working fine Thaks to bmihai for his help and patience)) BetaPsycho. Cascading Pins - Examples - ScrollMagic. ScrollMagic Documentation. The javascript library for magical scroll interactions.

ScrollMagic Documentation

ScrollMagic helps you to easily react to the user's current scroll position.It's the perfect library for you, if you want to ... animate based on scroll position – either trigger an animation or synchronize it to the scrollbar movement (like a playback scrub control).pin an element starting at a specific scroll position – either indefinitely or for a limited amount of scroll progress (sticky elements).toggle CSS classes of elements on and off based on scroll position.effortlessly add parallax effects to your website.create an infinitely scrolling page (ajax load of additional content).add callbacks at specific scroll positions or while scrolling past a specific section, passing a progress parameter.

Check out the demo page, browse the examples or read the documentation to get started. About the Library. Getting Started : Using AMD · janpaepke/ScrollMagic Wiki. Auto-Hide Sticky Header with JavaScript & CSS3. Untitled. Full-Screen Pushing Navigation. Product Quick View.