background preloader

Tech

Facebook Twitter

Create an Extractor – import.io Help Center. An extractor allows you to turn a webpage into a structured table of data Step 1 - Add New Data Source Open the app. Click “+ New Data Source”. This will open a new tab and launch you into the workflow. Familiarize yourself with the instructions in the bottom right-hand pane and when you’re ready press “Let’s get cracking!”. Note: This is where the instructions will appear while you are in the workflow. Step 2 - Choose Extractor Select the extractor picture on the left (the one that looks like a table) to start building your extractor. Step 3 - Find Data Use the URL bar or the Google powered search box to navigate to the page you want data from. In this example we are going to use the IMDB top 250 movies list. When you have arrived at your data press “I’m there!” Step 4 - Multi or Single Row Depending on what your data looks like you will need to select either single or multi row.

For our example extractor, because there are multiple results on one page, we will choose multi. Congratulations! Data Fake Generator. Tutoriel vidéo Linux : Configurer son premier serveur dédié. Trucs et astuces Linux. Julien, membre de la communauté de blogueurs JobProd. Note : les commandes appliquées ici concernent principalement Ubuntu Linux ou les distributions à base Debian comme Mint. Toutefois vous trouverez facilement des équivalents pour RHEL ou autres. Dans cet article nous voyons quelques astuces qui permettent d’améliorer les performances ou la sécurité d’un système GNU/Linux.

Il s’agit de configurations basées sur mon expérience, que je partage ici. Vous pouvez en trouver aussi un paquet sur ubuntu-fr. Surveillance de vos disques durs Un paquet très utile à installer pour surveiller vos disques durs est smartmontools. Pour activer la surveillance S.M.A.R.T. de vos disques, éditez tout d’abord le fichier /etc/default/smartmontools, et décommentez la ligne start_smartd=yes puis enregistrez le fichier. Pour afficher l’état S.M.A.R.T. d’un disque, tapez la commande suivante : sudo smartctl -a /dev/sdX, où X représente la lettre du disque dur que vous trouverez sous /dev/.

Régler le SWAP Julien. Tutoriel vidéo Grunt : Découverte. Tutoriel vidéo Hébergement : Créer une VM avec Vagrant. Dans ce tutoriel je vous propose de découvrir Vagrant, un outil pour mettre en place un environnement de développement et de test très rapidement. En effet, Vagrant va vous permettre d'installer et de lancer une machine virtuelle (VM) en quelques lignes de commandes. Pourquoi utiliser une VM La première question que vous devez vous poser est "Mais pourquoi utiliser une VM quand on a WAMP ou MAMP ? " WAMP et MAMP sont de formidables outils quand il s'agit de mettre en place les outils pour commencer à travailler sur PHP mais ils comportent quelques problèmes : L'environnement Window ou Mac peut être très différent de l'environnement final, lors de la mise en ligne on peut se retrouver avec des erreurs inattendu.On ne peut pas tester de configuration avancée comme l'utilisation d'apc ou même de VarnishOn ne peut pas partager facilement notre configuration des différents outils Mais installer tout ça c'est un peu chiant (par rapport au simple installer de WAMP).

C'est là que vagrant intervient. Cs229.stanford.edu/proj2012/ShahDaiZhong-AutomatedStockTradingUsingMachineLearningAlgorithms.pdf. Icenium. How It Works | Firebase. Install Firebase. Ready to use with one line of code. //Use YOUR Firebase URL (not the one below) var fb = new Firebase(" /* Remember to include firebase JS Library <script src=" */ #import <Firebase/Firebase.h>Firebase *fb = [[Firebase alloc] initWithUrl:@" Firebase fb = new Firebase(' Save data. Data is stored as standard JSON. fb.setValue("Alex Wolfe"); Update in realtime. Firebase responds immediately to data changes as they occur. fb.addValueEventListener(new ValueEventListener() { @Override public void onDataChange(DataSnapshot snap) { System.out.println(snap.getName() + " -> " + snap.getValue()); } @Override public void onCancelled(FirebaseError error) { }}); Add Security and Firebase Rules.

Create custom Security and Firebase Rules from the Firebase Dashboard. Choose a platform. Easily authenticate users. NimbusBase. Meaningful Transitions // Home. Sugar: A Javascript library for working with native objects. S.A.R.A.H. L’objectif du Projet S.A.R.A.H est d’avoir une maison intelligente connectée à l’internet des objets un peu dans l’esprit de la série TV Eureka. Le principe est de déclencher des requêtes HTTP via: la reconnaissance vocale de phrases exprimées en XMLla reconnaissance de gestes exprimés en XMLla reconnaissance faciale (machine puissante !)

Une planification Google Calendarla reconnaissance de QRCodesdes scripts joués périodiquements, … Ces requêtes HTTP déclenchent des scripts NodeJS pour interagir avec les boîtiers domotiques, le karotz ou simplement aller chercher de l’information sur internet (scraping): horaires de cinéma, météo, horaires de bus, … ParisWeb 2013 Le framework La configuration de ces actions est simple (XML et JavaScript) et modulaire (plugins). Communauté L’article de Jérôme VEYRET. L’article de Jérôme VEYRET. Aussi en vidéo: Installation Le framework est générique ! Télécharger le zip v3.1.4(statistiques) Documentation v3.1.3 (stats) – v3.1.0 (stats) – v2.9.5 (stats) Architecture. Rails Assertions Cheat Sheet. Last week I was working on the Rails testing book and I started wondering how the rest of the Rails world was writing their tests. Since I decided that I was going to use Test::Unit instead of Rspec in the book, I knew that I could safely limit my search to just assertions and refutions.

The first thing I did was identify every method available to ActiveSupport::TestCase that starts with assert or refute. Once I had that list of 55 methods, I searched through github for instances of that method in files that end in ‘.rb’ nested in a test directory. The results were impressive. There were 1,449,068 assertions and refutions in Ruby projects. I figured that it would be helpful to use this data to make a cheat sheet for assertions available in Ruby on Rails, ordered by popularity. Assertions: Refutions: Hi. I've been building things with Rails for three years, and trying to figure out how to test for almost as long. CSS3 PIE: CSS3 decorations for IE. CssFx.js - CSS3 property polyfill - It's So Futuristic, Baby! CssFx cssFx adds vendor-specific prefixes to your stylesheets. How it works When the document has finished loading, internal (<style>) and external (<link>) stylesheets are processed, fetching any @import stylesheets as well.

It's recommended to bundle stylesheets into one file to minimize request overhead. Once processing is done, a new <style> tag is appended to the <head> with processed properties. Properties for all vendors (Mozilla, Webkit, Opera, Microsoft) are included by default. Installing Download cssFx or install it with Bower: bower install cssfx. Usage Include cssFx in your <head> tag: <script src="cssfx.js"></script> Make sure any external stylesheets you want processed have the cssfx class.

Browsers Supported Firefox 3+Chrome 1+Internet Explorer 6+Safari 3+Opera 9+ Important Considerations IE and other browsers remove either unknown properties or properties with unknown values. License cssFx is provided under the MIT license. Credits cssFx is a project by Ivan Malopinsky. Caolan/async. Libs. Pricing and Signup - Litmus. Accélérateur de sites web | Fasterize.com. Astuces CSS. IE Alert js - let your visitors upgrade their browser. What is IE Alert ? IE Alert is a jQuery plugin that shows a well designed modal box to the visitor who's trying to view your site with an older version of Internet Explorer browser, this modal box encourages your visitors to upgrade their browser for a better experience using your site. When should I use it? You should use it when you created a stunning modern website that looks and works amazing in modern browsers and you don't want to waste your time and money to make it work on legacy browsers like IE6, IE7 and IE8.

Usage 1. Download the plugin 2. There are more options available, see the docs. Visionmedia/git-extras. Drag and Drop for AngularJS. Popular Modules - AngularJS Modules, Plugins and Directives. Magnific Popup: Responsive jQuery Lightbox Plugin. Magnific Popup is a responsive lightbox & dialog script with focus on performance and providing best experience for user with any device(for jQuery or Zepto.js). Examples Single image lightbox Three simple popups with different scaling settings. 1 — fits horizontally and vertically, 2 — only horizontally, 3 — no gaps, zoom animation, close icon in top-right corner. Lightbox gallery You may put any HTML content in each gallery item and mix content types.

In this example lazy-loading of images is enabled for the next image based on move direction. If you wish to add touch-swipe support, check my article on the Smashing Magazine, or new PhotoSwipe script. Zoom-gallery If you wish to open the popup only after image is fully loaded, you may preload image via JS. Popup with video or map In this example lightboxes are automatically disabled on small screen size and default behavior of link is triggered. Dialog with CSS animation Popup with form Ajax popup Modal popup Open modal Dismiss Error handling Fast.

ImagesLoaded. JavaScript is all like "You images done yet or what? " imagesloaded.desandro.com Detect when images have been loaded. Demo Edit this example on CodePen or try the jQuery example. Just to keep things interesting, there’s a 10% chance of adding a broken image. Install Get a packaged source file: Or install via Bower: bower install imagesloaded Or install via Component: component install desandro/imagesloaded Usage imagesLoaded( elem, callback ) new imagesLoaded( elem, callback ) elem Element, NodeList, Array, or Selector Stringcallback Function - function triggered after all images have been loaded Using a callback function is the same as binding it to the always event (see below). imagesLoaded( document.querySelector('#container'), function( instance ) { console.log('all images are loaded'); }); imagesLoaded( '#container', function() {...}); var posts = document.querySelectorAll('.post'); imagesLoaded( posts, function() { Events imagesLoaded is an Event Emitter.

Always done fail progress Properties jQuery. Continuous Integration and Deployment - CircleCI. Continuous Integration and Deployment - CircleCI. Grunt: Automated Testing. With a look into our evolving JavaScript testing methods, Patrick shares how we're using Mocha, Jasmine, and Grunt. Introduction A few months ago we posted about our new build process, and we mentioned starting to use Grunt for the “freedom and customization” that it provided. In addition, we noted that we're using the Jasmine plugin, which allows for JavaScript testing.

Recently, Rob Tarr released a new application called Stuntman. Grunt to the Rescue Running both server and client-side JavaScript specs was an issue. Our solution: Test client side JavaScript with Jasmine Test our server side JavaScript with Mocha Not very challenging to do thanks to Grunt, but there are some important packages you will need. Prerequisites Grunt Setup Check out the example repository. Our basic setup consists of the following packages in our package.json file: Example “package.json” Gruntfile.js Setup npm install Directory Structure The source files are located in the following directories: Example Tests Client Server. jReject - jQuery Plugin for Simple Browser Rejection. Continuous Integration and Deployment - CircleCI. MongoDB Tools. CSS Sprites: What They Are, Why They're Cool, and How To Use Them. By Chris Coyier On This article has been revised and re-written several times since its very first publication in 2007, to keep the information current.

The most recent revision was done by Flip Stewart in January 2015. #What are CSS Sprites? Spoiler alert: they aren't fairies that write your stylesheets for you. I wish. In short: CSS Sprites are a means of combining multiple images into a single image file for use on a website, to help with performance. To summarize: the term "sprites" comes from a technique in computer graphics, most often used in video games. CSS Sprites is pretty much the exact same theory: get the image once, and shift it around and only display parts of it. #Why use CSS Sprites? It may seem counterintuitive to cram smaller images into a larger image. Let's look at some numbers on an actual example: That adds up to a total of 14.38KB to load the three images. #How do you use CSS Sprites? #Generate Sprites with Grunt / Gulp / Node $ npm install sprity -g $ sprity . #SVGs. SpriteMe. Offline.js – Handle your users losing their internet connection like a pro.

What is Offline.js? Offline.js is a library to automatically alert your users when they've lost internet connectivity, like Gmail. It captures AJAX requests which were made while the connection was down, and remakes them when it's back up, so your app reacts perfectly. It has a number of beautiful themes and requires no configuration. Install The easiest way to add Offline to your site is with Eager. Click Install to see a live preview of Offline on your website. Download Offline.js Pick a Theme Indicator Themes Submit a theme! Documentation HubSpot. Bitcoin, Litecoin : montez votre propre mineur ! : Composants informatique. Sails.js | Realtime MVC Framework for Node.js. AngularJS Best Practices: I’ve Been Doing It Wrong! Part 2 of 3 | Art & Logic Blog.

Three sanity-preserving ideas that will make me and you 10x more productive with real-world AngularJS applications This is the second in a three-part series on practical large-scale development with AngularJS. The TL;DR version is at the end of the article. If you have not read the first part, you might want to start with it. It lays out the foundation for the structure of a large-scale AngularJS project. In this part, I focus on automatic testing with AngularJS and ng-boilerplate project template. Part 2: Enjoyable Automated Testing Automatic testing is easy, natural, and helpful. Like any undesirable habit, the habit of not-testing-the-code can be fixed if tests are an integral part of our coding routine, and they get executed and checked without any conscious effort on our part.

So, what does Karma do for you? Thanks to integration with Grunt, every time you modify a file, the test suite gets a re-run, and test results are regenerated. The official documentation says it best.