Galerías de imágenes desarrollados en Ajax / JS / CSS

• Autor: administrador
• Archivado bajo: Recursos, Ajax
• Fecha: Aug 19,2008

Simples y listos para descargar y utilizar en tu web!

Galleria
Site: http://devkick.com/lab/galleria/
Galería JavaScript basada en JQuery. Thumbnails, CSS.

SmoothGallery 2.0
Site: http://smoothgallery.jondesign.net
Galería basada en Mootools. Slideshow.

(E)2 Photo Gallery
Site: http://www.e2interactive.com/e2_photo_gallery/
Galería basada en Mootools. Skins.

Fotoroom
Site: http://www.hnkweb.com/code/fotoroom/
Galería basada en PHP y Mootools.

minishowcase
Site: http://minishowcase.frwrd.net/
Galería AJAX/JSON. Skins.

LightWindow 2.0
Site: http://stickmanlabs.com/lightwindow/
Galería multimedia (videos, swf, sites, etc).

Spry
Site: http://labs.adobe.com/technologies/spry/demos/pe_gallery.html
Galería Ajax basada en un framework de AdobeLabs (Spry).

Imago
Site: http://imago.codeboje.de/
Galería Ajax basada en mootools.

AJAX Image Gallery powered by Slideflow
Site: http://mediaeventservices.com/blog/2007/11/15/ajax-image-gallery-powered-by-slideflow-like-cover-flow/
Galería Ajax basada en Slideflow.

Lightweight Image Gallery
Site: http://monc.se/kitchen/80/lightweight-image-gallery-with-thumbnails
Galería Ajax. Thumbnails.

MooFlow 0.2
Site: http://www.outcut.de/MooFlow/
Galería JavaScript.

Highslide JS
Site: http://vikjavev.no/highslide/
Galería JavaScript.

Couloir
Site: http://www.couloir.org/js_slideshow/#2
Galería JavaScript. CSS.

Zenphoto
Site: http://www.zenphoto.org/
Galería Ajax. RSS feeds. Themes.

CSS Photo Shuffler
Site: http://iamacamera.org/sandbox/photoshuffler/
Galería JavaScript + CSS.

0 Comentarios

Chicas Stripers y Boys stripers en España!! a que esperas las mejores fotos en www.stripersygogos.com

• Autor: administrador
• Archivado bajo: Flash, Illustrator, Fireworks, Xml, Consejos y Marketing, Blog, Fuentes, Dreamweaver, Actionscript, Privado, Otros, Herramientas, Autonomo Freelance consejos y recursos, Php, After Effects, Redes sociales, SEO, Javascript, Descargas, Photoshop, Ajax, Diseño, Css, Mis webs, Conciertos Madrid, Posicionamiento, Accesibilidad, Recursos, Tutoriales, Musica, Enlaces, Blogroll
• Fecha: Jun 11,2008

alicante (1) barcelona (1) boys (2) chica (1) chico (1) contrataciones (1) contratar (3) despedida (3) despedidas (2) drag (1) eroticos (1) girls (1) gogos (4) lesbicos (1) madrid (1) porno (1) precios (1) queens (1) soltera (3) soltero (3) streaper (2) streapers (2) streappers (2) striper (2) stripers (6) stripersygogos (1) strippers (2) tarifas (1) toledo (1) tu (1) valencia (1) www (1) zaragoza (1)

Mas en

0 Comentarios

30 scripts para crear galerias,slideshows y lightboxes en AJAX

• Autor: administrador
• Archivado bajo: Recursos, Ajax
• Fecha: May 6,2008

Ajax Image Galleries & Lightboxes

• Minishowcase
  Minishowcase is a small and simple php/javascript online photo gallery, powered by AJAX/JSON that lets you put easily your images in an online gallery, without having to configure databases or changing and customising code (though you may do it if you feel so) allowing to have an up-and-running gallery in a few minutes.
  
• JonDesign’s SmoothGallery
  Unlike other systems out there, JonDesign’s SmoothGallery is designed from the ground up to be standard compliant: You can feed it from any document, using custom css selectors. And even better, this solutions is very lightweight: The javascript file is only 16kb.
  
• Ajax Photo Gallery
  The AJAX version of AgileGallery is a free AJAX photo gallery that rips through the XML output from Picasa (a free download from google) and generates DHTML for the paging and thumbnails and displays the full sized photos along with any description entered in Picasa. Since this photo gallery uses AJAX technology, it eliminates the need for any page refresh as the user pages through the photos.
  
• Pyxy-gallery
  Pyxy-gallery is an AJAX image gallery in PHP and JavaScript, which optionally uses lightbox.js. It is designed to be an ultra-light-weight, “drop-in” image gallery.
  
• zenphoto
  Zenphoto is an answer to lots of calls for an online gallery solution that just makes sense. After years of bloated software that does everything and your dishes, zenphoto just shows your photos, simply. It’s got all the functionality and “features” you need, and nothing you don’t. Where the old guys put in a bunch of modules and junk, we put a lot of thought. We hope you agree with our philosopy: simpler is better.
  
• Couloir.org: Resizing, Fading Slideshow Demo - AJAX Slideshow
  This photo slideshow is a demonstration of Flash-like behavior implemented solely in Javascript, HTML, and CSS. The code is offered as-is — Couloir.org offers no technical support. However, you are permitted to use it on your own project so long as you do so according to the rules outlined in the Creative Commons ‘Attribution-ShareAlike 2.0′ License and the license terms contained in the associated, third-party APIs.
• Grey Box
  A pop-up window that doesn’t suck. GreyBox can be used to display websites, images and other content in a beautiful way.
• Lightbox2
  Lightbox JS is a simple, unobtrusive script used to overlay images on the current page. It’s a snap to setup and works on all modern browsers.
• Litebox
  Litebox is a modified version of Lightbox v2.0 created with one thing in mind, size reduction. Litebox utilizes the 3kb javascript library moo.fx in association with prototype.lite, giving us the basic tools we need to make this work and you the ability to expand.
  
• Multifaceted Lightbox
  A script (JavaScript) that allows you to focus the users attention on a particular portion of the screen. It creates the equivalent of a modal dialog box - this means that while the user looks at this focused part of the screen, they can’t interact with the rest of the screen.
  
• Slightly ThickerBox 1.7
  Slightly ThickerBox is a modification of Cody Lindley’s Thickbox script. I modified it for use on my Jason’s Toolbox Redesign. The modifications allow the script to generate “Previous Image” and “Next Image” links. The result is that you can use Slightly ThickerBox to create image galleries. In addition, you can create groups of galleries by setting a “rel” attribute on the links. (I also moved the Caption and Close link to the top and made the script case insensitive.)
• TripTracker
  The TripTracker slideshow is a lightweight JavaScript image viewer with an animated slideshow feature.
  
• Slimbox, the ultimate lightweight Lightbox clone
  Slimbox is a 7kb visual clone of the popular Lightbox JS v2.0 by Lokesh Dhakar, written using the ultra compact mootools framework. It was designed to be small, efficient, more convenient and 100% compatible with the original Lightbox v2.
  
• Suckerfish HoverLightbox
  The Suckerfish HoverLightbox is a mashup of three very popular Web design techniques blended together to offer a new way of presenting your image galleries.
  
• Suckerfish HoverLightbox Redux
  The Redux has a number of improvements, mostly visual, but some behavioral changes as well. Before going into detail, it’s important to give due credit to those who helped make the Suckerfish HoverLightbox a possibility.
• ThickBox 2.1.1
  ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal.
  

CSS-Based Image Galleries

• A Photograph Gallery
  Just a simple :hover over thumbnail images to give a full size view of each photograph. With all but Opera you can also click the thumbnails to retain the image on the screen. Text can be added at the bottom of each picture. Ideal for photograph albums.
  
• A simple CSS photo-album
  The text numbers and images are held in an unordered list without any extra markup (no ‘ems’ or ’spans’ etc). The CSS just styles the text numbers so that they appears in a box and the images so that they are hidden until your visitor clicks a number square.
  
• Cross Browser Multi-Page Photograph Gallery
  Based on Suckerfish HoverLightbox this one uses my multi-page layout system but includes images instead of text. Unlike the Suckerfish HoverLightbox this version is pure CSS.
  
• CSS Image Gallery
  This is a purely CSS based image gallery that displays larger versions of thumbnail images dynamically when the mouse hovers over them. A rich HTML caption can be added to the enlarged image, and every aspect of the Image Gallery exists as plain HTML on the page. The idea is to use CSS’s “:hover” pseudo class to cause an element to react onMouseover. When that happens, an absolutely positioned container holding the enlarged image, anchored on the page by another container with position set to relative, is shown. Furthermore, it’s possible to modify the behavior so the enlarged images are only shown onClick, though IE6 currently doesn’t support this behavior well. The gallery works in IE6+, Firefox, Opera 8+.
  
• CSS: Photo Showcase
  This experiment uses CSS and basic markup to create a simple way to display photo thumbnails on your site while offering convenient fast zoom viewing, even for dialup users.
  
• Hoverbox Image Gallery
  Basically, it’s a super light-weight (8kb) roll-over photo gallery that uses nothing but CSS.
  
• Photo scroll gallery
  A combination of several of my previous galleries to give a scrolling ‘thumbnail’ image, a medium size image on hover and a full size image on click. The thumbnail, medium size and full size images are all the same image just resized using CSS. The thumbnails are square to make the scrolling area simpler to work with. This does make these images a little distorted but not so much that they look wrong.
  
• Sliding Photograph Galleries
  It is just an unordered list of images that are normally compressed vertically (reduction 8:1). When you hover over one of these compressed images it expands to full size. It is based on my sliding menu system and adapted to use images. No thumbnails are required and all the images are ‘pre-loaded’.This method can be used either vertically, as shown, or horizontally.
  

JavaScript + CSS-based Galleries & DHTML-Galleries

• xImgGallery - Javascript Image Gallery & Slideshow
  This script implements a Javascript image gallery and slideshow - all in one file.
  
• easyAlbum
  A DOM photo Gallery solution that is browser friendly, keyboard friendly, bandwidth friendly and more.
  
• ImageGal
  imagegal is a simple PHP script that will automagically create a JS/CSS/DHTML powered image gallery for you when dropped into a directory containing images. This simple script was inspired by a Jeremy Keith’s article on aListApart.com.
• Highslide JS
  Highslide JS is a piece of JavaScript that streamlines the use of thumbnail images on web pages. The library offers these features and advantages: No plugins like Flash or Java required. Popup blockers are no problem. The images expand within the active browser window.
  
• Satellite
  Satellite is an all in one photo gallery website that takes advantage of Yahoo Flickr’s image hosting and management tools. You can upload and manage your images using Flickr and host your portfolio on your own server via Satellite.
• Dhonishow
  Showing Picture Online with Javascript.

0 Comentarios

Librerias Ajax Dhtml y Javascript

• Autor: administrador
• Archivado bajo: Ajax
• Fecha: May 6,2008

Ajax, DHTML and JavaScript components are important in the era of Web 2.0. Recent Web-applications tend to use them to provide more interactivity and guarantee better functionality. But what Javascript libraries can be used for a new web-project? What functions, effects and useful techniques are actually provided by them? We deliver answers.

The result is an extensive list with over 60 Ajax, Javascript and DHTML Libraries - with detailed description.

• AFLAX
  AFLAX: The AJAX Library for the Adobe Flash Platform
• AjaxAC
  AjaxAC is an open-source framework written in PHP, used to develop/create/generate AJAX applications. The fundamental idea behind AJAX (Asynchronous JavaScript And XML) is to use the XMLHttpRequest object to change a web page state using background HTTP sub-requests without reloading the entire page.
• AJAXExtended
  AJAXExtended is a JavaScript library that improves standard XMLHttpRequest features. The most important enhancement
• Ajax.NET Professional
  Ajax.NET Professional (AjaxPro) is one of the first AJAX frameworks available for Microsoft ASP.NET and is working with .NET 1.1 and 2.0.
• AjaxRequest Library
  AjaxRequest is a layer over the XMLHttpRequest functionality which makes the communication between Javascript and the server easier for developers.
• AHAH: Asychronous HTML and HTTP
  AHAH is a very simple technique for dynamically updating web pages using JavaScript. It involves using XMLHTTPRequest to retrieve (X)HTML fragments which are then inserted directly into the web page, whence they can be styled using CSS
• ATLAS
  A free framework for building a new generation of richer, more interactive, highly personalized cross-browser web applications.
• Bajax
  Bajax its a very small and simple javascript library to use Ajax on your pages. independent of programming language. You can put dynamic content using simple commands
• Code Snippets
  Snippets is a public source code repository. Easily build up your personal collection of code snippets, categorize them with tags / keywords, and share them with the world
• Cross-Browser.com
  This site features X - a cross-browser DHTML javascript library, and many demos, applications, articles and documentation.
• DHTML API, Drag & Drop for Images and Layers
  JavaScript Library - Developer: Walter Zorn
• DHTMLgoodies.com
  A library of DHTML and AJAX scripts
• DHTML Kitchen
  DHTML Kitchen is your resource for ready-made or custom-built DHTML scripts. We also specialize in JSP, and front-end Java solutions.
• dojo, the Javascript Toolkit
  Dojo is the Open Source Javascript toolkit that makes professional web development better, easier, and faster
• dp.SyntaxHighlighter
  dp.SyntaxHighlighter is a free JavaScript tool for source code syntax highlighting
• Dynamic Drive
  DHTML & JavaScript code library
• DynAPI
  DynAPI 3 is an open-sourced project initiated by Dan Steinman, created to make cross-browser Dynamic HTML a reality. The DynAPI library uses an object-oriented approach to solve problems associated with scripting for both Netscape and Internet Explorer.
• Engine for Web Applications
  Engine for Web Applications is an application framework for client-side development and Web applications. It provides an environment in which to develop and run JavaScript components and applications.
• FACE
  A way to easily bring life and interactivity to websites without having to use Flash. Completely accessible, with easy plug-and-play implementation.
• JavaScript Libraries
  Mark Wilton-Jones
• JSL :: JavaScript Standard Library
  JSL is a single and small file ( IE4 compatible packed version: 7.77 Kb ) with some JavaScript 1.6 standard methods or functions that are not present on some browsers. Its goals is to forget work arounds for every library or script that’s included on a web page. You could just add JSL even before your scripts to add portability or more compatibility, then you don’t need to rewrite anything..
• Javascript Toolbox
  This site is intended to be a repository of code and reusable libraries which address common needs that many web developers encounter. The code found here is based on standards but also tries to be backwards-compatible for browsers which don’t support the standards
• jQuery - New Wave Javascript
  jQuery is a Javascript library that takes this motto to heart: Writing Javascript code should be fun. jQuery achieves this goal by taking common, repetitive, tasks, stripping out all the unnecessary markup, and leaving them short, smart and understandable.
• JSAN - JavaScript Archive Network
  JavaScript Archive Network is a comprehensive resource for Open Source JavaScript libraries and software.
• JSFBGL - Javascript framebuffer graphics library
  JSFBGL (i.e. Javascript framebuffer graphics library) is considered as an art/fun project. So do not take it too seriously. Since all the webV2.0/AJAX hype which is going on atm I started to think about a way to produce graphics with javascript. And this is the result. I don’t know if this is the most efficient way - but it works as a proof of concept.
• Kabuki AJAX Toolkit
  Kabuki AjaxTK is a client developer library, similar in style to traditional object-oriented widget libraries like Eclipse’s SWT, albeit for Javascript.
• LINB(Lazy INternet and Browser)
  LINB(Lazy INternet and Browser) is designed to allow developers coding in a more targetable, clearly, and efficiently way. LINB is platform-independent, language-independent, and C/S, B/S, RIA compatible.
• liberty
  JavaScript Basic library - iberty gives you the Basic shit to make web development with JavaScript comfortable.
• MochiKit
  A lightweight Javascript library
• moo.ajax
  moo.ajax is a very simple ajax class, to be used with prototype.lite from moo.fx.
• moo.fx
  superlightweight javascript effects library
• overLIB
  overLIB is a JavaScript library created to enhance websites with small popup information boxes (like tooltips) to help visitors around your website..
• overlibmws DHTML Popup Library
  Download and Test Directory for the overlibmws DHTML Popup Library
• Plex Toolkit
  The Plex Toolkit is an advanced, modular, AJAX and Rich Internet Applications framework written in JavaScript.
• PlotKit - Javascript Chart Plotting
  PlotKit is a Chart and Graph Plotting Library for Javascript
• Prototype
  Prototype is a JavaScript framework that aims to ease development of dynamic web applications. Featuring a unique, easy-to-use toolkit for class-driven development and the nicest Ajax library around…
• qForms JavaScript API
  the most complete JavaScript API for interfacing forms. The qForms API has been designed to make forms easy to work with. It simplifies tasks HTML developers normally find tricky to handle
• qooxdoo
  qooxdoo is an advanced open-source JavaScript-based GUI framework. It helps you to implement professional AJAX-enhanced web 2.0 applications..
• Rico
  An open-source JavaScript library for creating rich internet applications. Rico provides full Ajax support, drag and drop management and a cinematic effects library.
• Ruby on Rails
  Rails is a full-stack framework for developing database-backed web applications according to the Model-View-Control pattern. From the Ajax in the view, to the request and response in the controller, to the domain model wrapping the database, Rails gives you a pure-Ruby development environment. To go live, all you need to add is a database and a web server.
• Sajax
  Sajax is an open source tool to make programming websites using the Ajax framework — also known as XMLHTTPRequest or remote scripting — as easy as possible…
• sardalya
  sardalya, is a cross-browser interface that aims to make dynamic HTML programming easy and fun.
• script.aculo.us
  script.aculo.us provides you with easy-to-use, cross-browser user interface JavaScript libraries to make your web sites and web applications fly
• JonDesign’s Smooth SlideShow Library
  Using moo.fx and prototype.lite.js, this javascript slideshow system allows you to have a simple and smooth (cross-fading…) image slideshows and/or showcases on you website.
• Spry Framework for Ajax
  Adobes Spry framework for Ajax is a JavaScript library for web designers that provides functionality that allows designers to build pages that provide a richer experience for their users.
• Tabtastic
  This library is a simple way to implement tabs on your page using CSS, a little JS, and semantic markup which degrades gracefully on browsers with CSS unavailable or disabled.
• Taconite
  Taconite is a framework that simplifies the creation of Ajax enabled Web applications. It’s a very lightweight framework that automates the tedious tasks related to Ajax development, such as the creation and management of the XMLHttpRequest object and the creation of dynamic content…
• Tacos
  The Tacos library project provides components and ajax behaviour for the Tapestry java web application framework. Most of the functionality is based on the exceptional dojo javascript library.
• The Solvent
  The Solvent is a cross-browser AJAX application toolkit written in JavaScript. The Solvent is provided as modules or as an entire toolkit. The projects focus is to promote robust web applications and enable rapid web development.
• ThyApi
  ThyAPI is an api to allow the developement of better user interfaces for web applicaticions, Using javascript and Ajax, it allows a complete visual interface definition using CSS and encapsulates all objects data manipulateion. Build over DynApi
• TwinHelix
  Portfolio of original, high-performance DHTML and JavaScript examples. Designed them all to be as small as possible (once you trim out the comments, of course) and fast — small code is my main priority when developing scripts, as users don’t want to wait half an hour for their site to load”
• TurboWidgets
  TurboWidgets are JavaScript client-side controls that provide a rich user-interface experience for AJAX-style web applications. Built on top of the popular Dojo Toolkit, TurboWidgets are designed for ease-of-use and flexibility. Please see the dev-o-meter for latest developments.
• UIZE JavaScript API
  JavaScript Examples
• High Performance JavaScript Vector Graphics Library
  This JavaScript VectorGraphics library provides graphics capabilities for JavaScript: functions to draw circles, ellipses (ovals), oblique lines, polylines and polygons (for instance triangles, rectangles) dynamically into a webpage..
• WMS Javascript Library
  A Web Map Server (WMS) will return a static map image if given the required parameters in the URL. The purpose of the WMS Javascript Library wmsmap.js is to facilitate the creation of dynamics maps using freely available WMS servers…
• Yahoo Design Pattern Library
• Yahoo! User Interface Library
  The Yahoo! User Interface (YUI) Library is a set of utilities and controls, written in JavaScript, for building richly interactive web applications using techniques such as DOM scripting, DHTML and AJAX…
• Zapatec AJAX Suite
  Jump start your AJAX deployment by using the Zapatec suite which includes six widgets, three modules and a library. Don’t be intimidated by the Suite’s breadth, its components are built with ease of use in mind, and you can start with one or two and migrate to using the full suite as your needs and familiarity increase.
• Zebda
  Zebda is a general purpose javascript library built on Prototype 1.4.0.
• Zephyr
  Zephyr is an ajax based framework for php5 developers. you can easily develop business applications using this robust framework. this is extremely easy to learn and very simple to implement
• ZK
  ZK is an open-source Ajax Web framework that enables rich user interface for Web applications with no JavaScript and little programming.

0 Comentarios

85 soluciones AJAX

• Autor: administrador
• Archivado bajo: Ajax
• Fecha: May 6,2008

Web-developers can create amazing web-applications with AJAX. Stikkit, Netvibes, GMail and dozens of further web-projects offer a new level of interactivity we’ve used to give up the idea of. Modern web-applications can be designed with enhanced user interfaces and functionalities, which used to be the privelege of professional desktop-applications. AJAX makes it possible to create more interactive, more responsive and more flexible web-solutions. And it’s the first step towards rich internet applications of the future.

Asynchronous JavaScript and XML isn’t a new programming language, as it is often mistakingly called. Basically, AJAX is a set of XHTML, CSS, DOM, XMLHttpRequest and XML, put together and used together for the same purpose - to improve the user-server-interaction.

• To understand the idea behind AJAX, you should read Jesse James Garrett’s article “Ajax: A New Approach to Web Applications” and Wikipedia: Ajax;
• to learn the basics of AJAX, you should go through some AJAX tutorials we’ve presented previously;
• to learn more about professional CSS coding, you should visit 70 Expert Ideas For Better CSS Coding;
• and to get a powerful and handy CSS-Toolbox for your future projects, you can use 53 CSS-Techniques You Couldn’t Live Without.

In this article we’d like to present a list of over 90 useful AJAX-based techniques you should always have ready to hand developing AJAX-based web-applications. Auto-completion, instant field editing, menus, calendars, interactive elements, visual effects, animation, basic javascripts, as well as an extensive developer’s suite should give you a useful and powerful toolbox you can use every day, without a need to go through hundreds of AJAX-related bookmarks.

You may also want to take a look at the article 60 More Ajax and Javascript Solutions For Professional Coding.

AJAX Auto Completer

1. AJAX AutoSuggest: An AJAX auto-complete text field

2. AJAX Autocompleter / script.aculo.us library

3. AJAX AutoCompleter

4. Ajax autosuggest/autocomplete from database

5. Ajax dynamic list

AJAX Instant Edit

6. AJAX inline text edit 2.0

7. AJAX & CSS Flickr-like Editing Fields

8. AJAX Instant Edit

AJAX Menus, Tabs

9. 14 Tab-Based Interface Techniques

10. AJAX Menu Widget

11. AJAX Accordion Navigation: mootools demos

12. AJAX Dialogs, Menus, Grids, Trees and Views

13. AJAX Tab Module - Closeable Implementation

14. Ajax Tabs Content

15. AJAX Tabbed Content

16. MooTabs - Tiny tab class for MooTools

17. Dynamically loaded articles

AJAX Date, Time, Calendars

18. AJAX Datetime Toolbocks - Intuitive Date Input Selection

19. AJAX Calendars

AJAX Interactive Elements

20. AJAX Floating Windows

21. AJAX Star Rating Bar

22. Ajax poller

AJAX Developer’s Suite

23. AJAX HistoryManager, Pagination

24. AJAX Login System Demo

25. AJAX image preloader

26. AJAX Tooltips: Nice Titles revised | Blog | 1976design.com

27. 40+ Tooltips Scripts With AJAX, JavaScript & CSS | Smashing Magazine

28. AJAX Web Controls

29. AJAX syntaxhighlighter

30. GMail Ajax Style Username Signup

31. Gmail Ajax Style Check Username

32. Transparent Message

33. ModalBox — An easy way to create popups and wizards

34. AJAX File Uploads progress bar

35. Chained select boxes

36. Fly to basket

37. AJAX Key Events Signal

38. Disable form submit on enter keypress

Enhanced AJAX Solutions

39. AJAX Instant Completion: Rico Framework

40. Novemberborn: Event Cache

41. Altering CSS Class Attributes with JavaScript

42. Select Some Checkboxes JavaScript Function

43. AJAX Emprise Charts: 100% Pure JavaScript Charts

44. amCharts: customizable flash Pie & Donut chart

45. PJ Hyett : The Lightbox Effect without Lightbox

Ajax Forms

46. AJAX Upload Form

47. An AJAX contact form

48. AJAX contact form

49. Ajax.Form: mootools demo

50. Ajax form validation

51. Really easy field validation

52. AJAX fValidate: a high quality javascript form validation tool

53. Ajax newsletter form

54. wForms: A Javascript Extension to Web Forms - The Form Assembly

AJAX Grids, Tables

55. Data Grids with AJAX, DHTML and JavaScript | Smashing Magazine

56. Grid3 Example

57. AJAX Table Sort Script (revisited)

58. AJAX Sortable Tables: from Scratch with MochiKit

59. AJAX TableKit

AJAX Lightboxes, Galleries, Showcases

60. 30 Scripts For Galleries, Slideshows and Lightboxes | Smashing Magazine

61. AJAX LightBox, Sexy Box, Thick Box

62. AJAX Lightbox JS

63. AJAX Unobtrusive Popup - GreyBox

64. SmoothGallery: Mootools Mojo for Images | Full gallery

65. AJAX Libraries and Frameworks

Visual Effects, Animation

66. How to Create Digg Comment Style Sliding DIVs with Javascript and CSS

67. How to Create a Collapsible DIV with Javascript and CSS

68. How to Create an Animated, Sliding, Collapsible DIV with Javascript and CSS

69. AJAX Shopcart

70. Draggable content

71. Dragable RSS boxes

72. AJAX Pull Down Effect: Rico Framework

73. AJAX Animation Effects: Rico Framework

74. Combination Effects in scriptaculous wiki

75. AJAX Motion Transition: Fx.Morph

Useful Basic JavaScripts

76. 9 Javascript(s) you better not miss !!

77. Top 10 custom JavaScript functions of all time

78. Hyperdisc Materials: JavaScript: Top 10: Automatic Breadcrumb Trail

79. JavaScript: Top 10 Most Useful JavaScripts

80. My Favorite Javascripts for Designers: Blakems.com ?

Galleries, Resources

81. MiniAjax.com: a showroom of nice looking simple downloadable DHTML and AJAX scripts.

82. Ajax Rain: growing showcase of AJAX-examples.

83. Max Kiesler - mHub : Ajax and rails examples & how-to’s

84. Ajax Resources

85. DZone Snippets: Store, sort and share source code, with tag goodness

0 Comentarios

Recopilación de frameworks, bibliotecas y recursos para desarrollo web

• Autor: administrador
• Archivado bajo: Ajax, Diseño
• Fecha: Apr 18,2008

Una forma de acelerar los tiempos de programación, implementación, bajar costos, agregar funcionalidades avanzadas,…, es utilizar soluciones ya probadas como son las bibliotecas de software, framework y otras herramientas de desarrollo.

Usar estas implementaciones nos permite facilitar el desarrollo, acortando tiempo, permitiendo proporcionar funcionalidades más elaboradas y de esta forma dedicarnos a identificar los requerimientos más que a los detalles de más bajo nivel.

Aquí le presento un serie de recursos, para potenciar nuestros desarrollos.

moo.fx es una biblioteca de efectos Javascript super pequeña, solo 3kb, para ser usada con prototype.js o el framework mootools.

Prototype es un framework Javascript para facilitar el desarrollo de aplicaciones web dinámicas. Prototype Cheat Sheet

MOOTOOLS es un framework compacto, modular y orientado a objetos, diseñado para que el desarrollador pueda hacer implementaciones avanzadas de Javascript. MOOTOLS Cheat Sheet

script.aculo.us es una librería Javascript que permite implementar Ajax logrando funcionalidades como arrastrar y soltar (drag ‘n drop) y una amplia variedad de efectos visuales en una página web.
Es la que más he usado y he podido implementar efectos que me han funcionado muy bien en casi todos los navegadores, incluidos: FireFox, IE y Opera. script.aculo.us Cheat Sheet.

jQuery es una biblioteca Javascript que permite manejar eventos, HTML, hacer animaciones y agrega interacciones Ajax en una página web. jQuery Cheat Sheet.

Django es un framework en Python que permite desarrollo rápidos. Django Cheat Sheet.

Dojo es una herramienta de desarrollo Open Source para DHTML escrita en Javascript. Dojo Cheat Sheet.

Otros frameworks:

• jPOP - Framework Ajax potenciado con PHP: permite desarrollar aplicaciones con Ajax sin necesidad de tener conocimientos en esta tecnología. Ocupa tan solo 12K y se puede ampliar su funcionalidad por medio de complementos (plugins);
• ext - Framewok JavaScript: del lado del cliente (client side) para el desarrollo de aplicaciones web. Tiene un sistema dual de licencia: Comercial y Open Source. Este framewok puede correr en cualquier plataforma que pueda procesar POST y devolver datos estructurados (PHP, Java, .NET y algunas otras);
• FUEL: es un framework para desarrollar extensiones para Firefox. Es unabiblioteca en Javascriipt diseñada para ayudar a los programadores a construir extensiones usando terminologías e interfases familiares;
• PHPLivex - Biblioteca PHP y Ajax: que permite llamar desde Ajax a funciones PHP. Esta genera código Javascript que implementa funciones con los mismos nombres y argumentos a los dados para la lista de funciones de PHP….;
• MODx - CMS y PHP Framework: ayuda a tomar el control del contenido en línea. La idea es darle a los desarrolladores y usuarios avanzados mucho más control sobre el contenido y mantenimiento del sitio…;
• CodeIgniter - Framework PHP: para desarrollo de aplicaciones en PHP. Es Open Source, tiene una interfase simple y una acceso a sus librerías bien estructurado….;
• My-BIC - Framework Ajax: permite desarrollar aplicaciones Ajax. Es compatible con PHP 4 y 5 con soporte para XML, JSON y además funciona en Firefox, Opera, IE y Safari….;
• Greybox: como dice su eslogan: un pop-up window que no apesta…

Otros recursos:

• Ajax Compilation - Recopilación de recusos Ajax listos para usar
• Ajax solutoire
• Tutoriales Ajax
• AjaxRain - Ejemplos y demos para descargar
• Ajax para tu sitio

0 Comentarios