When we are styling forms with CSS, we can style the text fields and buttons easily. However, File inputs (<input type=”file” />) are the bane of beautiful form design. No rendering engine provides the granular control over their presentation designers desire. Shaun Inman (founder of Mint) has shown us a simple, three-part progressive enhancement provides the markup, CSS, and JavaScript to address the long-standing irritation. We are now be able to style File input buttons as well.
Requirements: Modern Browsers with Javascript Enabled
Demo: http://www.shauninman.com/assets/examples/styling-file-inputs/
License: License Free
CodePress is a web-based source code editor with syntax highlighting written in JavaScript that colors text in real time while it’s being typed in the browser. It supports PHP, Java, Javascript, Perl, SQL, HTML and CSS. CodePress is distributed under the LGPL. It provides the following features.
- Real-time syntax highlighting » just write some code
- Code snippets » on PHP example type “if” and press [tab]
- Auto completion » simple type ” or ( or ‘ or [ or { on any example below (except Plain Text)
- Shortcuts » on PHP example press [ctrl][shift][space]. It’s shortcut to
- Multiple windows » you can add multiple CodePress windows to the same page
Requirements: Modern Browsers with Javascript Enabled
Demo: http://www.codepress.org/
License: LGPL License
Proto.Menu is a simple and lightweight prototype-based solution for context menu functionality on your page. It is about 2 KB ( 1.5 KB Minified). It is Unobstrusive which plays nice with Javascript turned off and uses its own namespace, so it won’t messed up with your codes. The menu styling can be easily defined in external CSS. It is also a Full A-Graded browsers support (Opera is supported through Ctrl + Left Click). It looks very tidy and suitable for web applications with context menu.
Requirements: Firefox 1.5+, Internet Explorer 6+, Safari 3+, Opera 9+, Netscape Navigator 9+
Demo: http://yura.thinkweb2.com/scripting/contextMenu/
License: License Free
We are happy to announce that we have just broken 2000 RSS readers milestone. It means there are 2000+ people who have subscribed to Full Feed RSS, and receiving new blog post from WebAppers everyday. The growth of this blog is really impressive, we never imagine we can have this success in just about 3 months. Thank you for all of your support.
We have some advertising opportunities on WebAppers, you can view more details on Advertising Page if you are interested.
I hope we can keep bringing you more high quality resources and good stuff about web development. Just to remind you, if you have any suggestions or useful resources, please feel to leave a comment or contact us directly.
Thanks again for all of your support. And I would like to say thank you to our new sponsor – FlashDen. They do have a lot of quality Flash components that would be very useful for web development as well.
FusionCharts Free is a flash charting component that can be used to render data-driven & animated charts for your web applications and presentations. It is a cross-browser and cross-platform solution that can be used with ASP.NET, ASP, PHP, JSP, ColdFusion, Ruby on Rails, simple HTML pages or even PowerPoint Presentations to deliver interactive and powerful flash charts. You do NOT need to know anything about Flash to use FusionCharts. All you need to know is the language you’re programming in.
The free version offers you most of the features that you would normally need. If the features in free version does not satiate your requirements, you might consider a paid version. In contrast, offers a lot more advanced options like gradients, 3D Lightings (shadow, blur effect, glow effect and bevel), custom animations, in-built debuggers, more chart types, enhanced AJAX support, data-driven flash maps, loading into other Flash movies, personalized implementation support etc.
If you are interested, you may want to look at FusionCharts Google Gadget as well.
Requirements: Flash Support
Demo: http://www.fusioncharts.com/Free/Gallery.asp
License: License Free
LiveValidation is a small open source javascript library built for giving users real-time validation information as they fill out forms. Not only that, but it serves as a sophisticated validation library for any validations you need to make elsewhere, it is not just limited to form fields.
The naming conventions and parameters of the validations are similar to those found in the Ruby on Rails framework, and as such is the perfect companion. Don’t worry if you dont use Rails though, LiveValidation can be used anywhere you like, is simple to learn, and a joy to use.
Requirements: Modern Browsers with Javascript Enabled
Demo: http://www.livevalidation.com/examples
License: MIT License
Kombine has designed “Pro Toolbar Icons” which is a set of 264 toolbar icons and buttons to help users intuitively understand the functions of your application. All icons in this set are PNG images with transparency and designed to fit the look of Apple’s OS X operating system. It is very useful when building websites and web applications. You can Preview the full set of 264 icons or Download the Quick Reference Card here.
The full set of icons costs $59.95, however you can get a set of 45 common toolbar icons for FREE. Kreg Wallace, the designer of the Kombine toolbar icons is very kind by giving away one set of 264 “Pro Toolbar Icons ” for FREE to one of WebAppers readers . You can use them on both personal and commercial projects. If you would like to be the one Lucky Guy, it is really easy.
To participate, you only have to
Make a comment on this post.
* You will get 2 more entries if you have a link back to this post or Webappers.
I would like to keep this event short, so that we do not have to wait too long for the result. Kreg Wallace will pick the winner on 24th September. Thank you Kreg Wallace for the icons and thank you all for the participation in advance.
*** 2007-09-10 UPDATE ***
Kreg Wallace said
Hey folks. Just so you know, I’m more inclined to pick someone who plans to use the icons for an interesting project. So, if you have a software application or web site you want to use the icons for, indicate that in your comments.
This contest has ended, please view http://www.webappers.com/2007/09/26/winner-of-264-toolbar-icons-set/Â
Read the rest of this entry »
Public-Domain-Photos.com contains over 5,000 high resolution free photos for personal and commercial use. You may use these images for any purpose, but if some photo contains logos and products you need to be careful. Using someone else’s trademark commercially can get you sued. They have some cliparts you may find useful as well.
Requirements: No Requirements
Demo: http://public-domain-photos.com/
License: License Free
Sébastien Gruhier has always wanted to create a Class to handle in a easy way portal page like netvibes. After having tried to used Sortable of script.aculo.us, He decided to write his own Class. Prototype Portal Class allows users to drag and drop, re-arrange and remove any windows on the portal page. This is the first version he made. It has been tested on Safari, Firefox, Opera and IE 6/7. The first version is based on Prototype 1.5.1.1 but the next version will be based on 1.6.
Requirements: Prototype Framework
Demo: http://blog.xilinus.com/prototype-portal/test/index.html
License: MIT License
