background preloader

Front-end

Facebook Twitter

AngularJS

You-Dont-Know-JS/README.md at master · getify/You-Dont-Know-JS. Origami — Design Prototyping. Open Source Web Performance Dashboard. 30 April 2015 TL;DR: Today me and Tobias released our new web performance dashboard: three Docker containers that makes it super easy to setup something like this: Everything is Open Source :) It's no secret anymore, you need to keep track of your web sites performance.

Open Source Web Performance Dashboard

Having a fast site will make your users happy. There's a bunch of web performance monitoring tools out there today: Catchpoint, Keynote and Speedcurve to name a few. They all cost money and that is cool if you are satisfied with what you get. I love the idea of Open Source, so if I can choose, I use Open Source tools. The problem or challenge with the tools is always how you should interpret the data. Presenting the sitespeed.io dashboard Don't be fooled by the cute face, sitespeed.io will be hard on you if your site is slow. A framework for building native apps using React. Native Components With React Native, you can use the standard platform components such as UITabBar on iOS and Drawer on Android.

A framework for building native apps using React

This gives your app a consistent look and feel with the rest of the platform ecosystem, and keeps the quality bar high. These components are easily incorporated into your app using their React component counterparts, such as TabBarIOS and DrawerLayoutAndroid. Asynchronous Execution All operations between the JavaScript application code and the native platform are performed asynchronously, and the native modules can also make use of additional threads as well.

See Debugging. Touch Handling React Native implements a powerful system to negotiate touches in complex view hierarchies and provides high level components such as TouchableHighlight that integrate properly with scroll views and other elements without any additional configuration. React Native Now Available, Build Native Apps In Javascript. Helmet. Security middleware collection for Express/Connect Helmet is a series of middleware that help secure your Express/Connect apps.

helmet

It's not a silver bullet, but it can help! Quick start First, run npm install helmet --save for your app. Then, in an Express app: var express = require'express'; var helmet = require'helmet'; var app = express; appusehelmet; Top 10 Most Popular JavaScript Libraries for Developers. JavaScript is one of the most popular programming language, widely used for developing web applications.

Top 10 Most Popular JavaScript Libraries for Developers

It is a client-side scripting language and specifically used for web browsers to interact with users, manage the browser and much more. JavaScript Library is a pre-written scripting language that can be used in JavaScript based applications. The main use of JavaScript libraries is to write functions which are embedded in or incorporated from HTML pages and interact with DOM of the page.

LibrairiesJS. Libs. PhantomJS. A JavaScript library for building user interfaces. A Simple Component React components implement a render() method that takes input data and returns what to display.

A JavaScript library for building user interfaces

This example uses an XML-like syntax called JSX. Input data that is passed into the component can be accessed by render() via this.props. JSX is optional and not required to use React. Try clicking on "Compiled JS" to see the raw JavaScript code produced by the JSX compiler. Live JSX Editor Compiled JS. Facebook's React vs AngularJS: A Closer Look - Posts. AJAX Java Web Framework for Rapid Application Development of Enterprise Applications - OpenXava. Best Responsive Web Design Tutorials. Alertify.js - browser dialogs never looked so good.

Unfortunately, I will no longer be maintaining alertify.js.

alertify.js - browser dialogs never looked so good

I have many ongoing projects that aren't leaving me with enough time to do what needs to be done. If anyone wants to create a fork and maintain - by all means go for it! It's been great seeing people use it and enjoy it and this decision is simply because I don't believe it's fair that developers are looking for help and not getting it. I wish I had more time or contributions to keep it going and make it better, but the sad reality is that not usually the case on these kinds of projects.

Forks. Using Bootstrap Forms and Validations Classes - Tutorial. In this article, I am going to explain you how to create forms in Bootstrap 3.

Using Bootstrap Forms and Validations Classes - Tutorial

We will see how to create different types of forms and how to make them responsive. Web Performance Today. Front-end Front — Basically, front-end news. The PHP framework for web artisans. Where To Start Learning a new framework can be daunting, but it's also exciting.

The PHP framework for web artisans.

To smooth your transition, we've attempted to create very clear, concise documentation for Laravel. Here are some recommendations for what to read first: After reading through these documents, you should have a good grasp on basic request / response handling in Laravel. Next, you may wish to read about configuring your database, the fluent query builder, and the Eloquent ORM. Laravel Philosophy Laravel is a web application framework with expressive, elegant syntax. Laravel aims to make the development process a pleasing one for the developer without sacrificing application functionality. Laravel is accessible, yet powerful, providing powerful tools needed for large, robust applications.

Thymeleaf: java XML/XHTML/HTML5 template engine.