Open Source Resources for Web Application Developers

Shopify - Online Store Builder
Follow Us on Social Sites
Subscribe RSS Subscribe Newsletter Like us on Facebook Follow us on Twitter Follow us on Google+
  • Home
  • News
  • Plugins
  • Design
  • Others
  • Books
  • About
28 Feb

Facebook Style Modal Boxes with Transparent Border

  • MIT License, Popup
  • Leave a Comment

We have seen many modal box script (e.g. Prototype Window, Multibox, Modalbox and etc). I would like to introduce something a little bit difference to you guys. Here are the following two Facebook-style modal boxes. Both of them have a sexy transparent border which looks really stylish.

1) Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages. It’s simple to use and easy on the eyes. Download the tarball, view the examples, then start enjoying the curves.

facebox.png

2) 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, customizable and skinnable, and it comes with a coherent API and documentation.

glassbox.png

Requirements: Any Modern Browsers, IE 6, Firefox 2, Opera 9 and Safari 3
Demo: http://famspam.com/facebox, http://www.glassbox-js.com
License: License Free, MIT License

Share
Tweet
Sponsors
subscribe to our newsletter - weekly free resouces for web developers
follow us on social sites - rss, facebook, google+, Twitter
Subscribe RSS Like us on Facebook Follow us on Twitter Follow us on Google+
Related Resources
Skinnable and Resizable Popups by Prototype Window

Skinnable and Resizable Popups by Prototype Window

Scriptaculous Web 2.0 Visual Effects Library

Scriptaculous Web 2.0 Visual Effects Library

Scripty2 – Complete Rewrite of Script.aculo.us Library

Scripty2 – Complete Rewrite of Script.aculo.us Library

Calendar System Using MySQL and Script.aculo.us

Calendar System Using MySQL and Script.aculo.us

jRails – jQuery on Rails

jRails – jQuery on Rails

Fade In and Out Tooltips for Prototype and Scriptaculous

Fade In and Out Tooltips for Prototype and Scriptaculous

Comments
  • http://free-iphone-apple.blogspot.com mark

    Nice! I’m gonna go with FaceBox as it integrates with jQuery.

  • http://www.robertjamesphillips.com Rob Phillips

    Does anyone think jquery seems to be taking dominance in the JavaScript framework department? Personally I use mootools, but I have been impressed by the recent developments

  • http://www.XGhozt.com/ XGhozt

    Impressive.

  • http://www.alvoconhecimento.com.br Daniel Accorsi

    Excelent about glassbox! I´ll use it. ;D

  • http://jonixworld.blogspot.com Dinheiro

    My firefox didn’t like the glassbox at first. Only at third atempt i could load the page well, it was stuck at “loading images”, strange!
    But after everything loaded, it’s a great application, i love the transparency

  • Edwin

    Thanks! I allready knew Facebox (and really like it) but glassbox looks even more beautiful! Both are great tools!

  • http://free-iphone-apple.blogspot.com mark

    Yes Rob, jQuery is becoming very popular b/c it’s so light weight but feature rich. Wen you compress/pack the code it is about half the size. It also has plugins so it’s easy to work with.

  • shagil

    Its very usefull… am gonna use it all in my application. Thanks alot

  • http://www.oyunyuvasi.net Kız Oyunları

    very good. thanks..

  • http://www.fleedy.com manS

    I Like it…

  • tom

    This is excellent. quick question though I have is.

    lets see If I put a form like in it, which takes the value and POST it to a different PHP page for inserting mysql into a database. I want the confirmation such as Your message as been sent in Modal box.

    how can i do that?
    please help

  • http://www.bestonlinescripts.com Heri

    Finally I find out how to create facebook style modals popup.
    Thanks for share!

  • http://www.evyapanhavalandirma.com havalandırma

    Its very usefull… am gonna use it all in my application. Thanks alot

  • http://www.andom.net/tr/ Satılık Evler

    Thanks a lot. Is it commercial?

  • http://www.findshared.com madhan

    Can’t we create one without these frameworks?

  • http://www.beijingmassages.com beijing massage

    this is very good.

  • Cameron A

    Thank you very much. This is just what I needed, really appreciate it!

  • https://github.com/zkhalapyan/CoolBox Zorayr

    There is also a nice implementation of Facebook-styled popup without using JQuery or MooTools. Here is the link: https://github.com/zkhalapyan/CoolBox.

Open Source Resources for You

What we need is a list of the top quality resources, so that we can spend more time on our web development. WebAppers only picks the top quality web development resources for you.

© Copyright 2012 WebAppers | About | Archives | Privacy Policy | Advertise | Contact

Sponsors
Advertise Here
Search
By Keywords
30 Days / All Time
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • Professional Business Cards Made By Designers
  • Best Free Chrome Extensions for Web Developers
  • All of the Best Free WordPress Themes You Need
  • How to Create a Web App Admin User Interface
  • Nice List of Open Source Fish Eye Menu
  • Best Web Admin Templates
  • 25 Useful Blogs for Web Design & Development
  • Simple Javascript Progress Bar with CSS
  • 10 Useful & Quality Design Resources
  • Free Web Application Icons
  • How to Create High-Performance Code
  • Tiny Responsive jQuery Slider without Fancy Effects
  • How to Create Realtime Multi-player Games in HTML5
  • A True Responsive jQuery Lightbox Plugin for Free
  • Create an Amazon-like Navigation Menu with jQuery
  • Super Smooth CSS Transitions for jQuery
  • Pretty Neat jQuery Mobile Theme Based on Flat UI
  • How to Use Web Workers for Image Manipulation
  • How to Make FullScreen Page Transitions with CSS
  • Ghost: A Revolutionary Open Source Blogging Platform
Sponsors
Plugins
  • Advertisement15
  • Calendar47
  • Capture19
  • Charts55
  • Chat22
  • Demo Tour16
  • Gallery121
  • Maps30
  • Menu87
  • Polls9
  • Popup49
  • Tooltips42
  • Upload33
  • Video18
Desgin
  • Brushes11
  • Buttons25
  • Color Schemes25
  • Fonts47
  • Forms112
  • Icons108
  • Patterns24
  • PS Tutorials15
  • Stock Photos21
  • Tables25
Others
  • Announcement103
  • Best Collections6
  • Code55
  • eCommerce24
  • Framework215
  • Hosting13
  • Information240
  • Inspiration32
  • Legal Documents10
  • Reviews8
  • Security13
  • Social28
  • Sound16
  • Stats39
  • Tools293
  • Webmail14
Licesnes
  • BSD License67
  • CC License123
  • GPL License224
  • LGPL License40
  • License Free739
  • MIT License411
Sponsors
Advertise Here
Partners
MaxCDN