Mes liens
796 shaares
As long as there has been jQuery there have been image carousels created with jQuery. The famous jCarousel has been out since 2006, the same year the first version of jQuery was released. However, with the explosion of users now using their mobile devices for their internet browsing — on iPhones, iPads, and the like — it becomes necessary for jQuery plugins to support a good user experience on these devices. Enter Flexisel, the responsive image carousel with options specifically available for adapting the carousel for mobile and tablet devices.
Check out the demo here. Resize your browser window to see how you the plugin can adjust to the window width.
Flexisel will adapt responsively as the screen width gets smaller...
Check out the demo here. Resize your browser window to see how you the plugin can adjust to the window width.
Flexisel will adapt responsively as the screen width gets smaller...
Image gallery lightboxes have been around for many years. They generally provide a great user experience until you attempt to load an image which is larger than the viewport dimensions. Developers often forget this important check and you’re presented with a centered image which is difficult to remove. The problem can be exacerbated on mobile devices.
Until recently, image lightboxes would need to implement several equations to determine the viewport and image dimensions then size and center accordingly. Fortunately, we can now rely on CSS3 media queries and transforms to do the hard work for us.
Until recently, image lightboxes would need to implement several equations to determine the viewport and image dimensions then size and center accordingly. Fortunately, we can now rely on CSS3 media queries and transforms to do the hard work for us.
qy.share est un logiciel gratuit vous permettant de partager du contenu numérique (photos, vidéos, etc…) avec vos amis à travers le web, sans devoir les stocker ailleurs. Vos fichiers restent donc stockés sur le disque dur de votre ordinateur et vous évite ainsi de perdre le contrôle de vos données personnelles.
The jQuery slider that just slides. No fancy effects or unnecessary markup, and it’s less than 3kb.
Fluid, flexible, fantastically minimal. Use any HTML in your slides, extend with CSS. You have full control.
Fluid, flexible, fantastically minimal. Use any HTML in your slides, extend with CSS. You have full control.
Online CSS Editor - Style your website the way you like
The power of styling is now in your hands. bluePen can be easily installed even on a dynamic website.
The power of styling is now in your hands. bluePen can be easily installed even on a dynamic website.
The problem with most CSS3 based breadcrumbs is that they use border based triangles for the arrows which is awful.
This tutorial also uses CSS Counters to number the breadcrumb links. The first breadcrumb displays the use of gradients for the links whereas the second demo uses flat colors along with transitioned hover effects for the navigation.
This tutorial also uses CSS Counters to number the breadcrumb links. The first breadcrumb displays the use of gradients for the links whereas the second demo uses flat colors along with transitioned hover effects for the navigation.
Something Chris Coyier, Dave Rupert and I joked about recently was the idea of a stylesheet dedicated to housing your nasty, hacky, quick-fix CSS. I’ve been thinking a lot more about it lately and I reckon it’s actually a pretty good idea; here’s why…
The problem : We all know that, no matter how hard we may try, sometimes we do need to use quick fixes, hacks and questionable techniques in our code. It happens, whether we like to admit it or not.
The problem : We all know that, no matter how hard we may try, sometimes we do need to use quick fixes, hacks and questionable techniques in our code. It happens, whether we like to admit it or not.
Create your frontend code simple and quickly with Bootstrap
using our Drag & Drop Interface Builder.
using our Drag & Drop Interface Builder.
How of many of you remember Compuserve? What about Prodigy? I'm asking because, back in the good ‘ole days, they were popular services that allowed you to communicate with other people from all over the world. In many cases, they offered complementary services, such as forums or classified services, not to mention a pretty appealing user interface (for the time).
Some of you may be too young to even know about those services, but I'll go out on a limb and assume that everyone's used either AOL Instant Messenger, Skype, or Yahoo! Messenger at some point. The main thing is that they were meant to facilitate communication. In the ever-growing world of remote teams and worldwide collaboration on projects, the ability to get good, immediate feedback is critical to solving problems. Interestingly enough, all of the services that I noted above, while awesome in their own way, have taken a backseat to another medium for developers: IRC.
Some of you may be too young to even know about those services, but I'll go out on a limb and assume that everyone's used either AOL Instant Messenger, Skype, or Yahoo! Messenger at some point. The main thing is that they were meant to facilitate communication. In the ever-growing world of remote teams and worldwide collaboration on projects, the ability to get good, immediate feedback is critical to solving problems. Interestingly enough, all of the services that I noted above, while awesome in their own way, have taken a backseat to another medium for developers: IRC.
Daiyuu Nobori va peut-être au travers de ces travaux à l'université de Tsukuba au Japon, révolutionner l'Internet sans censure. C'est même pour cela qu'il a créé son projet, SoftEther, qu'il a lancé le 8 mars 2013 et qui fait suite à sa première idée lancée en 2010 sous le nom de UT-VPN. C'est aujourd'hui, un service de VPN entièrement gratuit que l'on peut qualifier de décentralisé, comme l'est par exemple TOR.
Son projet SoftEther signifiant Software Ethernet, est donc un service de VPN basé sur le partage des ressources serveurs selon la volonté de chacun. Un logiciel client et un logiciel pour les serveurs est mis à la disposition de tout le monde, gratuitement. Les volontaires installeront le client sur leurs serveurs afin de permettre aux utilisateurs du client sur leurs ordinateurs d'en profiter. Ces derniers pourront alors se connecter partout dans le monde de façon plus sécurisée et surtout contourner les censures mais on reste quand même dépendants des scripts potentiellement malveillants installés sur des serveurs par des "méchants".
Il ne s'agît bien sûr pas d'avoir un tunnel ultra-rapide, puisque les ressources d'un serveur seront partagées à plusieurs centaines, mais ce système se veut aussi être une alternative à TOR qui souffre un peu de lenteurs.
Son projet SoftEther signifiant Software Ethernet, est donc un service de VPN basé sur le partage des ressources serveurs selon la volonté de chacun. Un logiciel client et un logiciel pour les serveurs est mis à la disposition de tout le monde, gratuitement. Les volontaires installeront le client sur leurs serveurs afin de permettre aux utilisateurs du client sur leurs ordinateurs d'en profiter. Ces derniers pourront alors se connecter partout dans le monde de façon plus sécurisée et surtout contourner les censures mais on reste quand même dépendants des scripts potentiellement malveillants installés sur des serveurs par des "méchants".
Il ne s'agît bien sûr pas d'avoir un tunnel ultra-rapide, puisque les ressources d'un serveur seront partagées à plusieurs centaines, mais ce système se veut aussi être une alternative à TOR qui souffre un peu de lenteurs.
Medoo is extremely lightweight with only one file, easy-to-use, easy-to-learn, and optimized for high performance to increase the development experience and user experience for web application. It`s suitable for every PHP development project with SQL database needed.
Depuis quelques mois, beaucoup de développeurs et d’intégrateurs web entendent parler de responsive design , c’est à dire avoir un seul site web qui s’adapte parfaitement à la taille de l’écran de l’utilisateur…
Seulement au final, peu de sociétés ont le courage de se lancer dans cette voie, et de transformer leur site pour que celui-ci soit “100% responsive”. En effet, cela demande énormément de travail : il faut un design totalement adapté, une intégration quasi-parfaite, des choix marketing importants, une recette plus complète (définitions d’écran * navigateurs web = démultiplication du nombre de tests), etc.
Aujourd’hui, je vais donc vous présenter rapidement en quoi consiste la création d’un site responsive, et comment transformer, sans trop d’efforts, votre site classique en un site agréable à consulter sur tablettes et smartphones !
Seulement au final, peu de sociétés ont le courage de se lancer dans cette voie, et de transformer leur site pour que celui-ci soit “100% responsive”. En effet, cela demande énormément de travail : il faut un design totalement adapté, une intégration quasi-parfaite, des choix marketing importants, une recette plus complète (définitions d’écran * navigateurs web = démultiplication du nombre de tests), etc.
Aujourd’hui, je vais donc vous présenter rapidement en quoi consiste la création d’un site responsive, et comment transformer, sans trop d’efforts, votre site classique en un site agréable à consulter sur tablettes et smartphones !
I used to ignore CSS generators because I thought that there isn’t any use for them. This happened before CSS3 when I didn’t need a generator to create something, however with the gaining popularity that CSS3 had, I had to move towards it and start learning it to adapt to the new standards as most web designers did.
These are very interesting tools which can help you a lot when wanting to learn CSS3 faster. Although most people don’t use them like that, instead they use it just to… well, generate CSS code.
It’s not a crime to generate CSS code, a lot of people are also using CSS generators because time is really important and these tools save a lot of time. Imagine that there’s a CSS generator for almost everything: border generator, background generator, box generator, gradient generator, shadow generator and the most popular buttons or menu generators.
These are very interesting tools which can help you a lot when wanting to learn CSS3 faster. Although most people don’t use them like that, instead they use it just to… well, generate CSS code.
It’s not a crime to generate CSS code, a lot of people are also using CSS generators because time is really important and these tools save a lot of time. Imagine that there’s a CSS generator for almost everything: border generator, background generator, box generator, gradient generator, shadow generator and the most popular buttons or menu generators.
Bluetouff est hacker et est co-fondateur du site reflets.info. Qui sont les hackers ? Que font ils ? Pour qui ? Pour quoi ?
This tiny (5KB, < 200 lines) JQuery Bootstrap plugin turns any DIV into a WYSIWYG rich-content editor, inspired by CLEditor and bootstrap-wysihtml5.
Ce que cette page se propose d'apporter, ce sont des liens vers des références sur :
- Vos obligations et vos responsabilités en tant que webmaster/blogueur.
- Des conseils à suivre pour ne pas vous créer des problèmes légaux avec votre site.
- Des conseils à suivre au cas où vous seriez victime d'un problème.
- Des liens à propos du droit sur le net.
Bien que je prenne un soin particulier à vérifier mes sources, je ne suis pas avocat et je ne peux donc pas garantir de l'exactitude de ce qui se trouve ici. Cette page est ici pour vous servir de mémo ou d'aide, pas d'une référence.
Il m'est également possible d'oublier ou de me tromper sur certaines références légales. N'hésitez pas à me contacter si vous pensez que c'est nécessaire.
Les références proviennent des textes de la loi Française, donc appliquées en France uniquement (votre pays prévoit peut-être des dispositions similaires ou différentes).
- Vos obligations et vos responsabilités en tant que webmaster/blogueur.
- Des conseils à suivre pour ne pas vous créer des problèmes légaux avec votre site.
- Des conseils à suivre au cas où vous seriez victime d'un problème.
- Des liens à propos du droit sur le net.
Bien que je prenne un soin particulier à vérifier mes sources, je ne suis pas avocat et je ne peux donc pas garantir de l'exactitude de ce qui se trouve ici. Cette page est ici pour vous servir de mémo ou d'aide, pas d'une référence.
Il m'est également possible d'oublier ou de me tromper sur certaines références légales. N'hésitez pas à me contacter si vous pensez que c'est nécessaire.
Les références proviennent des textes de la loi Française, donc appliquées en France uniquement (votre pays prévoit peut-être des dispositions similaires ou différentes).
This utility was developed as part of Intervals to deal with the problems posed by certain email clients (namely Outlook 2007 and Google Gmail) when it comes to the way they handle styling contained in HTML emails. As many web developers and designers already know, certain email clients are notorious for their lack of CSS support. While attempts are being made to develop common email standards, implementation is still a ways off.
The primary problem with uncooperative email clients is that most tend to only regard inline CSS, discarding all <style> elements and links to stylesheets in <link> elements. Emogrifier solves this problem by converting CSS styles into inline style attributes in your HTML code.
The primary problem with uncooperative email clients is that most tend to only regard inline CSS, discarding all <style> elements and links to stylesheets in <link> elements. Emogrifier solves this problem by converting CSS styles into inline style attributes in your HTML code.
Chardin.js is a jQuery plugin that creates a simple overlay to display instructions on existent elements. It is inspired by the recent Gmail new composer tour which I loved.
Encrypting email with Encipher.it is a simple way to protect your sensitive data. You can encrypt emails or text messages and only the recipient can decrypt it with correct password. Encipher.it integrated with google mail and many other web applications.
This application use Advanced Encryption Standard algorithm to protect your data. All encoding and decoding is performed by your computer.
This application use Advanced Encryption Standard algorithm to protect your data. All encoding and decoding is performed by your computer.
Pour faire simple, un moteur de Template est une technique de programmation populaire qui permet de séparer distinctement l'interface graphique du reste de votre application.
Notez que par interface graphique j'entends toute la partie visuelle, la GUI, l'Interface, l'IHM, le skin, le visage, la moumoute, appelez ça comme vous voulez, ça n'en restera pas moins la partie qui constitue la communication visuelle avec l'utilisateur on ne parle donc pas uniquement du design mais aussi de la structure, de l'ergonomie, des animations etc...
Typiquement, un Template de projet web contiendra tous les fichiers html (structure),css et images (style/design) et JavaScript (animations).
Ainsi dans un projet web par exemple, le moteur de Template vous permettra d'avoir un fichier purement html/css/javascript d'un coté, et un fichier purement php/asp/java/... de l'autre vous dissociez donc d'un coté la vue (l'aspect visuel html/css etc..) des contrôleurs (le traitement pur des données via php/asp/java/ etc..)
Notez que par interface graphique j'entends toute la partie visuelle, la GUI, l'Interface, l'IHM, le skin, le visage, la moumoute, appelez ça comme vous voulez, ça n'en restera pas moins la partie qui constitue la communication visuelle avec l'utilisateur on ne parle donc pas uniquement du design mais aussi de la structure, de l'ergonomie, des animations etc...
Typiquement, un Template de projet web contiendra tous les fichiers html (structure),css et images (style/design) et JavaScript (animations).
Ainsi dans un projet web par exemple, le moteur de Template vous permettra d'avoir un fichier purement html/css/javascript d'un coté, et un fichier purement php/asp/java/... de l'autre vous dissociez donc d'un coté la vue (l'aspect visuel html/css etc..) des contrôleurs (le traitement pur des données via php/asp/java/ etc..)