background preloader


Facebook Twitter

Aurélien Vecchiato

An Introduction to AngularJS Forms Validation. Ladda for Bootstrap 3 UI. AngularJS Cheat Sheet by ProLoser. The Infinite Path of Scrolling. My current implementation looks pretty good so far.

The Infinite Path of Scrolling

I am trying to make it look as native as possible—the ultimate goal is to make the user totally unaware of the technical solution. One of the vital features is replacing removed items with empty space so that we do not mess with the native scroll position and make it look for the user like there is actual content beyond the visible portion of the data set. Angularjs. Best Practice of Using Angular.js with Rails: Form. Form is one important feature of Angular.js.

Best Practice of Using Angular.js with Rails: Form

AngularJS using factory method, post data and saving to DB » Amitav Roy. In the last tutorial, I showed how we can use the factory method to share an object (in our case the list of books) and then we displayed those books in our view.

AngularJS using factory method, post data and saving to DB » Amitav Roy

The next step is to post data so that we can add another book to the database and that will also update the main listing. So, in this tutorial I will show you how to do that. Setting up the form In the first step, I have built the Add book form right next to the listing of the books. Using the AngularJS Package for Sublime Text - Dan Wahlin. Brad Green from the AngularJS team recently tweeted about a package that was released for the Sublime Text editor that adds AngularJS support so I thought I’d do a quick write-up on how to use it since it’s really nice to have available.

Using the AngularJS Package for Sublime Text - Dan Wahlin

Although Sublime Text is quite popular now days, I’m going to approach this post from the beginner standpoint and provide a step-by-step look at getting the package running. Information about the AngularJS Sublime Text Package can be found here. Some of the key features include: Code completion of core AngularJS directives (ng-model, ng-repeat, etc.)

Code completion for key AngularJS objects and components such as directive Support for custom directive code completion Enhanced functionality within AngularJS HTML templates defined in a page Ability to customize the attributes, element directives, etc. Inline editing with AngularJS « You are IT! I have written quite a few posts about the latest and greatest of JavaScript - node.js and are amongst the things that I discussed before.

Inline editing with AngularJS « You are IT!

After having a look at my friend's presentation about AngularJS I felt a sudden urge to investigate this (yet another) new technology. The Rails 4 Diff Cheatsheet - Coded Classes. Discover the joy of cooking. Iconmonstr - Free simple icons for your next project. 30 essential UX tools. An Absolute Beginner's Guide to Node.js. There's no shortage of Node.js tutorials out there, but most of them cover specific use cases or topics that only apply when you've already got Node up and running.

An Absolute Beginner's Guide to Node.js

I see comments every once and awhile that sound something like, "I've downloaded Node, now what? " This tutorial answers that question and explains how to get started from the very beginning. What is Node.js? Jetstrap - The Bootstrap Interface Builder. Structuring an Angular Project. We can build amazing SPA and HTML5 applications when choosing a powerful framework like Angular, Durandal, Ember, or Backbone.

Structuring an Angular Project

AngularJS Tutorial RESTful JSON Parsing. Last some days I have been working with AngularJS, it is a Javascript MVC framework created by Google.

AngularJS Tutorial RESTful JSON Parsing

Now Angular.js is my personal favorite framework to build better architecture web projects, especially for RESTful web services. It improves HTML with new attributes and expressions in order to define powerful templates directly in your HTML page. Download Script Live Demo. How to build a large Angular.js application. At GoCardless, Angular.js has been in production since March this year.

How to build a large Angular.js application

We wanted to share some of the things we've learned while building and maintaining a fairly large single-page application (SPA). The core app is 9K lines of code. This post is split into two sections: why we chose Angular and best practices that have worked for us during development. Project background. Single Page Application with Angular.js, Node.js and MongoDB (MongoJS Module) Previously we have posted the communication for Developing Web Application with Node.js, Express.js and MongoDB (MongoJS module).

Single Page Application with Angular.js, Node.js and MongoDB (MongoJS Module)

Current post is a proof of concept towards make a web application with Javascript based Web Server. This technological stack is popularly known as MEAN Stack. Learn AngularJS this Weekend. Get ready to learn AngularJS - Photo Credit: Nomadic Lass AngularJS has a reputation for a steep learning curve. It’s definitely complex, but follows the 80/20 rule. 20% of the features are what you will use 80% of the time. Jade - Template Engine. Thousands of free Vector icons and Icon Webfonts for Interfaces and Responsive web design. We present to you an interesting and exciting selection of Free Icons, flat icons, symbols and pictograms with vectorial content, especially designed for UI design, menus, lists, webapps or native apps.On a different note, we've made a selection of the most recent Icon Webfonts designed specifically for responsive projects and to solve problems like graphics resolution in retina displays.

These custom icon sets embedded in a webfont kit can be easily styled with CSS changing colors, size, rotation, adding shadow and other new CSS3 features. It reduces the time to create responsive design using scalable icons instead of different image files and media queries for every resolution. It's widely compatible with browsers, it even goes all the back to version 4.0 of IE.

You can see an online example provided by CSS-TRICKS about the use and possibilities of manipulation through CSS: Icon Fonts are Awesome. The following example is a menu created with icon fonts: CSS3 Icon Animation Menu. The Big Badass List of Twitter Bootstrap Resources. jQuery.timepickr.js. Downloads. Glebm/rails_email_preview. Forms With AngularJS.

Continuing to reach for feature parity with my original jQuery with ASP.NET Web API sample, I need to have the ability to create a new video. The original sample caught the form submit event and serialized form data for an AJAX submission to the web server. With AngularJS I only need to bind some form elements to the model (using the ng-model directive), and bind a click event (with the ng-click directive). Note there is also an ngSubmit directive, but Angular will prevent the default form submission if I have only one or the other. When the user clicks save, I just need to post the new video information to the Web API. The controller code now looks like the following: Filamentgroup (Filament Group) DAUX.IO. 10 outils CSS en ligne pour webdesigner. En créant du contenu utilisable rapidement, la popularité des outils CSS en ligne est toujours plus croissante auprès des webdesigners.

Leurs solutions utiles sont souvent complémentaires, découvrez quelques exemples pour avoir toutes les cartes en main pour bien commencer un projet web. Piratage Culinaire. Linguine au pecorino et au poivre. Codrops. Blueprint: View Mode Switch. Alternion - Your Social Hub. ❍ IcoMoon. IcoMoon is striving to build and provide the best iconography and icon management tool for perfectionists. IcoMoon's icon library features only the very best icon sets out there. All of our icons are designed on a precise pixel grid. The IcoMoon app lets you build and use your own icon sets in many different formats including SVG, Polymer, PDF, XAML, CSH, icon font or simple PNG/CSS sprites. Ready for Rails 4? Better colors for basic bootstrap. Noty v2.1.0 - A jQuery Notification Plugin. The Ruby Toolbox - Know Your Options! Rails-api/active_model_serializers. Foundation: The Most Advanced Responsive Front-end Framework from ZURB. Bootstrap. Flat UI Kit - HTML/PSD Design Framework.