Javascripts
31 Useful Resources Specially For Designers To Discover The Best Of The Web In September 2008
We are always in the search of great free resources, tips and tricks, etc for our readers. Every day, we work hard to find new resources and show them here for you. Today, we are starting another great section Discover The Best Of The Web on SmashingApps.com. In this, we will find and make a list for the best of the web for the whole month. Maybe, we cannot cover all of the best from around the web but we will try our best to cover as much as possible.
You are welcome to share if you know more best of the web in the month of august which our readers/viewers may like.
Design Tips, Tricks and Tutorial
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
Design a Detailed Compass Icon in Photoshop
40 Photoshop Tutorials On Rain Showers and Water Drops
50+ Great Photoshop Text Effect Tutorials, Part II
31 Breathtaking Planet & Space Tutorials For Photoshop
Creating a Cartoon Hot Air Balloon Scene
Artwork, Digital Photography and Inspiration
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
40 Creative Design Layouts: Getting Out Of The Box
100 Nice and Beautiful Blog Design
25 Beautiful Examples Of Macro Photography
Javascript and Ajax
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
jQuery and JavaScript Coding: Examples and Best Practices
Javascript in Modern Web Design
xHTML and CSS
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
CSS Typography: Contrast Techniques, Tutorials and Best Practices
Resources
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
40+ Beautiful Icon Sets Hand-picked from deviantART- Part 2
Monitor Website Up / Downtime: 30+ Free Web Services and Tools
Designer´s Toolbox : 15+ Time Saving Tools- What´s your Secret?
20 Useful Web Applications For Firefox Sidebar
Miscellaneous Articles
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
20 Creative and Inspiring Free Design Magazines
40 Brilliant Mid + Hi-Res Wallpapers for Photoshop Lovers
Free Javascript 3D Carousel
Carousel.us is a Javascript 3D carousel, using the prototype.js and scriptaculous.js frameworks. It also uses PHP Easy Reflections v3 by Richard Davey.
You will find a configuration file in which you can define the default parameters or you can also define them via URL using the GET method. Here are the some parameters :
includes
Directory where your files to include are
javascript
Directory where your javascript files are
css
Directory to your css file
path
Directory where your images are
opacity
Reflection opacity (0-100)
height
Reflection height (pixel)
radiusx
Horizontal spacing between opposite images (pixel)
raidusy
Vertical spacing between opposite images (pixel)
centerx
Position X of the carousel center (pixel)
centery
Position Y of the carousel center (pixel)
clickit
Add onclick event on each image (true or false)
base
Base speed (boolean)
speed
Carousel speed (boolean)
Free PHP, JavaScript And Ajax Based ShoutBox
wTag is a shoutbox (chatbox or mini chat) that is written in JavaScript and PHP, and using Ajax to exchange data with the server without need to reload an entire page. It uses MySQL database as backend. Just take a look at demo here.
- Replace URLs catched in a message with clickable links.
- UTF-8 encoding for multilingual support.
- Compliance with XHTML 1.0 Transitional and CSS.
- Custom designs: it’s easy to change the chatbox look by editing the CSS files.
- A form validation and warnings display system
Vista-Like Ajax Calendar Version 2 With Mootools
The Vista-like Ajax Calendar (vlaCalendar) version 2 is a unobtrusive web version of the slick and profound Windows Vista taskbar calendar, by using the mootools javascript framework, AJAX, XHTML, CSS and PHP.
This Vista-like Ajax Calendar script is licensed under the Creative Commons Attribution- NonCommercial 3.0 License. You can use these files however you want, but don’t redistribute without the proper credits and do not use this for commercial purposes.
The ultimate WYSIWYG Editor For Your Web-Based Applications And Forms!
  
openwysiwyg is a cross-browser WYSIWYG editor that’s packed with every rich-text editing feature you need to make your content management system much better. It gives you total control over formatting your text. The ultimate <textarea> replacement for your content management system. Click here to download!
Powerful Editing Environment
- Loads extremely fast. Completely written in JavaScript and DHTML. No server side code (like PHP) required!
- Easily view HTML source code and make “in code” adjustments.
- Manage documents similar to Word. Bold, italicize, change the color of your text, and more.
- Create numbered and bulleted lists.
- Insert images, create tables, and link text.
Enhanced Table Creation
Easily and quickly create tables, and customize them the way you want! With several properties to choose from, set the border style, border width, cell padding, shading color, table width, and much more.
Cross-Browser Compatible
openWYSIWYG is compatible with the most popular internet browsers, meaning your users will have no trouble making use of it. These browsers include: IE 5.5+ (Windows), Firefox 1.0+, Mozilla 1.3+ and Netscape 7+.
Coded Entirely in JavaScript
Regardless of what language you use to code your web applications, openWYSIWYG will work. openWYSIWYG is coded entirely in client side JavaScript, so it will work with any web programming language, including:
- PHP
- Perl
- ASP
- ASP.Net
- Java
- Cold Fusion
Horizontal Javascript Accordion Menu!
This versatile 1kb horizontal accordion script can be used for menus, images, presentation content and more.
The script will automatically adjust to the number of elements in the accordion and the dimensions of the accordion.
The front-end markup for the script is a simple unordered list as in the example below…
<ul id="sm" class="sm">
<li><img src="images/1.gif" alt="" /></li>
<li><img src="images/2.gif" alt="" /></li>
<li><img src="images/3.gif" alt="" /></li>
<li><img src="images/4.gif" alt="" /></li>
</ul>
To build the accordion call the function below onload…
slideMenu.build('sm',200,10,10,1)
Click here to view the working sample.
Image Manipulation With Javascript
A phototype, a client/server-side library, based on prototype, which supports all kinds of image manipulations.
On the serverside the library is powered by combination of PHP/GD that renders the image. With phototype, you are able to rotate, resize, flip and do some other cool effects to images. Let’s see how you can do it?
A New Way Of Linking With Scrollovers
ÂÂ
Scrollovers are a way to quickly and easily add flair to your web pages, giving your users an experience they weren’t expecting.
Integration of Scrollovers into your web site couldn’t be easier, even if you’ve already built the site that you want to include Scrollovers on. In just minutes you will be able to have them appearing on your own pages.
How do you add it to your pages?
- Copying the code below into your page (alternatively you can
<script type=”text/javascript” src=”http://www.scrollovers.com/js/scrollovers.js”></script>
- Your links should look similar to the one below
<a href=”[YOUR PAGE HERE]” class=”scrollover” type=”scrollover”>[YOUR TEXT HERE]</a>
- Make it pretty (see below)
Copy the styling code below into your page or stylesheet
<style>
   a.scrollover {
      /* Default Colour/Styles here */
      color: #557AFF;
   }
   a.scrollover em:first-line {
      /* Rollover Colour/Styles here */
      color: #FF5B3C;
   }
</style>
DamnIT Is A Free Service That Emails You When A User Encounters A JavaScript Error In Your Webpages!
DamnIT provides you with instant notification when there are problems with your application. When the unexpected happens, such as a new release of Opera with a slightly different implementation of split(), you’ll know the app is breaking right away. Without DamnIT, broken features could go unnoticed for weeks. Automated exception notification lets you fix bugs immediately, before they become a bigger headache.
DamnIT also makes it simple for beta testers to provide useful feedback by prompting them after an error occurs and combining their response with error message, file, line number, and back-trace information. You’ll receive detailed automated error information instead of vague bug descriptions. See Damn IT in action!
- Sign up and confirm your email to receive an Application Key.
- Include damnit.js with your Application Key in your html pages.
- When an error is captured or the onerror event is called, the error is sent to DamnIT.
- You can optionally let your users provide a description before the error is sent.
- DamnIT instantly sends you an email detailing the error.
Create Clear and Colorful “Flash-like” Effects With Javascript For Your Web Applications Using GlassBox!
GlassBox is a compact Javascript User Interface (UI) library, which use Prototype and Script.aculo.us for some effects. With GlassBox you can build transparent border, colorful layouts and “Flash-like” effects.
The GlassBox library ..
- is easy to use
- is customizable and skinnable
- comes with a coherent API (CSS based parameter) and a short introduction
- includes a basic Ajax XHR for dynamic content loading
- is tested with IE 6 + 7, Firefox 2, Opera 9 and Safari 3 (mac + win)
- and is an open source project under MIT license
