background preloader

Site Web

Facebook Twitter

PhoneGap | Home. Angular directives for Bootstrap. The $uibPosition service provides a set of DOM utilities used internally to absolute-position an element in relation to another element (tooltips, popovers, typeaheads etc...). getRawNode(element) Takes a jQuery/jqLite element and converts it to a raw DOM element. parameters element(Type: object) - The element to convert. returns (Type: element) - A raw DOM element. parseStyle(element) Parses a numeric style value to a number.

Value(Type: string) - The style value to parse. (Type: number) - The numeric value of the style property. offsetParent(element) Gets the closest positioned ancestor. element(Type: element) - The element to get the offset parent for. (Type: element) - The closest positioned ancestor. scrollbarWidth(isBody) Calculates the browser scrollbar width and caches the result for future calls. IsBody(Type: boolean, Default: false, optional) - Is the requested scrollbar width for the body/html element. (Type: number) - The width of the browser scrollbar. position(element, includeMargins) CodePen - Front End Developer Playground & Code Editor in the Browser. Generateur d'ombrage via box-shadow en CSS3 - Design et programmation web2 - Dji. Create Interactive Online Presentations, infographics, animations & banners in HTML5 - Visme by Easy WebContent.

Category | Harnessing Collaborative Technologies. Example The Wall - The Wall - A Javascript plugin for Mootools. NUKnightLab/TimelineJS. Wagerfield/parallax. Fiddler - The Free Web Debugging Proxy by Telerik. Jxnblk/loading. Font catalogue. Brick. Bootflat. ScrollMagic - Demo. Mape/node-scraper. Marmelab/gremlins.js. Moment.js | Parse, validate, manipulate, and display dates in javascript.

Slick. Set up your HTML markup. <div class="your-class"><div>your content</div><div>your content</div><div>your content</div></div> Move the /slick folder into your project Add slick.css in your <head> <link rel="stylesheet" type="text/css" href="slick/slick.css"/> // Add the new slick-theme.css if you want the default styling <link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/> Add slick.js before your closing <body> tag, after jQuery (requires jQuery 1.7 +) Initialize your slider in your script file or an inline script tag When complete, your HTML should look something like: NOTE: I highly recommend putting your initialization script in an external JS file.

Animate.css. Alexwolfe/Buttons. Arbor.js. Trello. AngelList. LaunchRock - Set up a "Launching Soon" page in minutes. How child porn killed my app called YayNay — Interesting Innovation and Technology. Over a period of 6 months, two programmers and I, worked nights and weekends to create, launch and kill an iOS app called YayNay (hot or not for anything). We maintained full time jobs and families while pursuing this effort. Consumer apps are a hit or miss.

YayNay was a miss. Read on to learn a bit about our process and how child porn eventually did our app in. “You don’t almost land on an aircraft carrier” I came up with the idea of YayNay in the summer of 2013 while clothes shopping with my 12 year old daughter, Maren. Observing my daughter and the twitter and instagram behavior had me convinced building a “Yay or Nay” app would be a success because the app would align with existing human behavior. Creating products around existing human behavior is an idea I borrowed from BJ Fogg, who runs the Persuasive Technology Lab at Stanford. With a core idea very loosely verified in the marketplace I was ready to dive in and start creating this app.

How we built YayNay Brand and Colors Launch. 40 useful APIs for web designers and developers. An application programming interface (API) is a set of rules and specifications that software programs can follow to communicate or ‘interface’ with each other. As developers are well aware, there are hundreds of APIs out there for doing almost anything you could imagine online. Some are better than others, and some are definitely more useful than others. Below are forty of the most useful APIs out there. The included APIs will let you do everything from shortening a URL to displaying a book preview on your site to interacting with your Twitter account, and everything in between. Please share with us which APIs have you found most useful and feel free to recommend others that we may have missed… The Google APIs Google offers dozens of APIs for web designers and developers.

Some are specifically related to popular Google products, like Gmail and Analytics, while others are more specialized and aren’t part of public programs. All are free to use, of course. The Yahoo! Like Google, Yahoo! 40 useful APIs for web designers and developers. Products. Solutions — Futurelytics. Visualize Your SaaS Performance. Chart.js | HTML5 Charts for your website. Font Awesome Icons. Ember.js - A framework for creating ambitious web applications.

GitHub Pages. Personapp. Beautiful live chat software pricing for sales and support. In-browser Chat Our in-browser Olark chat makes connecting with your customer as easy as launching a browser! You can also connect using your favorite IM client. Targeted Chat Targeted chat lets you set rules to interact only with visitors who go to a specific page or behave in certain ways, so you can talk to the most important customers. CRM & Helpdesk Integrations Give your salespeople powerful information about customers and keep track of them over time with Olark live chat and your CRM. Customize Your Design Olark can match your design perfectly with customization features.

Sophisticated Insights Along with an integration with Google Analytics, you can learn about customer and operator behavior and how to improve your business overall. Offline Messages Never miss a customer. Developer API In addition to the awesome features we continue to develop, we offer a useful API that allows you to trick out Olark even further. Cobrowsing. Mockabilly // App for creating mockups on iPhone // iPhone app mockup. Canva – Amazingly simple graphic design for blogs, presentations, Facebook covers, flyers and so much more.

KISSmetrics Customer Intelligence & Web Analytics. LaunchRock - Set up a "Launching Soon" page in minutes. Online Survey and Benchmarking Application | Floq. Free Beautiful Online Survey & Form Builder | Typeform. Exécution périodique d'un script PHP. Il est fréquent dans le développement web d'avoir besoin d'un script s'exécutant régulièrement, pour nettoyer une base de données, faire des statistiques… Toutefois, la création d'un tel script varie selon le serveur utilisé, les restrictions, les moyens, et relève souvent du casse-tête.

Nous présenterons successivement plusieurs méthodes, avec leurs avantages, leurs limites, et le code PHP les implémentant pour configurer un tel script. À vous de choisir la plus adaptée à votre système. I-A. Comment lire cet article ? ▲ Si vous lisez cet article pour résoudre un problème précis, vous devriez peut-être commencer par lire les sections configurations, qui vous permettront de repérer les solutions utilisables sur votre serveur. Vous pouvez également commencer par lire le tableau récapitulatif en fin d'article qui vous aiguillera selon vos besoins.

Suivant votre système, différentes solutions sont possibles pour appeler un script PHP. III-A. III-B. III-C. Exemple de Cron Table Sélectionnez. Stanford Web Application Toolkit - Web Services Wiki. From Web Services Wiki Introduction The Stanford Web Application Toolkit (SWAT) is a set of tools designed to assist Stanford web developers in creating secure and robust PHP-based web applications. It gives the programmer straightforward methods for connecting to the database, searching the directory, authorization, sending e-mail, handling file uploads, defending against SPAM, and other common-but-often-tedious tasks.

SWAT has three primary goals: security, accessibility, and ease of use. The toolkit is broken down into several modules. Contents General How to get the Stanford Web Application Toolkit's version number StanfordApp This module functions as a light framework for Stanford web applications. StanfordAuthorization In conjunction with WebAuth, StanfordAuthorization serves as a convenient way to perform fine-grained authorization to permit or deny certain people from accessing parts of your application. StanfordData StanfordDatabase StanfordDirectory / StanfordPerson StanfordEmail. Appboy | App Marketing Automation. Online JSON Viewer. DevDocs.

.21,.89,.83,.67. How to build a multi-million dollar website without spending a cent. Adam Arbolino is the co-founder and CTO of, a logo, web and graphic design marketplace. Do you have a business idea keeping you awake at night? Are you putting it off because you think building the website is too much work or you don’t have the knowledge to do it? With the growth of open-sourced platforms and advent of ‘freemium pricing models’, the time to try is now. The site I co-founded,, grew from a garage office to a thriving marketplace with 148,000 designers, and businesses who have created $12 million worth of jobs, in just a few years by applying these ideas. Here are some pointers for entrepreneurs looking to start testing your concept or minimum viable product (MVP).

Step 1: Two is better than one Entrepreneurship can be a lonely game. Start networking and find a co-founder who shares your vision, and brings skills that are different from your own. Step 2: Code, baby, code A good entrepreneur recognises that speed is key. Gallery · mbostock/d3 Wiki. Wiki ▸ Gallery Welcome to the D3 gallery! More examples are available for forking on Observable; see my profile and the visualization collection. Feel free to publish and share your own! Visual Index Basic Charts Techniques, Interaction & Animation Maps Statistics Examples Collections The New York Times visualizations Jerome Cukier Jason Davies Jim Vallandingham Institute for Health Metrics and Evaluation Peter Cook Charts and Chart Components Bar Chart Histogram Pareto Chart Line and Area Chart Pie Chart Scatterplot and Bubble chart Parallel Coordinates, Parallel sets and Sankey Sunburst and Partition layout Force Layout Tree Misc Trees and Graphs Chord Layout (Circular Network) Maps Misc Charts Miscellaneous visualizations Charts using the reusable API Useful snippets Tools Interoperability Online Editors Products Store Apps Libraries Games.

GroundworkCSS ♥ A Responsive HTML5, CSS & Javascript Toolkit. ChurnBee. HTML KickStart - Ultra–Lean HTML Building Blocks for Rapid Website Production - KickStart your Website Production. Pure. Skeleton: Beautiful Boilerplate for Responsive, Mobile-Friendly Development. YAML CSS Framework — for truly flexible, accessible and responsive websites. Downloads and Customization. Complete Grab this version of Foundation if you want everything in the framework in simple, vanilla CSS and JS. Download Everything Essential A simple, lighter version that includes typography, the grid, buttons, Reveal and Interchange.**59kb (okay, plus dependencies). Download Essentials Custom Include or remove certain elements and define the size of columns, colors, font size and more.

Custom Download Sass Foundation is built using SCSS, and you can work with it in the same way. Install via SCSS. Initializr - Start an HTML5 Boilerplate project in 15 seconds! Log Management & Log Analytics From the Cloud – Logentries. SeeVolution, Inc. Providing website heatmaps and real time analytics for the global user. OpenERP - Beautiful Business Applications. Keypress – Une bibliothèque javascript pour détecter les touches du clavier. Si vous développez des jeux ou des applications un peu avancées en HTML, JS, CSS et que vous souhaitez apporter un contrôle au clavier un peu évolué, alors je vous invite à jeter un oeil à cette bibliothèque JS qui s'appelle Keypress.

Pour environ 9kb et sans aucune dépendance, vous serez capables de détecter les touches appuyées par l'internaute, soit à la suite, soit sous la forme d'un combo, et de faire réagir votre application en conséquence. Voici un exemple montrant comment utiliser Keypress pour détecter un combo de touche, puis compter, combien de fois une touche a été appuyée, puis remplir une variable si une séquence de touches (genre Konami code) a été détectée : Ainsi, vos internautes pourront se déplacer au clavier dans votre appli, lancer des actions avec des raccourcis ou s'éclater sur votre jeu avec toutes les combinaisons des touches possibles. Si vous souhaitez en savoir plus, Keypress c'est par là. Vous avez aimé cet article ? Live chat: Software that lifts customer support and sales! Une API pour générer de faux profils utilisateurs. Une API pour générer de faux profils utilisateurs Si vous cherchez à remplir votre site de test avec de faux profils utilisateurs, si vous cherchez l'inspiration pour remplir vos maquettes, ou si vous voulez disparaitre et refaire votre vie sous un nouveau nom sachez qu'il existe RandomUser, une API qui fournit de manière totalement aléatoire des profils utilisateurs.

Pour le moment, ces profils sont assez simples et comportent les informations suivantes : Sexe, nom, prénom, adresse postale, adresse email, mot de passe, hash MD5 de ce mot de passe, numéro de téléphone, numéro de sécu, photo et pseudo (appelé aussi "seed" qui est un genre d'ID permettant de retrouver ce profil) . Voici un exemple de JSON retourné : Pour faire appel à cette API, un petit coup de Javascript et c'est réglé : Il est même possible de cibler uniquement des profils hommes ou femmes comme ceci : Ou d'obtenir un json contenant plusieurs profils d'un coup comme ceci :

80 bonnes pratiques SEO. Si vous êtes un peu perdu avec votre référencement (SEO) et que vous cherchez en premier lieu par où commencer avec des choses "propres", la société Opquast a mis en ligne une liste contenant 80 bonnes pratiques SEO à respecter (si vous le pouvez). Cette liste est sous licence Creative Commons et est disponible aussi bien en ligne qu'en format Excel, OpenOffice, et pdf. Si vous voulez aller encore plus loin dans l'optimisation de votre site, Opquast a mis aussi en ligne une extension pour Firefox capable de scanner une page web et de vous indiquer des "problèmes" selon différentes checklists (SEO, Perf web, accessibilité...etc.) A tester d'urgence !

Rejoignez les 48966 korbenautes et réveillez le bidouilleur qui est en vous Suivez KorbenUn jour ça vous sauvera la vie.. Ou celle d'un(e) ami(e) Ink – Une boite à outils pour vos interfaces web. Ink – Une boite à outils pour vos interfaces web Si vous développez des sites, je vous invite aujourd'hui à découvrir la boite à outil Ink qui permet de créer rapidement des interfaces web. Tout est parfaitement documenté, et tout semble simple avec Ink. Vous serez capable rapidement de mettre en place le layout de votre choix, puis tous types de menus (verticaux, horizontaux), votre pagination..etc., sans oublier tout ce qui concerne la mise en page textuelle, les listes, les styles, les formulaires, les alertes...etc. Ink propose même toute une série d’icônes qui j'en suis certain fera plaisir à votre petit cœur.

Ink vous permettra de gagner pas mal de temps pour construire vos projets web en vous évitant de recoder tous les trucs de base. Vous avez aimé cet article ? Free web design resources & layered PSD files on Freebies Booth. CocoonJS. PlaceIt by Breezi - Generate Product Screenshots in Realistic Environments. Create beautiful dynamic data driven maps | CartoDB. Icon Search Engine | Iconfinder. The Noun Project. Générateur de QR Code design - Gratuit & Offres Premium - Unitag. Référencer son site. SeeVolution, Inc. Providing website heatmaps and real time analytics for the global user.