Mes liens
796 shaares
Over the last sixteen years, we've accumulated an arsenal of tools and knowledge that serve as an invaluable resource to both inspire and empower designers around the world. We've collected these awesome assets all in one place, the library. We think you'll love it.
Streaming, recording, Video and Audio - Guides and Tutorials
Love them or hate them, social sharing buttons appear to be with us for a while. It seemed like we were constantly making custom buttons for every single project, so we decided to create a super flexible system that would work in any container.
RRSSB is built with SASS, so you can easily customize it by tweaking a few variables. SVGs allow for tiny file size and retina support. Add or remove icons as you see fit — the rest will fill in automagically in the container.
RRSSB is built with SASS, so you can easily customize it by tweaking a few variables. SVGs allow for tiny file size and retina support. Add or remove icons as you see fit — the rest will fill in automagically in the container.
A curated list of amazingly awesome awesomeness
I’m always interested in the development details of other products, particularly their styleguides and approach to CSS. Given my penchant for the otherwise inane CSS details, I decided to write a bit about GitHub’s CSS.
CSS is not an overly complex language. But even if you’ve been writing CSS for many years, you probably still come across new things — properties you’ve never used, values you’ve never considered, or specification details you never knew about.
In my research, I come across new little tidbits all the time, so I thought I’d share some of them in this post. Admittedly, not everything in this post will have a ton of immediate practical value, but maybe you can mentally file some of these away for later use.
In my research, I come across new little tidbits all the time, so I thought I’d share some of them in this post. Admittedly, not everything in this post will have a ton of immediate practical value, but maybe you can mentally file some of these away for later use.
Dukto is one of my long-lived software project, it’s now at the 6th release, with many improvements over the previous versions. One of the main changes of this release is the new user interface inspired to the Metro style UI developed by Microsoft for the new releases of Windows Phone, Windows, Xbox and all the other Microsoft products. Since I like the simplicity, the essentiality of this kind of UI, I’ve decided to make a new Dukto interface for all the supported platforms.
If you don’t know Dukto, I can tell you that it’s an easy file transfer tool designed for LAN use. I use it in my everyday work to transfer files from one PC (or other device) to another, without worrying about users, permissions, operating systems, protocols, clients, servers and so on… Just start Dukto on the two PCs and transfer files and folders by dragging onto it’s window. That’s all.
If you don’t know Dukto, I can tell you that it’s an easy file transfer tool designed for LAN use. I use it in my everyday work to transfer files from one PC (or other device) to another, without worrying about users, permissions, operating systems, protocols, clients, servers and so on… Just start Dukto on the two PCs and transfer files and folders by dragging onto it’s window. That’s all.
LibraryBox is an open source, portable digital file distribution tool based on inexpensive hardware that enables delivery of educational, healthcare, and other vital information to individuals off the grid.
Dans son livre « Raspberry Pi Cookbok » (le livre de cuisine du Raspberry Pi) Simon MONK propose une recette transformant notre Raspberry Pi en émetteur FM.
Le RasPi émettra un signal dans la bande FM (87,5 à 108 MHz). Ce signal pourra être reçu par un récepteur radio réglé sur la fréquence de notre émission.
Le RasPi émettra un signal dans la bande FM (87,5 à 108 MHz). Ce signal pourra être reçu par un récepteur radio réglé sur la fréquence de notre émission.
The Vibration API1 is an API specifically made for mobile devices as they are thankfully the only devices that have a vibrate function. The API allows developers to vibrate a device (in a pattern) for a given duration.
By now, we’ve all encountered captcha images in online forms. Captchas are a necessary evil, and this article will teach you how they’re made.
Please note that while there are better, automatic third party solutions for captchas out there such as ReCaptcha, this tutorial aims merely to explain and demonstrate how such technology actually works. We won’t be explaining what captchas actually are, as it’s assumed to be common knowledge and already covered in greater detail elsewhere.
Please note that while there are better, automatic third party solutions for captchas out there such as ReCaptcha, this tutorial aims merely to explain and demonstrate how such technology actually works. We won’t be explaining what captchas actually are, as it’s assumed to be common knowledge and already covered in greater detail elsewhere.
With the 3rd version of the great Bootstrap out for about 4 and a half months now, people have had their time to play around with it, learn the changes, find new features, and build amazing things.
I love Twitter’s Bootstrap. I find that when developing with it, either Bootstrap 2 (2.3.2) or Bootstrap 3, that I always need to apply custom styles at the different sizes. Especially when going beyond Bootstrap’s standard functionality. After all, it’s just a front-end framework.
Below you’ll find nicely formatted Media Queries for starting with either of the Bootstrap versions. You can use this as a starting point for your projects. It’s basically what I use when creating a new website or webapp. I’ve also provided links to Github for quick access.
Below you’ll find nicely formatted Media Queries for starting with either of the Bootstrap versions. You can use this as a starting point for your projects. It’s basically what I use when creating a new website or webapp. I’ve also provided links to Github for quick access.
Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit!
Something like an upgraded `EXPLAIN` command for browser. Highlights and explains MySQL queries. It gives also hints and links. Hope it will help
A list of minimalist frameworks (simple and lightweight). All in alphabetical order.
As for the image lightboxes, I have always lacked simplicity for them. I mean not only the visual design, but the overall experience: from implementation to UX. All due respect, but I have never liked any of these light-fancy-face-boxes. They all were solving problems that just don't exist: lots of unwanted features by default, total mess in markup, no native behavior for touch screens. I was working on a project and needed an image lightbox that solves these problems. I needed a lightbox only for images, not video, text, and iframes at once. I made ImageLightbox.js.
The term CSS delivery simply means "the way CSS stuff happens on a webpage". CSS can be used many ways by a web page and still work. Since there are many ways to use it, there exist many different CSS setups. Your CSS should help your webpage render fast, not slow down your webpage.
The way CSS is used on a webpage has overwhelmingly been determined by designers, not website owners. So the web designer is making lovely, well commented CSS code and has been placing it in several different files for clarity. They think, with merit, "I have done an amazing wonderful job". This is what they have been taught.
Unfortunately this practise and others ends up killing the performance of web pages.
As this realization gets out there, you will notice that web designers will start making code that helps their users by working as fast as possible, however, for the moment... You probably have CSS that is hurting your website rather than helping it.
The way CSS is used on a webpage has overwhelmingly been determined by designers, not website owners. So the web designer is making lovely, well commented CSS code and has been placing it in several different files for clarity. They think, with merit, "I have done an amazing wonderful job". This is what they have been taught.
Unfortunately this practise and others ends up killing the performance of web pages.
As this realization gets out there, you will notice that web designers will start making code that helps their users by working as fast as possible, however, for the moment... You probably have CSS that is hurting your website rather than helping it.
DevDocs combines multiple API documentations in a fast, organized, and searchable interface. Here's what you should know before you start:
1-To pick your docs, click Select documentation in the bottom left corner
2-You don't have to use your mouse — see the list of keyboard shortcuts
3-The search supports fuzzy matching (e.g. "bgcp" brings up "background-clip")
4-To search a specific documentation, type its name (or an abbreviation), then Tab
5-You can search using your browser's address bar — learn how
DevDocs works on mobile and can be installed on Chrome and Firefox.
For the latest news, subscribe to the newsletter or follow @DevDocs
DevDocs is free and open source
If you like the app, please consider funding the project on Gittip. Thanks!
Sponsored by MaxCDN
That's all. Happy coding!
1-To pick your docs, click Select documentation in the bottom left corner
2-You don't have to use your mouse — see the list of keyboard shortcuts
3-The search supports fuzzy matching (e.g. "bgcp" brings up "background-clip")
4-To search a specific documentation, type its name (or an abbreviation), then Tab
5-You can search using your browser's address bar — learn how
DevDocs works on mobile and can be installed on Chrome and Firefox.
For the latest news, subscribe to the newsletter or follow @DevDocs
DevDocs is free and open source
If you like the app, please consider funding the project on Gittip. Thanks!
Sponsored by MaxCDN
That's all. Happy coding!
Patterns for the people, by the people
Internet is omnipotent these days but what is more important than website is the web application. Most of the business users as well as a large number of common users are usually on portable or mobile devices and they don’t always have an access to a network. With HTML5’s Application Cache, you can provide them with all or some of the functionality they would have online, no matter where they go. To undertake the process of building a cache with HTML5 for offline access, first of all, requires using a cache manifest file. This is quite simple!
A demonstration of what can be accomplished through CSS-based design. Select any style sheet from the list to load it into this page.
THE ROAD TO ENLIGHTENMENT
Littering a dark and dreary road lay the past relics of browser-specific tags, incompatible DOMs, broken CSS support, and abandoned browsers.
We must clear the mind of the past. Web enlightenment has been achieved thanks to the tireless efforts of folk like the W3C, WASP, and the major browser creators.
The CSS Zen Garden invites you to relax and meditate on the important lessons of the masters. Begin to see with clarity. Learn to use the time-honored techniques in new and invigorating fashion. Become one with the web.
SO WHAT IS THIS ABOUT?
There is a continuing need to show the power of CSS. The Zen Garden aims to excite, inspire, and encourage participation. To begin, view some of the existing designs in the list. Clicking on any one will load the style sheet into this very page. The HTML remains the same, the only thing that has changed is the external CSS file. Yes, really.
CSS allows complete and total control over the style of a hypertext document. The only way this can be illustrated in a way that gets people excited is by demonstrating what it can truly be, once the reins are placed in the hands of those able to create beauty from structure. Designers and coders alike have contributed to the beauty of the web; we can always push it further.
THE ROAD TO ENLIGHTENMENT
Littering a dark and dreary road lay the past relics of browser-specific tags, incompatible DOMs, broken CSS support, and abandoned browsers.
We must clear the mind of the past. Web enlightenment has been achieved thanks to the tireless efforts of folk like the W3C, WASP, and the major browser creators.
The CSS Zen Garden invites you to relax and meditate on the important lessons of the masters. Begin to see with clarity. Learn to use the time-honored techniques in new and invigorating fashion. Become one with the web.
SO WHAT IS THIS ABOUT?
There is a continuing need to show the power of CSS. The Zen Garden aims to excite, inspire, and encourage participation. To begin, view some of the existing designs in the list. Clicking on any one will load the style sheet into this very page. The HTML remains the same, the only thing that has changed is the external CSS file. Yes, really.
CSS allows complete and total control over the style of a hypertext document. The only way this can be illustrated in a way that gets people excited is by demonstrating what it can truly be, once the reins are placed in the hands of those able to create beauty from structure. Designers and coders alike have contributed to the beauty of the web; we can always push it further.
The service is to convert an Apache's .htaccess to nginx configuration instructions.
First of all, the service was thought as a mod_rewrite to nginx converter. However, it allows you to convert some other instructions that have reason to be ported from Apache to nginx.
Not server instructions (e.g. php_value, etc.) are ignored.
The converter does not check syntax, including regular expressions and logic errors.
First of all, the service was thought as a mod_rewrite to nginx converter. However, it allows you to convert some other instructions that have reason to be ported from Apache to nginx.
Not server instructions (e.g. php_value, etc.) are ignored.
The converter does not check syntax, including regular expressions and logic errors.
Here are some tools and topics that marked 2013y sorted by the number of your votes and views. Tell us about your favorite tool in the comment section.
Cmder is a software package created out of pure frustration over the absence of nice console emulators on Windows. It is based on amazing software, and spiced up with the Monokai color scheme and a custom prompt layout. Looking sexy from the start.
The Web's Largest Community Tracking Online Fraud & Abuse
Project Honey Pot is the first and only distributed system for identifying spammers and the spambots they use to scrape addresses from your website. Using the Project Honey Pot system you can install addresses that are custom-tagged to the time and IP address of a visitor to your site. If one of these addresses begins receiving email we not only can tell that the messages are spam, but also the exact moment when the address was harvested and the IP address that gathered it.
To participate in Project Honey Pot, webmasters need only install the Project Honey Pot software somewhere on their website. We handle the rest — automatically distributing addresses and receiving the mail they generate. As a result, we anticipate installing Project Honey Pot should not increase the traffic or load to your website.
Project Honey Pot is the first and only distributed system for identifying spammers and the spambots they use to scrape addresses from your website. Using the Project Honey Pot system you can install addresses that are custom-tagged to the time and IP address of a visitor to your site. If one of these addresses begins receiving email we not only can tell that the messages are spam, but also the exact moment when the address was harvested and the IP address that gathered it.
To participate in Project Honey Pot, webmasters need only install the Project Honey Pot software somewhere on their website. We handle the rest — automatically distributing addresses and receiving the mail they generate. As a result, we anticipate installing Project Honey Pot should not increase the traffic or load to your website.
Old versions of Windows, Mac and Linux Software, Apps & Abandonware Games, etc
The biggest free abandonware collection in the universe
Polymer is a new type of library for the web, built on top of Web Components, and designed to leverage the evolving web platform on modern browsers.
- Architectural diagram
- A set of polyfills for emerging web platform features. Initially, these core features are enabled as polyfills but go away over time as browsers implement them.
- A next-generation web application framework built upon these core technologies.
- A set of comprehensive UI and utility components for building web applications.
- Architectural diagram
- A set of polyfills for emerging web platform features. Initially, these core features are enabled as polyfills but go away over time as browsers implement them.
- A next-generation web application framework built upon these core technologies.
- A set of comprehensive UI and utility components for building web applications.
Freepik is a search engine that helps graphic and web designers to locate high quality photos, vectors, illustrations and PSD files for their creative projects.
Freepik tracks and locates free graphic content on the Internet and it displays the results in an orderly layout for easy access. Freepik makes it easier for you to find the files you need without manually searching dozens of websites
Freepik tracks and locates free graphic content on the Internet and it displays the results in an orderly layout for easy access. Freepik makes it easier for you to find the files you need without manually searching dozens of websites
What is OSS ?
OSS (OpenSourceStore) is a open source project written in PHP.
The name OSS is an anagram of SOS and can be traducted by "OpenSourceStore" or "OpenSourceSolution".
The goal of the project is to propose an IHM for discovering new open source PHP projects, trying these and keeping these into your own domain.
Why do you use the OSS client ?
You can use the client for deploying any open source project on your apache/nginx server in a few seconds.
So you can try some of open source project to get the One you've searched.
Why do you use the OSS server (the store) ?
You can use the server (the store) for giving an alternative of the standard store (example : your are a very bad developper (like me) and you would like to shaare your projects all the same, you can do it by building your own store and diffusing its adress).
OSS (OpenSourceStore) is a open source project written in PHP.
The name OSS is an anagram of SOS and can be traducted by "OpenSourceStore" or "OpenSourceSolution".
The goal of the project is to propose an IHM for discovering new open source PHP projects, trying these and keeping these into your own domain.
Why do you use the OSS client ?
You can use the client for deploying any open source project on your apache/nginx server in a few seconds.
So you can try some of open source project to get the One you've searched.
Why do you use the OSS server (the store) ?
You can use the server (the store) for giving an alternative of the standard store (example : your are a very bad developper (like me) and you would like to shaare your projects all the same, you can do it by building your own store and diffusing its adress).
Online Tools for Creative People and Web Developper
Dart is a new language for scalable web app engineering.
glogg is a multi-platform GUI application to browse and search through long or complex log files. It is designed with programmers and system administrators in mind. glogg can be seen as a graphical, interactive combination of grep and less.
MintEmail.com is a no-click disposable email system. By simply visiting this site, you will be assigned a temporary email address. Use it on a website that requires email verification and when the email is received it will pop up instantly in this box. Once your email is received, the title bar will be updated.
TinyPNG uses smart lossy compression techniques to reduce the file size of your PNG files. By selectively decreasing the number of colours in the image, fewer bytes are required to store the data. The effect is nearly invisible but it makes a very large difference in file size!
Email anywhere. On any device - How HTML email was meant to be read.
Reach out your tentacles to a broad range of people who subscribe to your emails. Our CSS framework helps you craft HTML emails that can be read anywhere on any device. Gone are the days where you had to choose between Outlook and email optimized for smartphones and tablets. Ink's responsive, 12-column grid blends flexibility and stability so your readers can view your emails perfectly from wherever they may be.
Reach out your tentacles to a broad range of people who subscribe to your emails. Our CSS framework helps you craft HTML emails that can be read anywhere on any device. Gone are the days where you had to choose between Outlook and email optimized for smartphones and tablets. Ink's responsive, 12-column grid blends flexibility and stability so your readers can view your emails perfectly from wherever they may be.
Welcome to the open-source Codepath Android Cliffnotes! Our goal is to become the central crowdsourced resource for complete and up-to-date Android content and tutorials. Just take me to the notes!
We have guides for everyone whether you are beginner, intermediate or advanced. Want to learn how to use the ActionBar or the ins and outs of fragments? We got that. Want to learn about testing or how to build flexible user interfaces for multiple devices? We got you covered. We don't waste time with the "theoretical approach" you might get from a book. We cover exactly the things we use every day as we are developing apps for contracts.
We have guides for everyone whether you are beginner, intermediate or advanced. Want to learn how to use the ActionBar or the ins and outs of fragments? We got that. Want to learn about testing or how to build flexible user interfaces for multiple devices? We got you covered. We don't waste time with the "theoretical approach" you might get from a book. We cover exactly the things we use every day as we are developing apps for contracts.
All windows users who connect to their Linux servers need not have an introduction about this great tool called PuTTY. But for those who are new, here is what PuTTY is : It is a SSH and telnet client, developed originally by Simon Tatham for the Windows platform. Click here to know more about putty. Here we shall see those 10 tips & tricks you were never known about PuTTY.
A text encryption tool, based on AES cryptography
How it works:
Mark needs to send personal text to Sarah, and wants that only Sarah can read it.
Mark writes here in Input field the text.
A password is automatically created. Or Mark and Sarah can estabilish a password for every communications over a secure channel (by voice, for example).
Mark can send the encrypted field OR the sharing url field over an insecure channel (for example a chat, mail, Skype, Facebook etc) where Sarah can read it.
Sarah opens the sharing url (or opens this page and pastes the encrypted text), enters the password and can read the original message in the decrypted field.
Note:MyWhisper.net and NOBODY in the network can technically see neither the original text nor the password, and not even the encrypted text if sharing url version isn't used, because all stuffs are only in Mark and Sarah browsers and all encryption/decryption is performed by their browsers with javascript. Therefore HTTPS/SSL access is useless.
How it works:
Mark needs to send personal text to Sarah, and wants that only Sarah can read it.
Mark writes here in Input field the text.
A password is automatically created. Or Mark and Sarah can estabilish a password for every communications over a secure channel (by voice, for example).
Mark can send the encrypted field OR the sharing url field over an insecure channel (for example a chat, mail, Skype, Facebook etc) where Sarah can read it.
Sarah opens the sharing url (or opens this page and pastes the encrypted text), enters the password and can read the original message in the decrypted field.
Note:MyWhisper.net and NOBODY in the network can technically see neither the original text nor the password, and not even the encrypted text if sharing url version isn't used, because all stuffs are only in Mark and Sarah browsers and all encryption/decryption is performed by their browsers with javascript. Therefore HTTPS/SSL access is useless.
Most text data on the web is comprised of HTML, Javascript, and CSS. These formats don’t lend themselves to lossy compression formats. So you’re limited to lossless encoders, which don’t offer the dramatic compression ratios of some lossy image and video codecs. So how do you shrink your web-app’s footprint without going insane? This article will walk you through the process, and help you keep your sanity.
Ever needed custom formatted sample / test data, like, bad? Well, that's the idea of this script. It's a free, open source tool written in JavaScript, PHP and MySQL that lets you quickly generate large volumes of custom data in a variety of formats for use in testing software, populating databases, and... so on and so forth.
This site offers an online demo where you're welcome to tinker around to get a sense of what the script does, what features it offers and how it works. Then, once you've whet your appetite, there's a free, fully functional, GNU-licensed version available for download. Alternatively, if you want to avoid the hassle of setting it up on your own server, you can donate $20 or more to get an account on this site, letting you generate up to 5,000 records at a time (instead of the maximum 100), and let you save your data sets. Click on the Donate tab for more information.
This site offers an online demo where you're welcome to tinker around to get a sense of what the script does, what features it offers and how it works. Then, once you've whet your appetite, there's a free, fully functional, GNU-licensed version available for download. Alternatively, if you want to avoid the hassle of setting it up on your own server, you can donate $20 or more to get an account on this site, letting you generate up to 5,000 records at a time (instead of the maximum 100), and let you save your data sets. Click on the Donate tab for more information.
One of my favorite security measures here at Perishable Press is the site’s virtual Blackhole trap for bad bots. The concept is simple: include a hidden link to a robots.txt-forbidden directory somewhere on your pages. Bots that ignore or disobey your robots rules will crawl the link and fall into the trap, which then performs a WHOIS Lookup and records the event in the blackhole data file. Once added to the blacklist data file, bad bots immediately are denied access to your site. I call it the “one-strike” rule: bots have one chance to follow the robots.txt protocol, check the site’s robots.txt file, and obey its directives. Failure to comply results in immediate banishment. The best part is that the Blackhole only affects bad bots: normal users never see the hidden link, and good bots obey the robots rules in the first place.
TypeWonder, making the choice of web fonts so enjoyable!
Enter the site url and preview instantly the fonts with-out any hassle !
Enter the site url and preview instantly the fonts with-out any hassle !
We have created an Amazon AMI (Amazon Machine Image) to allow for quick and easy installs of Ghost. This means rather than having a blank Linux image that you then have to install node.js, npm, Ghost, etc. on, it will already be all setup and running once Amazon creates your instance.
This is our very first version of this, so we will be making many upgrades to it in the future (specific www user, better logging, etc) but this should get the job done for now (you can always make those changes yourself if you want). If you would rather install Ghost from scratch instead of using our AMI, check out this article. Now on to the install!
This is our very first version of this, so we will be making many upgrades to it in the future (specific www user, better logging, etc) but this should get the job done for now (you can always make those changes yourself if you want). If you would rather install Ghost from scratch instead of using our AMI, check out this article. Now on to the install!
Design custom maps
Easily add fast beautiful maps to your sites and apps.
We help people spot local bars on foursquare, choose hotels on Hipmunk, and organize their lives with Evernote. Maps are the context and canvas for everything mobile and social, and we are the platform for making them tailored to fit your product.
Easily add fast beautiful maps to your sites and apps.
We help people spot local bars on foursquare, choose hotels on Hipmunk, and organize their lives with Evernote. Maps are the context and canvas for everything mobile and social, and we are the platform for making them tailored to fit your product.
We have covered a lot of cool CSS3 capabilities – from Color Gradients, Transtions, and Animation. Actually, there are also several properties in CSS2 that is really useful but is less-known, including one we are going to discuss in this post: CSS Counter.
As you may already knew, when we add lists with the <ol> element, the list is numbered automatically. By using CSS Counter, we can even number any element. So, let’s see how it is done.
As you may already knew, when we add lists with the <ol> element, the list is numbered automatically. By using CSS Counter, we can even number any element. So, let’s see how it is done.
Tridiv is a web-based editor for creating 3D shapes in CSS.
Making 3D in CSS has never been easied !
Making 3D in CSS has never been easied !
Archive your tweets to easily browse and search them - all on your own website and in your control. See an example installation on my website: http://tweet.xoofoo.org
Refusez PRISM, le programme de surveillance globale des données de la NSA. Arrêtez de déclarer vos activités en ligne au gouvernement américain avec ces alternatives libres aux logiciels propriétaires.