Post Top Ad

Post Top Ad

Friday, September 12, 2008

11:55 PM

Difference between http:// and https://

The main difference between http:// and https:// is
It's all about keeping you secure

HTTP stands for HyperText Transport Protocol, which is just a fancy way of
saying it's a protocol (a language, in a manner of speaking) for information to
be passed back and forth between web servers and clients.

The important thing is the letter S which makes the difference between HTTP and HTTPS.

The S (big surprise) stands for "Secure".

If you visit a website or webpage, and look at the address in the web browser, it will likely begin with the following: http://.

This means that the website is talking to your browser using the regular
'unsecure' language.

In other words, it is possible for someone to "eavesdrop" on your
computer's conversation with the website.

If you fill out a form on the website, someone might see the information you
send to that site.

This is why you never ever enter your credit card number in an http
website!

But if the web address begins with https://, that basically means your computer is talking to the website in a secure code that no one can eavesdrop on.

You understand why this is so important, right?

If a website ever asks you to enter your credit card information, you should
automatically look to see if the web address begins with https://.

If it doesn't, there's no way you're going to enter sensitive information like a
credit card number!
9:58 PM

jQuery Image Crop Plugin: Jcrop

For the last weeks, several JavaScript image crop resources are published at WebResourcesDepot. This is because, the increase in use of such interfaces as image-based applications are on the rise & many web applications offer their users to edit their avatars besides only uploading them. So, you may need one of them : ) .
Jcrop is a cross-browser jQuery image crop plugin.


Some features of Jcrop:

  • Attaches simply to any image in your HTML page
  • Supports aspect ratio locking
  • Callbacks for selection done, or while moving
  • Keyboard support for nudging selection
  • Support for CSS styling
  • Advanced API including animation support
An example of this plugin here & a sample PHP code to complete the server-side of the crop here.
P.S. Thanks to Kelly for the suggestion.

Requirements: jQuery
Compatibility: All Major Browsers
Website: http://deepliquid.com/content/Jcrop.html
Demo: http://deepliquid.com/content/Jcrop_Examples.html

Friday, August 8, 2008

12:40 AM

Lightbox That Displays Any Media: LightWindow

LightWindow is a highly configurable Lightbox (modal window) solution built with Prototype & script.aculo.us.

It can display any media including Flash, Quicktime or an external website. And, it has gallery support with a multi-gallery feature.

The modal window can be custom positioned and it is automatically resized to fit the content.
LightWindow can be re-styled including markup, CSS & animations easily. Besides clicking on the close button & outside of the modal window, ESC key works for this feature too.
Requirements: Prototype, Script.aculo.us (included with the download)
Compatibility: All Major Browsers
Website: http://stickmanlabs.com/lightwindow
12:01 AM

JavaScript Template Engine For HTML: Pure

Pure is an unobtrusive JavaScript template engine for HTML.

It aims to make HTML dynamic as templates can be created with only JavaScript, HTML & CSS.

Pure is fast & runs on the browser/client side. It currently supports JSON (XML to be supported soon).

This JavaScript template engine can be used as a jQuery plugin (soon Dojo, DOMAssistant, MooTools, Prototype).

Pure provides a detailed "getting started" information supported with helpful examples.

Requirements: jQuery
Compatibility: All Major Browsers
Website: http://beebole.com/pure/
Demo: http://beebole.com/pure/examples/docs/example1.html

Tuesday, August 5, 2008

1:21 AM

Easy Sliding Contents With mooSlide

mooSlide is an easy to use & configure slider class for MooTools.

It is a functional solution to present any content, even as a Lightbox replacement.

Within 1 line of code, you can set the:

  • slider div
  • slide in speed
  • fade out speed
  • remove on click yes / no
  • final opacity
  • height of the slider container
  • type of effect used
  • toggler element
  • slide from position

And, multiple sliders can be used in 1 page.

Requirements: MooTools 1.1+
Compatibility: All Major Browsers
Website: http://www.artviper.net/test/mooSlide2/index.html

1:12 AM

A New Approach To Chat: firefly

firefly is a totally different chat system which can power your websites.

By adding a line of JavaScript, your visitors can chat with each other in an overlayed screen.

Users can:

  • See other users mouse movements,
  • Choose avatars,
  • See the chat history,
  • Howmany people are already in the page.

As a developer, all I can ask for more is an API that enables integrating any userbase to the system for adding auto avatars, names to the users etc. Considering this is a fresh chat service, in the future, why not?

You should definitely give firefly a try & will probably be impressed.

Requirements: No Requirements
Website: http://firef.ly
Via: http://sharebrain.info/brainpicks/tools-brainpicks/f...

Sunday, August 3, 2008

Friday, August 1, 2008

12:40 AM

haXe: A Multiplatform Programming Language

haXe is an open source & multiplatform programming language.

A code written with haXe can be compiled to JavaScript, Flash (AS2 & AS3), PHP and NekoVM which is all the idea behind the project: "let the developer choose the best platform to do a given job".

haXe has installers for Windows, OSX & Linux and the platform is well-documented.

For writing haXe code, plugins for several popular editors can be found here.

Requirements: No Requirements
Compatibility: Windows, OSX & Linux
Website: http://www.haxe.org
Download: http://www.haxe.org/download