796 shaares
111 results
tagged
Friendly
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.
Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit!
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!
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.
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.
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.
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.
Online Tools for Creative People and Web Developper
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.
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.
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!
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.
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!
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.