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.
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.
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.
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.
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.
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.
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.
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!
Patterns for the people, by the people