CSSRockstars

Archive for the ‘Gallery’ Category

Fotonotes is a collection of scripts for annotating images. Simply, it lets you add notes over images.

JavaScript Text On Images

With the help of a PHP file (supports PHP4 & PHP5), every note added to the images are stored in JPEG headers in XML format.

There is a very nice example on the website which you can try the code.

Download package includes classes for alternate storage strategies like databases.

  • Tags:
  • Filed under: Gallery
  • 0 Comments
  • inputEx is a javascript framework, built on the top of YUI, for creating forms and form objects.

    It uses no html (opposite of unobtrusive libraries): all the fields and forms are configured using JSON. It provides a very efficient abstraction for building interactive web applications.

    JavaScript Forms

    inputEx features:

    • json configuration for each field
    • complex data structures (list/objects/tree/list of urls/objects of objects etc…)
    • composition between the fields (for “meta”-fields such as InPlaceEdit,List,Tree,Pair,…)
    • javascript object mapping for greater interactivity
    • a common “updated” event to handle different browsers and different field interactions

    JSGallery is a very nice AJAX image gallery built with Mootools.

    Look & effects of the script is configurable. It supports browsing with keyboard between images and also pages.

    Mootools Image Gallery

    Features of this AJAX gallery:

    • nice transitions for page change, image select, etc.
    • supports easy to build no-script version
    • preloads images with separate indicators (optional)
    • a bunch of options to change the default styles and bevaviours
    • visibility of prev/next handles is controlled by mouse distance
    • use the arrow keys to go to previous/next image
    • use number keys to go to a certain page (beginning with 1)
    • prevents too fast change of images (ugly effect interruption)

    There are several options for creating rounded corners like: with one image, four images, javascript and plain CSS (and more).

    Ask The CSS Guy puts the CSS rounded corners used in Google Analytics under scrutiny.

    CSS Rounded Corners

    The technique works by leaving a 1px notch in every corner which creates the rounded corner effect .

    This is definitely a nice way of creating rounded corners as it is always more flexible working with CSS rather than static images.

    Mindquarry is a brilliant open source application to organize teams in means of documents, ideas and tasks. Shortly, their collaboration.

    This team collaboration application can be reached both from the browsers and from a desktop application.

    Document Management

    The strongest part of the application is document management.  It uses Subversion for document versioning and backup, supports file syncronization, collaborative editing and has notification system for the updates made within the documents.

    Document Management

    Wiki

    You can create wikis, assigns them to teams or tasks to manage the ideas and information. Updates made to the wiki content can be viewed within the activity timeline, pdf output can be generated and more.

    Wiki

    Team Management

    Teams are holding the user groups together. They can be assigned to tasks, have their own wikis and permission groups on documents, tasks..

    Team Management

    Task Management

    Mindquarry has a handy task management module where tasks can be created, assigned to users, priority levels and their status can be set.

    Task Management

    To mention, this is not a project management module and does not have milestones, resources, costs or chart features. It simply allows users to assign and control tasks (for a chance to win a great project management software license check the OneProject Project 8 giveaway).

    Conclusion

    If you are working in teams, need to share and work on documents together I believe Mindquarry can be a perfect fit as you will be able to:

    • Work on the same docs, have them versionned and backed up.
    • Create your own information or idea libraries with the wiki feature.
    • Assign tasks to each other.

    Application requires Apache, Java and Subversion to be installed. Desktop application has Windows, Mac and Linux versions which makes everything much better.

    Tip: Mindquarry has a XAMPP download in the downloads section that automatically installs Apache, Subversion and Perl to prepare the application environment.

    easyAlbum is an open source image gallery script built with JavaScript.

    This image gallery does not have an AJAX interface but it simply presents the images inside list tags with a Lightbox type browser friendly pop-up and navigation support.

    JavaScript Image Gallery

    How to use easyAlbum?

    • After inserting easyALBUM.js file in your page, create a list with the "ul" tag id equals gallery like <ul id="gallery"> and add the images inside the "li" tags.
    • Modify your "body" tag for onload like <body onload = "TJK_Gallery('gallery');">.

    Pixelpost is an open source photoblog application with powerful image gallery features.

    It can be used only as an image gallery or a website of a designer, photographer and so.. easily.

    Photoblog Application

    Pixelpost lets the users browse the image archive, view images in detail and comment to them.

    Having an active community, you can find 200+ plugins & templates for the application.

    This photoblog application has also RSS & multilanguage support.

    Click to see a nice photoblog created with Pixelpost.

    (E)2 is a good looking photo gallery built with MooTools JavaScript Framework.

    By default, (E)2 has 4 themes which can be switched-between easily. It has an auto-loading thumbnail viewer which can be hidden too.

    This photo gallery requires PHP to run and does not need any database.

    Mootools Photo Gallery

    In the near future (E)2 gallery will have a "pro" version with more features and you will be informed of it via WebresoucesDepot for sure.

    Andrew Berg has created a nice looking, open source flash gallery named Flash Photo Browser.

    Flash Photo Browser is used by uploading thumbnails and the original images in the related folders with same names and after that, the application lets you browse the images with a nice effect.

    Flash Photo Browser

    It uses the Flash tweening prototypes, blurred rect prototype, draw rect prototype and requires PHP to run.

    Besides the standard look, you can also switch to the thumbnail view with a click.

  • Tags:
  • Filed under: Gallery, Other License
  • 0 Comments
  • Revolver is a fast image rotation engine built with PHP.

    It is just like a slideshow application with features like:

    • Play and stop controls
    • No database requirement
    • RSS support
    • Pre-dating images for future publishing
    • Produces valid XHTML code
    • Different background colors for every image

    PHP Image Rotation

    Revolver is managed with uploading the image files according to the special name format and there is no need for an administraion interface.

    You can use it to create a portfolio website, slideshow, sketchbook or a simple image gallery.

  • Tags:
  • Filed under: Gallery, Goodies, Other License
  • Comments Off
  • feed-holder
    FeedBurner
    • Gooey Templates
    • Krop
    • slice'n dice
    • Website Magazine
    • DNS Pinger
    • Advertise Here