background preloader

Webdev

Facebook Twitter

CodyHouse. Demo - flowupLabels.js. 7 ressources Javascript pour manipuler la vidéo de manière originale. De plus en plus de sites se mettent en valeur grâce à diverses animations au survol, au scroll de la page ou tout simplement en continu. Pour les réaliser, il est bien sûr possible de faire appel à des techniques comme canvas, ou des animations en SVG, mais la barrière technique est assez lourde : trop peu de ressources, et beaucoup trop de temps nécessaire pour obtenir un résultat satisfaisant. Et si la vidéo était une solution de secours . Que ce soit sous forme naturelle en HTML 5 ou transformés sous forme de Gif, elle pourrait bien remplacer certaines animations nécessaires à votre site ! 7 Ressources pour manipuler la vidéo de manière originale Gifshot Gifshot est une library Javascript vous permettant de transformer une vidéo, une pile d'images ou un flux (une webcam par exemple) en gif, que vous pourrez contrôler avec Gifplayer.

Scroll video Ce petit pen vous propose un moyen de gérer la position de la vidéo avec le scroll de la page. CoverVid FitVids PrettyEmbed HTML5 Video Voting. TheStocks.im best royalty free stock photos in one place. Retrouver facilement une typographie à partir d'une image. Pour finir cette semaine, nous vous proposons un petit service qui pourra vous être utile si vous recherchez le nom d'une typographie.

Quelle typographie utilisez-vous ? Vous avez surement déjà entendu cette question ou vous l'avez vous-même posé à un de vos clients afin de connaître le nom de la police utilisée pour son logo. Malheureusement, il arrive souvent que des clients n'aient pas cette information sur leur identité visuelle. Plusieurs raisons peuvent en être la cause, par exemple ils n'ont aucun fichier sur les polices et ils ne connaissent pas le prestataire qui a réalisé leur communication. Vous pouvez également vous poser cette question si vous souhaitez connaître le nom de la typographie vue sur une affiche ou une création et qu'elle correspond parfaitement à votre projet en cours. Il existe un service très pratique "WhatTheFont" proposé par le site MyFonts qui permet de retrouver facilement une typographie à l'aide d'une simple image ! Présentation de l'interface. Free Flat Icons. Fontello - icon fonts generator.

Ankane/pghero. Bounce.js. Free Flat Icons. CSS3 Drop Shadows Generator - Application. Création d'icône gratuit. Permit.js Demo. .permit-issue-[permitName] Apply this class to an element (e.g. a button) to issue a permit. Replace [permitName] with one of the states you specified in the permits setting (e.g., permit-issue-premium). By default, the permit will be issued by clicking on the element. The permit that was in place prior to clicking on the element is revoked. You would use this in a variety of situations such as to simulate logging-in, upgrading, or for switching from online to offline mode. Data-permit-trigger (optional) You can change the default trigger from a click to any other jQuery mouse event by specifying it here. Example<a class="permit-issue-premium" data-permit-trigger="hover">Upgrade</a> data-permit-destination (optional) Set this attribute to a url to redirect the user to that location after execution.

Example<a class="permit-issue-premium" data-permit-destination="credit-card.html">Upgrade</a> .permit-revoke-all Apply this class to an element (e.g. a button) to revoke all permits. .permit-force. ScrollMe - For simple scrolling effects. Ouibounce example page. Responsive Lazy Loading plugin for JQuery | BttrLazyLoading. Jquery plugin radio buttons to slider. Icons DB - free custom icons. 12 packs d'icons gratuits à télécharger autour du voyage et des transports.

Configuration d'un serveur dédié de A à Z. Tous les tutoriels dans l'ordre, pour mettre en place un serveur web avec Apache, PHP, MySQL, FTP, Postfix, des services de monitoring, de sauvegarde, un brin de sécurité, et le panel DTC. Installation, configuration et administration d'un serveur dédié Ces tutoriaux ont été réalisés sous Debian (versions Etch 4.0 et Lenny 5.0) mais peuvent être transposés à d'autres distributions Linux, notamment Ubuntu. Ils sont applicables aux serveurs dédiés 1&1, Dedibox, OVH, Amen, et bien d'autres. Tous les tutoriaux sont basés sur un serveur nommé test.alsacreations.com pour lequel nous disposons d'un utilisateur dew et d'un accès root (super-administrateur), chacun avec leur propre mot de passe. Nous partons de l'idée d'obtenir un serveur web avec tout ce qu'il faut pour héberger plusieurs domaines et sites. Liste complète sans panel web Ces tutoriaux conviennent à l'installation complète d'un serveur Liste complète avec panel d'administration DTC.

Google Fonts - Preview, Style & Use Top Google Fonts. Tools, jQuery Plugins And Resources For Web Designers. Finding a cool new app or plugin is exciting, especially if you are able to share it with your friends and colleagues. Web designers and developers all over the world are providing the most up to date web tools and the latest are in this article. Tasks that used to take a long time to complete can now be done in a matter of seconds. These tools and apps allow creative minds to make progress with new ideas. There are many apps that will help save time and money and these time saving resources are what developers and designers love. In this article you will find a lot of these wanted tools, these great resources that improve our workflow and our work quality.

Even though some of these resources may seem similar to the ones that you are currently using, you have to keep in mind that newer jQuery plugins, for example, usually offer greater functionality and have a smaller size. Framer.js: A prototyping toolkit Jeet: A grid system for humans Responsive tables Single Element CSS Spinners Gridlover. Favicon Generator - Generate favicon pictures and HTML. 50 Free CSS-Only Icons for Website Graphics. Get the FlatPix UI Kit for only $7 - Learn More or Buy Now Modern CSS trends have blown up so quickly that it can be difficult to keep up with all the new stuff.

Online projects which most surprise me involve pure CSS designs for layouts, animations, and icons. There is still plenty of use for icon sprite sheets in the right context. But why not try out modern trends for the users who have upgraded from legacy browsers? This gallery includes fifty examples of my favorite CSS-based icon designs. Iconex Flat Icons Pure CSS Cloud Map Marker Icon Tech Devices Animated Compass Full NES Console Pure CSS MacBook Tweetbot Icon Computing Devices Hanging Picture Frames Animated Trash Icon Mail Icon Hamburger Menu Icon Pure CSS Ribbon Google Browser Icons Opera Logo Icon CSS Microphone Pure-CSS Owl Animated Clock Taj Mahal Squirrel Pure CSS3 Arrows Google Logos Santa Icon Peeling Sticky CSS3-Only Animals Minions in Pure CSS RSS Feed Icon Credit Card Flat Camera CSS3 Calendar Burger App Icon Currency Icon Flat Gift Icon Eric Cartman.

Découvrez JR, un generateur de site (vraiment) statique. Vous avez besoin de mettre en place un CMS rapidement pour un blog, et n'avez pas envie pour autant de vous prendre la tete ? Je vous propose aujourd'hui de découvrir JR, un générateur de sites statiques vraiment très statiques ! Connaissez-vous les générateurs de sites statiques ? Ces CMS ont la particularité de vous faire générer toutes les pages de votre blog (ou site vitrine) avant de les mettre en ligne. De cette manière, vos visiteurs ne voient que des pages HTML (très rapide, sécurise, simple à mettre en cache et à compresser, les avantages sont nombreux. Ce n'est pas la première fois que je parle des sites statiques sur ce site, j'y avais déjà évoqué Jekyll dans un précédent article, néanmoins celui que je vais vous présenter aujourd'hui est vraiment très spécial. JR est un générateur de site statique qui a la particularité de déléguer la génération des pages au navigateur, ce qui présente de nombreux avantages et quelques inconvénients, comme nous allons le voir.

Et c'est tout ? Jekyll • Simple, blog-aware, static sites. LimeJS HTML5 Game Framework. Collection of 10 Best Free jQuery Plugins of May 2014. There are many web developers and designers who are actively working on developing various free jQuery plugins every day. Every month lots of free and open source jQuery plugins gets released. For the month of may 2014, we have a list of 10 best jQuery plugins which can help you enhance and optimize your websites and other applications . 1. Phono Phono is a simple jQuery plugin and JavaScript library that turns any web browser into a phone; capable of making phone calls and sending instant messages. 2.

Using jQuery File Uploader you can add drag and drop feature to your web apps, including ajax upload and progress bar. 3. Multiscroll.js is another free jQuery plugin to create divided multi scrolling websites with two vertical scrolling panels. multiScroll.js supports all modern browsers, including Internet Explorer 8, 9, Opera 12. 4. Waterpipe.js is an open source free jQuery plugin for smoky backgrounds generation (HTML5 Canvas). 5. 6. 7. 8. 9. 10. About The Author Nirajan Bom Malla. 7 Applications Twitter Gratuites Pour Faire De L'analytics.

Les billets de la série Marketing sont ouverts au parrainage. Si vous voulez parrainer un de nos billets, merci de consulter la rubrique « annonceurs » . Vous utilisez Twitter pour promouvoir votre entreprise ? Savez-vous alors comment mesurer l’engagement ou l’impact de votre compte ? Connaissez-vous l’évolution du nombre de vos abonnés au cours des derniers mois ? Réussissez-vous à évaluer la portée de vos tweets ? Si vous souhaitez analyser votre compte Twitter avec précision, je vous invite à découvrir ma sélection de 7 applications Twitter dédiées à l’analytics. 1. Twitter Counter est proposé par Twitter.com. L’identification via le protocole Oauth est nécessaire pour l’utilisation de ce service. J’aime : le graphisme correspondant à l’évolution du nombre d’abonnés et du nombre de tweets (onglet « mixed »), la fonctionnalité qui compare l’activité de plusieurs comptes Twitter (3 au maximum). 2. 3.

Là encore, il s’agit d’une application Twitter très intéressante. Onglet « profile » 4. Our 30 Best Bootstrap Themes. Bootstrap has brought us an unprecedented level of ease and speed for whipping up prototypes and even fully functional websites. We've got a ton of amazing Bootstrap themes on Creative Market, but here's a special selection of thirty of our favorites. Bootstrap Admin Themes 1. Awesome Admin - A Bootstrap 3 theme A nice, minimal Bootstrap admin theme with tons of great features: Flot charts, custom galleries and lightboxes, alternate tab styles, and Isotope advanced layouts. 2. Flato Admin is a full admin skin based on Bootstrap 3.0. 3. 14+ custom responsive pages with clean, commented HTML5/CSS3, all built on Bootstrap. 4. Sunrise Admin is a modern Bootstrap template for any backend, user interface or administration, both for desktop, iPad and mobile users. 5. Universal Admin is a premium admin template built on top of the Bootstrap Framework. 6.

A fun and colorful admin theme with plenty of charts, sliders, and custom panels. 7. Boostrap Ecommerce Themes 8. 9. 10. 11. 12. 13. 14. 15. 16.

Couleurs

E-mailing. 15 Best Sublime Text Plugins for Developers. Sublime Text Edior is well known name amonsgt developers, if you are a developer you cant underestimate the power of this tool. Sublime Text is a cross-platform text and source code editor, with a Python application programming interface (API). Sublime Text is proprietary software. Its functionality is extendable with plugins. Most of the extending packages have free-software licenses and are community-built and maintained. Though Sublime is fully enriched with plugins and features but still myriad of plugins are available which make this tool useful for almost every type of developers (newbie + professionals). In this article we have gathered a list of Best Sublime Text Plugins which are capable of doing almost everything for developers and help them to perform several hassle free tasks. 1.

Emmet (formerly Zen Coding) is a web-developer’s toolkit that can greatly improve your HTML & CSS workflow. 2. Package Control is the Sublime Text package manager. 3. 4. 5. 7. 9. 9. 10. 11. 12. 13. 11 banques d'images gratuites pour garnir vos projets. Velocity.js. Free Stock Photos | Stockvault.net - Free Photos - Free Images. 10 ressources javascript pour créer vos formulaires. Les formulaires sont sans conteste un des piliers du web actuel. Ils sont la clé de voute de toute application nécessitant de communiquer avec les visiteurs, et sont donc à considérer avec le plus grand soin, tant au niveau des interactions qu'au niveau de l'expérience utilisateur.

Pour vous aider à peaufiner vos formulaires, je vous propose ici une série de 10 ressources jquery centrées sur la mise en place, la vérification et la personnalisation des formulaires. Floatlabels J'en ai déjà parlé, mais les placeholders sont pour moi une erreur sur le plan expérience utilisateur : une fois que l'on a commencé à tapper, le titre du champ n'est plus accessible. Il faut donc vider et quitter le champ pour retrouver cette information. FloatLabels vous propose de transformer ces placeholders en labels quand ils ne sont plus accessibles. Placeholdem Validetta Passy Passy est une petite ressource vous permettant de vérifier la force des mots de passe de vos utilisateurs. Power ranger jQuery Color picker. Une application HTML5 “desktop” en mode offline. Durant une de mes récentes missions j’ai eu la chance de développer une application HTML5 en mode offline. Cette application a pour coeur de métier le calcul de structures dans le bâtiment. En gros, l’ingénieur bâtiment va sur un chantier avec son laptop ou sa tablette, ouvre l’application et rentre des données de mesures physiques pour voir si à tout hasard le bâtiment ne risque pas de s’écrouler ^^.

Toute la logique métier est donc côté client et une connexion au serveur web permet juste de télécharger l’application une première fois, puis de faire des mises à jour. La grande question est pourquoi avoir choisi des technos Web pour faire une application “desktop” offline ? Dans cet article, je vous présenterai donc les différentes technos, APIs que j’ai utilisé pour développer cette application mais surtout je vous dévoilerai les 20% d’écueils qui ont pris 80% de mon temps !

Mon ingénieur en bâtiment, il n’aura pas forcément de connexion internet sur les chantiers. En exemple : Ecueils.

Wordpress

Shepherd — Guide your users through a tour of your app. Simple Modal - Another window modal. Masonry.