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.
CAcert.org is a community driven Certificate Authority that issues certificates to the public at large for free.
CAcert's goal is to promote awareness and education on computer security through the use of encryption, specifically with the X.509 family of standards. We have compiled a document base (Wiki) that has helpful hints and tips on setting up encryption with common software, and general information about Public Key Infrastructures (PKI).
For the enthusiast looking to dip their toe in the water, we have an easy way of obtaining certificates you can use with your email program. You can use these not only to encrypt, but to prove to your friends and family that your email really does come from you.
For administrators looking to protect the services they offer, we provide host and wild card certificates which you can issue almost immediately. Not only can you use these to protect websites, but also POP3, SMTP and IMAP connections, to list but a few. Unlike other certificate authorities, we don't limit the strength of the certificates, or the use of wild card certificates. Everyone should have the right to security and to protect their privacy, not just those looking to run ecommerce sites.
If you're extremely serious about encryption, you can join CAcert's Assurance Programme and Web of Trust. This allows you to have your identity verified to obtain added benefits, including longer length certificates and the ability to include your name on email certificates.
CAcert's goal is to promote awareness and education on computer security through the use of encryption, specifically with the X.509 family of standards. We have compiled a document base (Wiki) that has helpful hints and tips on setting up encryption with common software, and general information about Public Key Infrastructures (PKI).
For the enthusiast looking to dip their toe in the water, we have an easy way of obtaining certificates you can use with your email program. You can use these not only to encrypt, but to prove to your friends and family that your email really does come from you.
For administrators looking to protect the services they offer, we provide host and wild card certificates which you can issue almost immediately. Not only can you use these to protect websites, but also POP3, SMTP and IMAP connections, to list but a few. Unlike other certificate authorities, we don't limit the strength of the certificates, or the use of wild card certificates. Everyone should have the right to security and to protect their privacy, not just those looking to run ecommerce sites.
If you're extremely serious about encryption, you can join CAcert's Assurance Programme and Web of Trust. This allows you to have your identity verified to obtain added benefits, including longer length certificates and the ability to include your name on email certificates.
StartSSL™ est la nouvelle marque déposée pour des produits et des solutions de l'autorité de certification de StartCom®.
StartCom® t'offre la diverse infrastructure principale publique (PKI) et d'autres solutions numériques de sécurité pour vos affaires et usage personnel.
StartCom® t'offre la diverse infrastructure principale publique (PKI) et d'autres solutions numériques de sécurité pour vos affaires et usage personnel.
PHP Error, error reporting done right!
Better error messages, full syntax highlighting, code snippets, and works for ajax too
Better error messages, full syntax highlighting, code snippets, and works for ajax too
ICEcoder is an open-source browser code editor, which provides a modern approach to building websites. By allowing you to code directly within the web browser, online or offline, it means you only need one program (your browser) to develop sites, plus can test on actual web servers. After development, you can also maintain the website easily, all of which make for speedy and smart development.
Because it can be web based you can use it from any internet enabled computer with a modern browser and because it's open-source, customise it to your liking, integrating with online services. If you'd like to use it as a desktop code editor, no problems, you only need PHP 5.0+ (though 5.3+ is recommeded), so you can use on Linux and on PC via MAMP or XAMPP and Mac via WAMP (or another PHP installation).
ICEcoder was created because web devs (like myself) always complained their code editor didn't do exactly what they like. They're often bloated with features, slow and awkward. Conversely, ICEcoder is lightweight (under 1.2mb including all plugins) and boots in seconds (often 1-2s). Oh, and it's also free (and always will be!). Enjoy!
Because it can be web based you can use it from any internet enabled computer with a modern browser and because it's open-source, customise it to your liking, integrating with online services. If you'd like to use it as a desktop code editor, no problems, you only need PHP 5.0+ (though 5.3+ is recommeded), so you can use on Linux and on PC via MAMP or XAMPP and Mac via WAMP (or another PHP installation).
ICEcoder was created because web devs (like myself) always complained their code editor didn't do exactly what they like. They're often bloated with features, slow and awkward. Conversely, ICEcoder is lightweight (under 1.2mb including all plugins) and boots in seconds (often 1-2s). Oh, and it's also free (and always will be!). Enjoy!
Gaupol is an editor for text-based subtitle files. It supports multiple subtitle file formats and provides means of creating subtitles, editing texts and timing subtitles to match video. The user interface is designed with attention to batch processing of multiple documents and convenience of translating.
Gaupol should run on all Unix-like (GNU/Linux, *BSD, etc.) operating systems and on Windows. Technically, it should run on Mac as well, but that has not been tested nor made convenient. Gaupol's user interface is based on the GTK+ toolkit and has been designed to best fit the GNOME desktop environment.
Gaupol includes a separately installable, user-interface-independent, general-purpose Python package called aeidon for reading, writing and manipulating text-based subtitle files. See the development page for details.
Gaupol is free software released under the GNU General Public License (GPL).
Gaupol should run on all Unix-like (GNU/Linux, *BSD, etc.) operating systems and on Windows. Technically, it should run on Mac as well, but that has not been tested nor made convenient. Gaupol's user interface is based on the GTK+ toolkit and has been designed to best fit the GNOME desktop environment.
Gaupol includes a separately installable, user-interface-independent, general-purpose Python package called aeidon for reading, writing and manipulating text-based subtitle files. See the development page for details.
Gaupol is free software released under the GNU General Public License (GPL).
HTML is super easy to write, but when creating webpages you often need to do the same repetitive tasks, such as creating forms. In this article, I have compiled 10+ ready-to-use HTML snippets to fasten your front-end coding.
Include pace.js and the theme css of your choice, and you get a beautiful progress indicator for your page load and ajax navigation.
No need to hook into any of your code, progress is detected automatically.
No need to hook into any of your code, progress is detected automatically.
Today we’d like to show you some ideas for creative loading effects. Nowadays, many different page loading animations are used in websites; just think of the subtle red loading bar seen on YouTube. When loading something on a page, be it images or the next content, we don’t have to be restricted to a tiny loading indicator but we can get creative and big. So the idea is to indicate that something is happening in a stylish way without creating too much distraction for the user. There might be actions where this might not be adequate, but in some situations it might be quite fitting and amplifying for the overall design.
Please note that the examples only serve as inspiration, they are dummies and not meant for production. You’ll have to use the transitions or animation together with a custom JavaScript solution.
Please note that the examples only serve as inspiration, they are dummies and not meant for production. You’ll have to use the transitions or animation together with a custom JavaScript solution.
You're minding your own business, casually browsing around on the World Wide Web. You navigate to a page that begins to load and render, but suddenly it stalls. For a few seconds you stare at a partial white screen, appalled at the hiatus your device has placed on your browsing flow. Finally, the page yields and loads the remainder of the content. What just happened? It's likely that you've fallen prey to a poorly implemented Facebook, Twitter, or Google Plus share button.
Social Networking widgets are a digital blot on the beautiful canvas we call the web. They often do not (with intent) blend with a site's design or with each other.
Social Networking widgets are a digital blot on the beautiful canvas we call the web. They often do not (with intent) blend with a site's design or with each other.
A simple li'l plugin that lets you make site content easily tweetable.
Inspired (and by inspired I mean I stole this) from a recent New York Times article doing the exact same thing.
Inspired (and by inspired I mean I stole this) from a recent New York Times article doing the exact same thing.
The default log format offered by apache is only semi-structured. It appears, as a human reading it, to have some kind of reasonable structure. However, to process this with the logstash grok filter, it requires a complex and expensive regular expression to parse it.
The best case for log formats is if you can simply emit them in a structured format from the application itself. This will reduce any extra parsing in the future!
The best case for log formats is if you can simply emit them in a structured format from the application itself. This will reduce any extra parsing in the future!
Responsive elements makes it possible for any element to adapt and respond to the area they occupy. It's a tiny javascript library that you can drop into your projects today.
Provide JSON and get a DOM node with a human representation of that JSON.
Why? At Event Fabric we need to display JSON to people from all technical levels without being too technical but also without losing information about the underlying JSON object.
Why? At Event Fabric we need to display JSON to people from all technical levels without being too technical but also without losing information about the underlying JSON object.
annyang is a tiny javascript library that lets your visitors control your site with voice commands.
annyang supports multiple languages, has no dependencies, weighs less than 1kb and is free to use.
annyang supports multiple languages, has no dependencies, weighs less than 1kb and is free to use.
DeepSound is a steganography tool that hides secret data into audio files - wave and flac. The application also enables you to extract secret files directly from wav, flac, wma lossless or audio CD tracks. DeepSound might be used as copyright marking software for wave, flac, wma and audio CD. DeepSound also support encrypting secret files using AES-256(Advanced Encryption Standard) to improve data protection.
It was predicted that computer graphics would one day give everyone the ability to create their own blockbuster film. But the software used for modern visual effects is still pretty complicated for the average user. At least until this magical software that can almost instantly turn a still photo into a 3D model is available.
Demonstrated at Siggraph Asia 2013, the software only requires the user to define the three dimensions of an object in a photo by swiping along them with a mouse cursor. Everything else, from generating and texturing the 3D model, to extracting it from the 2D photograph, are all handled by the software. It does away with the need for 3D scanners, multiple images, complex interfaces, and most importantly: artistic talent.
Demonstrated at Siggraph Asia 2013, the software only requires the user to define the three dimensions of an object in a photo by swiping along them with a mouse cursor. Everything else, from generating and texturing the 3D model, to extracting it from the 2D photograph, are all handled by the software. It does away with the need for 3D scanners, multiple images, complex interfaces, and most importantly: artistic talent.
The Geolocation API of HTML5 helps in identifying the user’s location, which can be used to provide location specific information or route navigation details to the user.
There are many techniques used to identify the location of the user. A desktop browser generally uses WIFI or IP based positioning techniques whereas a mobile browser uses cell triangulation, GPS, A-GPS, WIFI based positioning techniques, etc. The Geolocation API will use any one of these techniques to identify the user’s location.
The Geolocation API protects the user’s privacy by mandating that the user permission should be sought and obtained before sending the location information of the user to any website. So the user will be prompted with a popover or dialog requesting for the user’s permission to share the location information. The user can accept or deny the request.
There are many techniques used to identify the location of the user. A desktop browser generally uses WIFI or IP based positioning techniques whereas a mobile browser uses cell triangulation, GPS, A-GPS, WIFI based positioning techniques, etc. The Geolocation API will use any one of these techniques to identify the user’s location.
The Geolocation API protects the user’s privacy by mandating that the user permission should be sought and obtained before sending the location information of the user to any website. So the user will be prompted with a popover or dialog requesting for the user’s permission to share the location information. The user can accept or deny the request.
Test your website on any screen size including desktops, tablets, televisions, and mobile phones.
Today we’d like to share another set of transition effects with you. This time we’ll explore transitions for sidebars or off-canvas content like the one we’ve used in the Multi-Level Push Menu. The idea is to show some hidden sidebar with a subtle transition on the element itself and also on the remaining content. Usually the sidebar slides in, pushing the other content to the side. But there are many more possibilities for subtle and fancy effects and today we want to give you some inspiration.
The structure of our demo is very specific because we want to be able to show all effects in one page only. But in general, we need a sidebar element that will be either inside or outside of a push wrapper, depending on whether we want the sidebar to be on top of the push wrapper or under it.
The structure of our demo is very specific because we want to be able to show all effects in one page only. But in general, we need a sidebar element that will be either inside or outside of a push wrapper, depending on whether we want the sidebar to be on top of the push wrapper or under it.
There’s a lot of outdated information on the Web that leads new PHP users astray, propagating bad practices and insecure code. PHP: The Right Way is an easy-to-read, quick reference for PHP popular coding standards, links to authoritative tutorials around the Web and what the contributors consider to be best practices at the present time.
There is no canonical way to use PHP. This website aims to introduce new PHP developers to some topics which they may not discover until it is too late, and aims to give seasoned pros some fresh ideas on those topics they’ve been doing for years without ever reconsidering. This website will also not tell you which tools to use, but instead offer suggestions for multiple options, when possible explaining the differences in approach and use-case.
This is a living document and will continue to be updated with more helpful information and examples as they become available.
There is no canonical way to use PHP. This website aims to introduce new PHP developers to some topics which they may not discover until it is too late, and aims to give seasoned pros some fresh ideas on those topics they’ve been doing for years without ever reconsidering. This website will also not tell you which tools to use, but instead offer suggestions for multiple options, when possible explaining the differences in approach and use-case.
This is a living document and will continue to be updated with more helpful information and examples as they become available.
Spritebox is a WYSIWYG tool to help web designers quickly and easily create CSS classes and IDs from a single sprite image. It is based on the principle of using the background-position property to align areas of a sprite image into block elements of a web page. It was made using a combination of JQuery, CSS3 and HTML5, and is totally free to use.
Icon Slayer generates all the icon sizes you need for iOS and Android apps.
Load your artwork into Icon Slayer, choose your options, then export for a tidy collection "ready to go" into your development environmen
Load your artwork into Icon Slayer, choose your options, then export for a tidy collection "ready to go" into your development environmen
Tutorial and exemples for using :NTH-CHILD
There are literally thousands of books available for web designers and developers online. There has been no language, no point of discussion, or no trend that has not, at one time or another, been extensively explored and analysed, and eventually published into a book.
If you do a simple web search on any web topic, you will find a book, if not a multitude of books, that has been competently written on that particular subject. Of course, you will have to pay for these books.
Today we have a selection of ebooks for you covering most aspects of web design and development. And the best thing about these books is that they are all FREE!
If you do a simple web search on any web topic, you will find a book, if not a multitude of books, that has been competently written on that particular subject. Of course, you will have to pay for these books.
Today we have a selection of ebooks for you covering most aspects of web design and development. And the best thing about these books is that they are all FREE!
Your data, your rules.
Securely self-hosting your websites, email, files and more has never been easier (or cheaper!). Decentralize your web and reclaim your privacy rights while keeping the conveniences you need.
Securely self-hosting your websites, email, files and more has never been easier (or cheaper!). Decentralize your web and reclaim your privacy rights while keeping the conveniences you need.
Generate CSS3 code quickly and easily with Create CSS3. Generates CSS3 for all the major browsers (Safari, Chrome, FireFox, Opera and IE). Created by Jason Stockton.
Device.js makes it easy to write Conditional JavaScript & CSS based on device operating system (iOS, Android, Blackberry), orientation (Portrait vs. Landscape), and type (Tablet vs. Mobile).
Spending hours manually designing your pages for the responsive web? Layout your pages in minutes for beautifully responsive pages on desktops, tablets and smartphones.
If you don't already know, GitHub is an incredibly effective way to collaborate on development projects. Providing a place for anyone with an internet connection to have an avenue where they can share code with the world for free (not to mention the robust supporting tools for source inspection and easy viewing of commit histories). GitHub has been adopted by many large open-source projects as their primary home for collaboration and contribution.
But how do you join in and contribute to a project? Sure, you know how to use Git to track changes to files and push those files to a server. But there are major benefits to getting involved in larger open-source projects, and GitHub is arguably the best place to start. Today, we will discuss a few rules of the road for collaborating on open source projects, and give you the knowledge and intuition you will need to get involved.
But how do you join in and contribute to a project? Sure, you know how to use Git to track changes to files and push those files to a server. But there are major benefits to getting involved in larger open-source projects, and GitHub is arguably the best place to start. Today, we will discuss a few rules of the road for collaborating on open source projects, and give you the knowledge and intuition you will need to get involved.
Si l'on compare ces chiffres à l'an dernier, on peut noter une nette amélioration des résultats globaux. On passe d'un score Unixbench tout juste en dessous des 400 l'année précédente, à plus de 826 cette année.
Compilr is an online compiler & IDE. Start writing code in minutes directly from your web browser using Compilr. No installs, no setup, no hassles!
extractCSS is an online tool which can extract ids, classes and inline styles from HTML document and output them as CSS stylesheet. All you have to do is to type or paste your HTML document and let extractCSS to do the rest for you!
What is RandomUser?
RandomUser is an API that provides you with a randomly generated user. These users can be used as placeholders in web mockups, and will save you time from creating your own placeholder information.
RandomUser is an API that provides you with a randomly generated user. These users can be used as placeholders in web mockups, and will save you time from creating your own placeholder information.
The Web Blend is a community for designers, developers and tech junkies that keeps you current with a summary of the latest in web related news and trends.
Everyone loves LESS. After all, who isn't tired of typing all the browser prefixes to make some kick-ass CSS3? But don't you wish you could organize your LESS/CSS styles into some well-organized libraries, and then just serve a single file to the browser? Or render your page without relying on JavaScript or command-line geekery? Wouldn't it be great if you could just edit LESS, and then save CSS?
Prototype iPhone apps with simple HTML, CSS, and JS components.
A minimalist writing zone, where you can block out all distractions and get to what's important. The writing!
To get started, all you need to do is delete this text (seriously, just highlight it and hit delete), and fill the page with your own fantastic words.
You can use bold, italics, both and urls just by highlighting the text and selecting them from the tiny options box that appears above it.
To get started, all you need to do is delete this text (seriously, just highlight it and hit delete), and fill the page with your own fantastic words.
You can use bold, italics, both and urls just by highlighting the text and selecting them from the tiny options box that appears above it.
Ink is a set of tools for quick development of web interfaces.
It offers a fluid and responsive grid, common interface elements, interactive components, a design-first approach with ease of use and simplicity at its core. Start integrating Ink in your projects and remove the hassle of building the basics, staying free to focus on what's important.
It offers a fluid and responsive grid, common interface elements, interactive components, a design-first approach with ease of use and simplicity at its core. Start integrating Ink in your projects and remove the hassle of building the basics, staying free to focus on what's important.
A modern, fast web-mail client with user-friendly encryption and privacy features. 100% Free and Open Source software
If I were to describe Font Awesome in a word, I think it would be...awesome. The icon font library is massively helpful in using quality vector glyphs instead of separate images. I tend to use a lot of icons within links, as they help users to more quickly visually identify navigation. One side effect of using icons within links is that the icons themselves now use the text-decoration of the link. I really don't want icons underlined like the link -- it looks tacky. Here's how I remove them!
I’m not the pioneer of this method (yet I have dared to name it Absolute Centering), and it may even be a common technique, however, most vertical centering articles never mention it and I had never seen it until I dug through the comments section of a particular article.
There, Simon linked to this jsFiddle that blew every other method out of the water (the same method was also mentioned by Priit in the comments). Researching further, I had to use very specific keywords to find some other sources for this method.
Having never used this technique before, I put it to the test and discovered how incredible Absolute Centering really is.
There, Simon linked to this jsFiddle that blew every other method out of the water (the same method was also mentioned by Priit in the comments). Researching further, I had to use very specific keywords to find some other sources for this method.
Having never used this technique before, I put it to the test and discovered how incredible Absolute Centering really is.
Despite the huge amount of knowledge being shared on the subject of responsive design, I get the feeling that the workflow is still very mysterious. I’ve been thinking about a right process for quite a long time and finally came up with what I think is a good look at the practical side of designing websites in 2013.
Are you learning to code and need an easy, free way to host your projects? GitHub pages is your answer. Not only is it an easy hosting solution for websites with HTML, CSS, and JavaScript files, but it also gives you practice using Git, an important but tricky tool. This step-by-step guide gets you up to speed in minutes.
In working on large, long running projects with dozens of developers, it is important that we all work in a unified way in order to, among other things:
- Keep stylesheets maintainable
- Keep code transparent and readable
- Keep stylesheets scalable
There are a variety of techniques we must employ in order to satisfy these goals.
The first part of this document will deal with syntax, formatting and CSS anatomy, the second part will deal with approach, mindframe and attitude toward writing and architecting CSS. Exciting, huh?
- Keep stylesheets maintainable
- Keep code transparent and readable
- Keep stylesheets scalable
There are a variety of techniques we must employ in order to satisfy these goals.
The first part of this document will deal with syntax, formatting and CSS anatomy, the second part will deal with approach, mindframe and attitude toward writing and architecting CSS. Exciting, huh?
slimMenu is a lightweight jQuery plugin, which is made to create responsive and multi-level navigation menus on the fly.
HTML (Hyper Text Markup Language) is set of tags and rules to create web pages with attractive design to be displayed on the web browser. HTML 5 is the latest and the current version of HTML. The previous version was HTML 4. HTML 5 has lot of advanced features and facilities that give your website a rich, highly interactive and excellent look and feel through its latest and sophisticated Graphical User Interface (GUI) support.
The aim of creating HTML 5 was to define a single markup language that can be written in both HTML and XHTML. HTML 5 has many special enhancements, advancements and Application Programming Interface (APIs) support for different type of web applications whether they are simple or complex.
The aim of creating HTML 5 was to define a single markup language that can be written in both HTML and XHTML. HTML 5 has many special enhancements, advancements and Application Programming Interface (APIs) support for different type of web applications whether they are simple or complex.
A new photo community for sharing your photographs.
Upload, organise, and share your photographs alongside others.
Upload, organise, and share your photographs alongside others.
Daux.io is an documentation generator that uses a simple folder structure and Markdown files to create custom documentation on the fly. It helps you create great looking documentation in a developer friendly way.
Here’s something interesting that you may not have realized about CSS3 transitions. Normally, you’ll see a transition declared something like this: ...