sábado, diciembre 29, 2007

the inkscape tutorials blog — a big list of cool inkscape tutorials…

the inkscape tutorials blog — a big list of cool inkscape tutorials…: "

the inkscape tutorials blog — a big list of cool inkscape tutorials…


a big list of cool inkscape tutorials…
"

Jing Project: Visual conversation starts here. Mac or Windows.

Jing Project: Visual conversation starts here. Mac or Windows.

Nicu's How-to - Draw a hackergotchi (or just people heads) with Inkscape

Nicu's How-to - Draw a hackergotchi (or just people heads) with Inkscape: "svg face final"

viernes, diciembre 21, 2007

lunes, diciembre 10, 2007

jueves, noviembre 29, 2007

sábado, noviembre 24, 2007

jueves, noviembre 15, 2007

lunes, noviembre 12, 2007

sábado, noviembre 10, 2007

viernes, noviembre 09, 2007

Salto-db Generator - Salto-db Generator

Salto-db Generator - Salto-db Generator
Salto-db Generator can generate code from a database structure.

Historically it has been developped to generate dataobjects for the Salto persitence mechanism (aka saltodb), but now it can generate anything thanks to plugins.

Salto-db Generator connects to a database thanks to jdbc, parses the tables structures and executes a plugin. A plugin can do anything with the tables structures. Built-in plugins generate java code to access data with different ORMs from a java application. Have a look at the different plugins descriptions for more informations.

Salto-db Generator can be run from Ant or as an Eclipse plugin.

jueves, octubre 25, 2007

martes, octubre 23, 2007

Ruby in Twenty Minutes

Ruby in Twenty Minutes: "Ruby in Twenty Minutes"

To Ruby From Java

To Ruby From Java: "To Ruby From Java"

Cabeza de Ratón » VtnDrag08

Cabeza de Ratón » VtnDrag08: "Este artículo explica una manera de implementar un conjunto de ventanas con MooTools"

ScrollBar con Mootools

ScrollBar con Mootools

mootable example modified by L'ami Nuscule for better cross-browser compatibility (mainly safari v2)

mootable example modified by L'ami Nuscule for better cross-browser compatibility (mainly safari v2): "Fun table based on Mootools and mootables by Valerio Proietti and modified by L'ami Nuscule to make it fully compatible for Safari v2"

The If Works · PackR

The If Works · PackR: "PackR is a Ruby port of Dean Edwards’ MIT-licensed JavaScript compressor, Packer. It is made available as a plugin for Ruby on Rails. This version is based on Packer 3.0. You may find that the results it produces are not strictly identical to those of the JavaScript version, but the difference is just a question of how the base-62 word list is ordered — your scripts will work just like those produced with the online version. The level of compression achieved is identical between the two versions."

enunciate

enunciate: "Enunciate is a Web service deployment framework. It is not another Web service stack implementation. Rather, Enunciate leverages existing Web service technologies to provide a mechanism to build, package, deploy, and to clearly, accurately deliver your Web service API on the Java platform."

ruzee.com - Steffen Rusitschka » ShadedBorder - JavaScript Round Corners with Drop Shadow

ruzee.com - Steffen Rusitschka » ShadedBorder - JavaScript Round Corners with Drop Shadow: "ShadedBorder - JavaScript Round Corners with Drop Shadow"

miércoles, octubre 17, 2007

lunes, octubre 08, 2007

lunes, octubre 01, 2007

start [Meteora]

start [Meteora]: "Meteora is a widget engine and a set of small but useful widgets that allows you to quickly write rich and customizable web applications without having to waste time reading full pages of documentation."

miércoles, septiembre 26, 2007

RimuHosting Bliki :: knowledgebase/linux/java/-Xmx settings

RimuHosting Bliki :: knowledgebase/linux/java/-Xmx settings: "-Xmx settings"

com.corejsf.UploadFilter (Java2HTML)

UploadFilter

GWT Widget Libraries

GWT Widget Library
WT Sandbox
Interactive charts anywhere with Google Web Toolkit!

MyGWT

MyGWT

Ajax for Java developers: Exploring the Google Web Toolkit

Ajax for Java developers: Exploring the Google Web Toolkit: "Ajax for Java developers:"

Luca Masini's Weblog

Luca Masini's Weblog

A List Apart: Articles: If I Told You You Had a Beautiful Figure...

A List Apart: Articles: If I Told You You Had a Beautiful Figure...: "If I Told You You Had a Beautiful Figure..."

InfoQ: The Box: A Shortcut to finding Performance Bottlenecks

InfoQ: The Box: A Shortcut to finding Performance Bottlenecks: "The Box: A Shortcut to finding Performance Bottlenecks"

Hibernate Search 3.0 available: provides full-text search

Hibernate Search 3.0 available: provides full-text search: "Hibernate Search 3.0 available: provides full-text search"

Enterprise Java Community: Integrating Presence into J2EE Environments

Enterprise Java Community: Integrating Presence into J2EE Environments

lunes, septiembre 24, 2007

Moo Floor

Moo Floor: "http://www.piro.ws/mootools/MooContext/"

24 ways: Marking Up a Tag Cloud

24 ways: Marking Up a Tag Cloud: "by Mark Norman Francis"

martes, septiembre 18, 2007

Cheat Sheet : All Cheat Sheets in one page

Cheat Sheet : All Cheat Sheets in one page: "Cheat-Sheets.org"

Cómo crear el efecto ‘Polaroid’ | Infected-FX| tutoriales, recursos y referencias para desarroladores y diseñadores web

Cómo crear el efecto ‘Polaroid’ | Infected-FX| tutoriales, recursos y referencias para desarroladores y diseñadores web: "Cómo crear el efecto ‘Polaroid’"

Capítulos del manual de Java

Capítulos del manual de Java

Scrollovers - A New Way of Linking

Scrollovers - A New Way of Linking: "Scrollovers"

SQL Designer

SQL Designer

Infected-FX| tutoriales, recursos y referencias para desarroladores y diseñadores web

Infected-FX| tutoriales, recursos y referencias para desarroladores y diseñadores web: "Infected-FX"

Adobe Photoshop - Carbon Fibre Pattern

Adobe Photoshop - Carbon Fibre Pattern: "Adobe Photoshop - Carbon Fibre Pattern"

Free Fonts of the Month: Revalo, Nadia Serif, Qlassik | Free Fonts

Free Fonts of the Month: Revalo, Nadia Serif, Qlassik | Free Fonts: "Free Fonts of the Month: Revalo, Nadia Serif, Qlassik"

PSDTuts » Advanced Glow Effects

PSDTuts » Advanced Glow Effects: "Advanced Glow Effects"

lunes, septiembre 17, 2007

Simple Spark

Simple Spark

SonSpring | PNG Overlay

SonSpring | PNG Overlay: "PNG Overlay"

ESWAT web project framework at ESWAT

ESWAT web project framework at ESWAT: "ESWAT"

125 Code Snippets for web designers | PaulSpoerry.com

125 Code Snippets for web designers | PaulSpoerry.com: "125 Code Snippets for web designers"

Scott Jehl, Designer/Developer, Boston, MA | Process: StyleMap: Visual Sitemap

Scott Jehl, Designer/Developer, Boston, MA | Process: StyleMap: Visual Sitemap: "StyleMap: HTML Visual Sitemap Tool"

Max Design - Replicating a Tree table

Max Design - Replicating a Tree table: "Replicating a Tree table"

CSS Based Navigation

CSS Based Navigation: "

"

Popular Online Generators | Tech Magazine

Popular Online Generators | Tech Magazine: "Popular Online Generators"

Go2Web20.net - The complete Web 2.0 directory

Go2Web20.net - The complete Web 2.0 directory

JavaScript Calendar Component | NoGray.com

JavaScript Calendar Component | NoGray.com

miércoles, septiembre 12, 2007

Silkscreen is a small free font for your Web graphics. (kottke.org)

Silkscreen is a small free font for your Web graphics. (kottke.org): "Silkscreen type family"

Goplan - Online project management and collaboration tool

Goplan - Online project management and collaboration tool

InstantStorm - a free Flash screensaver creator - turn your SWF files into a screensaver

InstantStorm - a free Flash screensaver creator - turn your SWF files into a screensaver

Great Fonts for Web 2.0

Great Fonts for Web 2.0: "Great Fonts for Web 2.0 13 November, 2006 — Stuart Brown"

swaymedia.com » Blog Archive » Web 2.0 Sticker Text Effect

swaymedia.com » Blog Archive » Web 2.0 Sticker Text Effect: "Web 2.0 Sticker Text Effect"

Web 2.0 Webdesign-Tutorials » Webdesign, Web 2.0

Web 2.0 Webdesign-Tutorials » Webdesign, Web 2.0: "Web 2.0 Webdesign-Tutorials"

Ejecutando archivos JS en servidores remotos « Intenta

Ejecutando archivos JS en servidores remotos « Intenta: "Ejecutando archivos JS en servidores remotos"

LibrosWeb.es - Libros gratuitos sobre HTML, CSS, JavaScript y otras tecnologías web

LibrosWeb.es - Libros gratuitos sobre HTML, CSS, JavaScript y otras tecnologías web: "LibrosWeb.es"

CSS: Consejos y buenas prácticas - Pixelovers

CSS: Consejos y buenas prácticas - Pixelovers: "CSS: Consejos y buenas prácticas"

CSS inicial by RUDEWORKS

CSS inicial by RUDEWORKS

Download Free Vector Graphics at Vecteezy!

Download Free Vector Graphics at Vecteezy!: "Vecteezy"

WOS Portable - CH Software

Webserver On Stick (WOS) Portable - CH Software: "WOS Portable"

Web 2.0 Style Brushes | Taster Set 1

Web 2.0 Style Brushes | Taster Set 1: "Web 2.0 Style Brushes | Taster Set 1"

Design Inspiration Gallery - FAVEUP

Design Inspiration Gallery - FAVEUP

Stemplate - Free web template elements

Stemplate - Free web template elements: "Free web template elements"

Regular Expressions Cheat Sheet - Cheat Sheets - ILoveJackDaniels.com

Regular Expressions Cheat Sheet - Cheat Sheets - ILoveJackDaniels.com: "Regular Expressions Cheat Sheet"

5 expresiones regulares útiles para desarrollo web » Sentido Web

5 expresiones regulares útiles para desarrollo web » Sentido Web: "5 expresiones regulares útiles para desarrollo web"

jggweb: Fotografía y retoque digital » Optimización del Contraste Tonal

jggweb: Fotografía y retoque digital » Optimización del Contraste Tonal: "Optimización del Contraste Tonal"

No Borders Campaign - Client Brief

No Borders Campaign - Client Brief

Vector Logo Database

Vector Logo Database

Grow a textarea

Grow a textarea

Sliding Side Bar

Sliding Side Bar

Apache Directory Server v1.5 - An extensible, embeddable LDAP server entirely in Java

Apache Directory Server v1.5 - An extensible, embeddable LDAP server entirely in Java: "ApacheDS v1.5"

martes, septiembre 11, 2007

Groovy.org.es: la misma plataforma, mas posibilidades.

Groovy.org.es: la misma plataforma, mas posibilidades.: "Cómo supervitaminar y mineralizar tus scripts de shell"

JonDesign's (Javascript) SmoothGallery 2.0: Improved Mootools Mojo for Images | What's new ?

JonDesign's (Javascript) SmoothGallery 2.0: Improved Mootools Mojo for Images | What's new ?
Version 2.0 is out and a lot of changes have been made since v1.0.1... A lot of bugfixes, yeah. But also new features !
Big new features ?

* Back and forward buttons of your browser now controls the gallery. Moreover, you can send that url up there to a friend, he will see exactly the same slide on the gallery than you. This is called HistoryManager. See a demo.
* You can have multiple galleries on one place and switch between galleries. This is called Gallery Sets. See a demo.
* Tired of that smooth fade-in of pictures ? SmoothGallery now supports transitions between slides. See a demo.
* Don't want to use all of your bandwidth for some galleries ? SmoothGallery now includes a real preloader and loads only what is needed, while giving feedback to the user on the progress (Most of the time, users won't even see a loading bar, as SmoothGallery tries to load what the user could want to see).

Small improvements ?

* Switched to mootools 1.11
* Still using prototype, jquery or another incompatible js framework ? I've made a name-spaced version for you !
* Carousel now automatically close when you click on an item (can be turned off).
* SmoothGallery can be even more customized to what you need. You can for example take the carousel off the gallery in any part of your page you want.
* Upgraded license to GPL v3.
* Using flickr to manage your pictures ? fine ! there is now an official flickr plugin available to display your picture sets as gallery sets.

lunes, septiembre 10, 2007

jueves, septiembre 06, 2007

viernes, agosto 31, 2007

syntaxhighlighter - Google Code

syntaxhighlighter - Google Code: "syntaxhighlighter"

Ajax auto-suggest / auto-complete | BrandSpankingNew

Ajax auto-suggest / auto-complete | BrandSpankingNew: "Autosuggest / Autocomplete with Ajax v. 2.1.3"

NYOKIGLITTER - Tab Styled Accordion

NYOKIGLITTER - Tab Styled Accordion

http://www.brunofigueiredo.com/notfound.aspx?aspxerrorpath=/archive/2007/03/13/Mootools-Advanced-DataGrid-beta.aspx

http://www.brunofigueiredo.com/notfound.aspx?aspxerrorpath=/archive/2007/03/13/Mootools-Advanced-DataGrid-beta.aspx: "Is this what you are looking for? Mootools JavaScript Library ReleasedmooBox: simple implmentation of the LightBox effect using the new mooToolsReflection and Shadows with javascript using mootools and efxFactoryreflector effect using mooToolsmooTools : labeling images in a different wayRound Corners using Transcorners and mootoolsMoodgets: Widgets for mootoolsMootools: Cache your effectsProof of Concept - Generate a client-side proxy for a webservice using asp.net and mootoolsData Template using MootoolsUpload files with mootoolsMooTools Drag&Drop : ExemploMootools: Advanced DataGrid (beta)Writing a Issue tracker part I: The main ideiac# - OPML Parser"

frequency decoder ~ Unobtrusive Table Sort Script (revisited)

frequency decoder ~ Unobtrusive Table Sort Script (revisited): "Unobtrusive Table Sort Script (revisited)"

A CSS Sticky Footer

A CSS Sticky Footer: "A CSS sticky footer that just works"

http://labs.istrasoft.be/google-maps-lightbox/

mootools google-maps-lightbox/: "Google Maps Lightbox"

TCCB v2 demo page | 456 Berea Street

TCCB v2 demo page | 456 Berea Street: "Transparent custom corners and borders, version 2"

Tree with Checkbox Nodes

Tree with Checkbox Nodes: "Tree with CheckBox nodes"

Control.TextArea : Cross Browser TextArea Manipulation for Prototype

Control.TextArea : Cross Browser TextArea Manipulation for Prototype: "Control.TextArea"

Stu Nicholls | CSSplay | Chunky borders with curved corners

Stu Nicholls | CSSplay | Chunky borders with curved corners: "Chunky Borders and corners with no images"

Stu Nicholls | CSSplay | Another simple CSS calendar

Stu Nicholls | CSSplay | Another simple CSS calendar: "A simple list calendar"

WillMayo.com » Blog Archive » CSS Speech Bubbles

WillMayo.com » Blog Archive » CSS Speech Bubbles: "CSS Speech Bubbles"

CodePress - Real Time Syntax Highlighting Editor written in JavaScript

CodePress - Real Time Syntax Highlighting Editor written in JavaScript: "Online Real Time Syntax Highlighting Editor written in JavaScript"

Implementing a syntax-higlighting JavaScript editor in JavaScript

Implementing a syntax-higlighting JavaScript editor in JavaScript: "Implementing a syntax-higlighting JavaScript editor in JavaScript"

Accordion

mootools Accordion Sample

Cross-Browser Rich Text Editor (RTE) - the online home of Kevin Roth

Cross-Browser Rich Text Editor (RTE) - the online home of Kevin Roth: "Cross-Browser Rich Text Editor (RTE)"

Deziner Folio » Downloads

Deziner Folio » Downloads: "Downloads"

Scalable CSS Buttons Using PNG and Background Colors | David’s kitchen

Scalable CSS Buttons Using PNG and Background Colors | David’s kitchen: "Scalable CSS Buttons Using PNG and Background Colors"

jTagEditor

jTagEditor: "Html editor example"

filament group inc. || Styling the Button Element with Sliding Doors

filament group inc. || Styling the Button Element with Sliding Doors

Dnevnik eklektika // CSS gallery layout, smells like a table

Dnevnik eklektika // CSS gallery layout, smells like a table: "CSS gallery layout—smells like a table"

Simple Double Quotes

Simple Double Quotes: "Simple Double Quotes"

How to make sexy buttons with CSS

How to make sexy buttons with CSS

WYMeditor - web-based XHTML editor - Home

WYMeditor - web-based XHTML editor - Home: "WYMeditor: web-based XHTML editor
"

Load Info - gif generator

Load Info - gif generator

arc90 lab | tools: Sidenote Demo

arc90 lab | tools: Sidenote Demo: "Unobtrusive Sidenotes"

JWChat - Jabber Web Chat

JWChat - Jabber Web Chat

How to create VISTA style toolbar with CSS

How to create VISTA style toolbar with CSS: "How to create VISTA style toolbar with CSS"

http://www.khmerang.com/csslab/bargraphs/bargraph2.html

css bargraph2

Miedlar.com

Miedlar.com: "Prototype Carousel w/ Scriptaculous"

jsProgressBarHandler AJAX Demo | Javascript Progress/Percentage Bar

jsProgressBarHandler AJAX Demo | Javascript Progress/Percentage Bar

FancyForm - Javascript checkbox replacement

FancyForm - Javascript checkbox replacement: "Form"

http://sentry.case.edu/moo/mooMask/mooMask.html

mooMask mask text input

SOFTr Utils » Blog Archive » softrCalendar

SOFTr Utils » Blog Archive » softrCalendar: "softrCalendar"

Xilinus : Prototype Portal Class

Xilinus : Prototype Portal Class: "Prototype Portal Class"

646 + Ajax/Javascript/Dhtml examples and demos to download

646 + Ajax/Javascript/Dhtml examples and demos to download

YAML Builder | A tool for visual layout development of YAML based CSS layouts

YAML Builder | A tool for visual layout development of YAML based CSS layouts

lunes, agosto 27, 2007

AMIS Technology blog » Blog Archive » Struts, JAAS, Tomcat: getting acquainted (part 2)

AMIS Technology blog » Blog Archive » Struts, JAAS, Tomcat: getting acquainted (part 2): "Struts, JAAS, Tomcat: getting acquainted (part 2)"

6 Keys to Understanding Modern CSS-based Layouts - Snook.ca

6 Keys to Understanding Modern CSS-based Layouts - Snook.ca: "6 Keys to Understanding Modern CSS-based Layouts"

Foo Framework » Home

Foo Framework » Home

Flex 2 sample application - tudu lists

Flex 2 sample application - tudu lists: "Flex 2 sample application - tudu lists"

Struts The MVC Framework

Struts The MVC Framework: "Struts The MVC Framework"

Codehaus: SSSO

Codehaus: SSSO: "SSSO Simple Single Sign On Implementing single sign on (SSO) can be a complex task in many organizations. The purpose of the Simple SSO project is to provide a java framework that integrates common token-based SSO products with existing java application servers, applications and frameworks."

Thomas Dudziak's Weblog : Weblog

Thomas Dudziak's Weblog : Weblog: "Thomas Dudziak's Weblog"

jueves, agosto 23, 2007

Introduction to JAAS and Java GSS-API Tutorials

Introduction to JAAS and Java GSS-API Tutorials: "Introduction to JAAS and Java GSS-API Tutorials"

Single Sign-on Using Kerberos in Java

Single Sign-on Using Kerberos in Java: "Single Sign-on Using Kerberos in Java"

Simplify enterprise Java authentication with single sign-on

Simplify enterprise Java authentication with single sign-on: "Simplify enterprise Java authentication with single sign-on"

Java & J2EE

Java & J2EE

Struts RequestProcessor override... - comp.lang.java.programmer | Google Groups

Struts RequestProcessor override... - comp.lang.java.programmer | Google Groups

Struts Land

Struts Land: " Home|About Us|Tutorials|Downloads|Subscribe|Feedback Copyright © Struts Land 2006, 2007 - Some Rights Reserved"

TESTAREA ownCMS WYSIWYG Editor

TESTAREA ownCMS WYSIWYG Editor

Slideshow: A Javascript class for Mootools

Slideshow: A Javascript class for Mootools

Mootools Link List

Mootools Link List: "Mootools Link List :: BETA"

Articulos, ejemplos y tutoriales sobre Mootools en español

Articulos, ejemplos y tutoriales sobre Mootools en español: "Mootools XMLHttpRequest: XHR.js"

Prueba scroll 100%

Prueba scroll 100%: "

  • Ir al panel 1
  • Ir al panel 2
  • Ir al panel 3
  • Ir al panel 4
  • Ir al panel 5
  • Ir al panel 6
"

MooTips

MooTips: "MooTips.v1.11"

digitarald » Playground

digitarald » Playground: "Web Development Playground"

martes, julio 31, 2007

martes, junio 05, 2007

martes, mayo 08, 2007

viernes, mayo 04, 2007

Free Icons Web - Free Icons,Free Icons Download,Free window icons,Free xp icons,Free computer icon

Free Icons Web - Free Icons,Free Icons Download,Free window icons,Free xp icons,Free computer icon

14 Tab-Based Interface Techniques | Smashing Magazine

14 Tab-Based Interface Techniques | Smashing Magazine: "14 Tab-Based Interface Techniques"

VDrift - open source drift racing simulation

VDrift - open source drift racing simulation: "Very realistic physics"

10 Photoshop Masters | Abduzeedo by design

10 Photoshop Masters | Abduzeedo by design:

Web 2.0 Webdesign-Tutorials | Dr. Web Weblog

Web 2.0 Webdesign-Tutorials | Dr. Web Weblog: "Web 2.0 Webdesign-Tutorials"

Leandono´s Blog - Añadir notas en imágenes (similar a Flickr) utilizando CSS

Leandono´s Blog - Añadir notas en imágenes (similar a Flickr) utilizando CSS

Mapa Visual de la Web 2.0

Mapa Visual de la Web 2.0

iconfinder.net - Worlds largest icon search engine

iconfinder.net - Worlds largest icon search engine

Se sale: -> !!!! Loupe.js !!!!

Loupe.js: Ver la de hommer

miércoles, mayo 02, 2007

Mi instalación de Subversion en FC6

http://www.subversionary.org/howto/setting-up-a-server-on-fedora-core-4
http://www.abbeyworkshop.com/howto/misc/svn01/

martes, abril 24, 2007

martes, abril 17, 2007

.:: NOTEPAD++ ::.

.:: NOTEPAD++ ::.

ZipGenius.it - Free zip utility for Windows that handles zip, rar, cab, 7-zip archives and CD-ROM ISO9660 image files » Screenshots

ZipGenius.it - Free zip utility for Windows that handles zip, rar, cab, 7-zip archives and CD-ROM ISO9660 image files » Screenshots: " A lot of tools - click to enlarge
A lot of tools available
"

UltraExplorer

UltraExplorer

Punk Software - RocketDock

Punk Software - RocketDock: "RocketDock"

Elements of Design: A Web Design Showcase

Elements of Design: A Web Design Showcase: "Newest Additions"

Silkscreen is a small free font for your Web graphics. (kottke.org)

Silkscreen is a small free font for your Web graphics. (kottke.org)

Websiteicons

Websiteicons

DHTML Site - Free CSS Graph Resources Generators

DHTML Site - Free CSS Graph Resources Generators: "10 Free CSS Graph Resources"

Grunge Textures - Free Stock Photos, Images, Backgrounds and Digital Art

Grunge Textures - Free Stock Photos, Images, Backgrounds and Digital Art

Mohawke's Best of the Best Free and Open Source Software Collection: Mac OS X and Windows software Collection

Mohawke's Best of the Best Free and Open Source Software Collection: Mac OS X and Windows software Collection: "For search features you can simply use the search feature in your browser; Ctrl+F or Apple+F - Firefox
(This page contains no popups, ads, or cookies, but does require a javascript enabled browser.)
"

Gradientes web 2.0 para Photoshop en Intenta

Gradientes web 2.0 para Photoshop en Intenta: "Gradientes web 2.0 para Photoshop"

XXLpix | XXL-Fotos en lienzo con marco

XXLpix | XXL-Fotos en lienzo con marco

martes, abril 10, 2007

miércoles, abril 04, 2007

Complete Logo Design Guide | E Logo Design

Complete Logo Design Guide | E Logo Design

CartoonStock - 90,000 Cartoon Pictures and Political Cartoons.

CartoonStock - 90,000 Cartoon Pictures and Political Cartoons.

WebCodr.com » Blog Archive » 15 Javascript Snippets You Can’t Live Without

WebCodr.com » Blog Archive » 15 Javascript Snippets You Can’t Live Without

Consejos para evitar crear malas aplicaciones web » Sentido Web

Consejos para evitar crear malas aplicaciones web » Sentido Web

CSSVista: Live CSS editing with Internet Explorer and Firefox simultaneously

CSSVista: Live CSS editing with Internet Explorer and Firefox simultaneously

UK Thoughts | CSS submit buttons

UK Thoughts | CSS submit buttons: "Preview Button"

Have a Slice

Have a Slice: "

Dynamic Pie Chart with CSS



This is an example of creating a semi-dynamic pie chart
without the use of server-side imaging libraries






37%





This image powers the chart:



Pie Slices"

arc90 lab | tools: Sidenote Demo

arc90 lab | tools: Sidenote Demo: "Unobtrusive Sidenotes"

Bare Naked App » Displaying percentages

Bare Naked App » Displaying percentages

CSS: Unordered List Calendar | Mike’s Experiments | MikeCherim.com

CSS: Unordered List Calendar | Mike’s Experiments | MikeCherim.com: "MikeCherim.com - CSS: Unordered List Calendar"

Max Design - Replicating a Tree table

Max Design - Replicating a Tree table

Efecto 300 de Frank Miller en tus Fotos

Efecto 300 de Frank Miller en tus Fotos: ""

Enterprise Java Community: Ajax CRUD with Struts2 and Tibco GI

Enterprise Java Community: Ajax CRUD with Struts2 and Tibco GI

miércoles, marzo 28, 2007

inlineEdit Plugin

inlineEdit Plugin

Vertical Image Menu

Vertical Image Menu

GMapsOverlay

GMapsOverlay

PBB SideBar v1.00 DEMO

PBB SideBar v1.00 DEMO: "MySideBarB = new PBBSideBar({
position : 'left',
styles: {
'width': '500',
'color': 'white',
'background-color': 'red',
'opacity': 0.6
},
showDuration: 500,
showEffect: Fx.Transitions.backOut,
hideDuration: 500,
hideEffect: Fx.Transitions.quadInOut
});"

Videobox: Lightbox for videos, Youtube, Metacafe, Google Video, iFilm

Videobox: Lightbox for videos, Youtube, Metacafe, Google Video, iFilm: "Videobox: Lightbox for videos"

MOOdalBox, a modal box based on Slimbox code « mootools forums

MOOdalBox, a modal box based on Slimbox code « mootools forums: "Sam Lewis
Moxie Media, LLC
GoMoxieMedia.com"

MOOdalBox - an HTML Lightbox — e-magine [archives]

MOOdalBox - an HTML Lightbox — e-magine [archives]

Slidinglist

Slidinglist: "1-2Schotse hooglander


  • 1-2Gaur

  • 2-2Cows

    • 1-2Groninger Blaarkop

    • 2-2Lakenvelder

      • 1-2Yak

      • 2-2Gaur





"

mferracioli.com » Blog Archive » Plugin de Sugestions para mootools

mferracioli.com » Blog Archive » Plugin de Sugestions para mootools

NYCG - XPOP

NYCG - XPOP: "     xPopMenu - Patrick Boucher's python extension class for XPOP"

viernes, marzo 16, 2007

Ajax Data Transfer Format for Sending Data to the Server Side

Ajax Data Transfer Format for Sending Data to the Server Side: "Ajax Data Transfer Format - UED(Url Encoded Data)"

Control.Tabs : Projects : LivePipe™

Control.Tabs : Projects : LivePipe™: "Control.Tabs is a simple way to create accessible, flexible & unobtrusive tabbed interfaces in your applications or pages. It uses anchors and named elements to function, so browsers that do not support javascript will still be able to navigate through your tabs."

martes, marzo 13, 2007

Reflection.js for mootools · digitalia.be

Reflection.js for mootools · digitalia.be: "This is an improved version of the reflection.js script rewritten for mootools. It allows to add instantaneous reflection effects to your images in modern browsers, in less than 3kb."

viernes, marzo 09, 2007

jek2kdotcom » Blog Archive » Drop down with Javascript (EN)

jek2kdotcom » Blog Archive » Drop down with Javascript (EN): "Drop down with Javascript (EN)"

Dynamic asset loading « mootools forums

Dynamic asset loading « mootools forums

multi-file selector based on mootools « mootools forums

multi-file selector based on mootools « mootools forums: "multi-file selector based on mootools"

Multi-accordion with sortables

moo

My playground: Tabs, Ghost Drag&Drop and more « mootools forums

My playground: Tabs, Ghost Drag&Drop and more « mootools forums: "Tabs

The original author asked me for a moo-conversion, work is in progress. Will refactor still much of the code and add support for Dragging into tabcontent (Dragging over a tab activates it).

http://dev.digitarald.de/tabs.html

Playground Dragging (Reverse Dragging)

Dragging reversed, wonky because onStart and onComplete have this 10ms delay, so in some situations the position is changing.

http://dev.digitarald.de/drag.html

Fly-over-background

Scrolling effect, like the effect in flash used on some nice sites. Scrolling from content to content that is attached to a big background image. Just a performance check ;)

http://dev.digitarald.de/tile.html

Ghost Dragging

Shopping Card dragging? Drag your favorite element and drop a copy of it, like in Rich Client Shopping cards or Item-to-Category. Very basic, added my personal spice with ajax and more checks inside my own rich client project ;)

http://dev.digitarald.de/ghostdrag.html

More to come (Better Lightbox, mooSelectBox, conversion of Floating Windows)."

moo data

Move data from one list to the next, and store it in an array until the user submits the selection. It will only load one of each.
moo data

heySilver

heySilver

Page Editor

Page Editor

Moo Carousel

selectaskip
Mutiny Design

moo flickr pop-ups

moo flickr pop-ups: "

Pop-Ups






"

Pretty Forms

Pretty Forms: "




"

53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine

53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine: "January 19th, 2007"

justinmaier.com

Ver la sección de Links
justinmaier.com

Free CSS Navigation Menu Designs at exploding-boy.com

Free CSS Navigation Menu Designs at exploding-boy.com: "ExplodingBoy - Home"

PHATFUSION

PHATFUSION: "

"

IceBeat | PostEditor

IceBeat | PostEditor

mootable example

mootable example: "mootable example"

Mootools - Sortable nested lists

Mootools - Sortable nested lists

viernes, marzo 02, 2007

No puedo creer que lo hayan inventado… » Gadgets, inventos y artilugios para frikis y geeks

No puedo creer que lo hayan inventado… » Gadgets, inventos y artilugios para frikis y geeks

dadanoias

dadanoias:

Guía Breve de Accesibilidad Web

Guía Breve de Accesibilidad Web

SEOmoz | 15 CSS Properties You Probably Never Use (but perhaps should)

SEOmoz | 15 CSS Properties You Probably Never Use (but perhaps should)

Category:Nuvola icons - Wikimedia Commons

Category:Nuvola icons - Wikimedia Commons: "

  • Application icons

  • Device icons

  • Filesystem icons

  • Filetype icons
  • "

    MOOdalBox - an HTML Lightbox — e-magine [archives]

    MOOdalBox - an HTML Lightbox — e-magine [archives]:

    Manuales

    - Manual de Introducción a GIMP
    - Manual Básico de Windows Movie Maker
    - Manual de introducción a Blender
    - Animación con Flash
    - Captura y Edición de Audio con Herramientas Libres II
    - Captura y Edición de Audio con Herramientas Libres
    - Manual de CourseBuilder
    - Juego Educativo en Flash
    - Manual de fotografía digital

    Introducción a la fotografía digital,

    La cámara digital

    La edición y el retoque (1)

    La edición y el retoque (2)

    La publicación
    - Introducción a la edición de vídeo con Quicktime
    - Manual de Introducción a las Comunidades Virtuales

    Nicora | Articles | Learn to create your own Web2.0 Logo

    Nicora | Articles | Learn to create your own Web2.0 Logo: "Permalink"

    No Relation» Blog Archive » Photoshop “Glass Text” Tutorial

    No Relation» Blog Archive » Photoshop “Glass Text” Tutorial: "As I have announced it before, I am going to be posting Photoshop tutorials on this blog. Some tutorials are old others are new and will be posted for the first time. So stay tuned!

    Today I am going to start off with quite a simple tutorial that will show you how to achieve a glassy text effect ."

    Photoshop Tutorials

    Photoshop Tutorials

    Bin-Blog: Creating Web 2.0 Graphics In Gimp

    Bin-Blog: Creating Web 2.0 Graphics In Gimp

    Web 2.0 how-to design style guide

    Web 2.0 how-to design style guide: "Web 2.0 how-to design guide"

    Web 2.0 Design Kit | Photoshop Lab

    Web 2.0 Design Kit | Photoshop Lab

    Pixel Acres » Blog Archive » The visual design of Web 2.0

    Pixel Acres » Blog Archive » The visual design of Web 2.0

    A Glossy Starburst Tutorial « photoshopit

    A Glossy Starburst Tutorial « photoshopit

    The Logos of Web 2.0 | The FontFeed at FontShop

    The Logos of Web 2.0 | The FontFeed at FontShop

    Photoshop Tutorial: Create glossy button for web 2.0

    Photoshop Tutorial: Create glossy button for web 2.0


    This tutorial will show you how to create some of the more popular Web 2.0 style button using Photoshop CS. Full tutorial after jump.

    1. Creating the base

    Fire up a new canvas and adjust the following settings (marked in yellow) according to the image below. The rest should come as default. You might want to double check with the defaults too.

    Create a new layer call ‘Button’

    On layer ‘Button’, select the Rounded rectangle tool

    give it a radius of 7px

    and draw a rectangle similar to the image below.

    2. Red button

    Right click on the Blending Options for ‘Button’ layer

    and tweak the following settings for

    Drop Shadow

    Inner Shadow

    Bevel and Emboss, and

    Gradiant Overlay

    Your button should look something like this

    3. Glossy and a little tweak

    Create a new layer call ‘Glass’

    Select Retangular marquee tool, make sure you are selecting ‘Button’ layer. HOLD your key and click on layer ‘Buttons’’s layer thumbnail. Your button should now be highlighted.

    Select ‘Glass’ button now, hold the key with Retangular marquee tool selected. Draw(cut) across the lower half of the button like the image below.

    Fill the selected area with white color #ffffff using Paint Bucket Tool

    Adjust the opacity to 18%

    and you should have glossy button looking like this.

    4. Pattern Overlay

    Lets give the button some slight pattern overlay. I’ll be using the custom stripe5px created earlier. Click here to read “How to create custom pattern

    Create a new layer call ‘Pattern’ in between ‘Button’ and ‘Glass’ and proceed with Blending Options.

    Select Pattern Overlay, choose Stripe5px (or any pattern you’ve created) and click OK then close the dialogue.

    Make sure you are still on Rectangular Marquee tool, hold and click on Button’s layer thumbnail to get the buttons shape. Fill up the selected area in ‘Pattern’ layer with Paint Bucket tool and adjust the layer opacity to 5%.

    5. Inserting Text

    I’ll throw in some random text in white #ffffff color with the following settings

    and the following blending effects on my text’s layer.

    Drop Shadow

    Output

    You should get an image like this.

    IRIS Design » Archive » Web 2.0 style buttons

    IRIS Design » Archive » Web 2.0 style buttons:

    Nowadays Web 2.0 style becomes more popular. Every day tons of sites which has simple, bright and very interesting things, appear in Network. There are no standards about creating any Web 2.0 elements, but we have several typical features, for example and clean colors, many gradients.

    Today I want to show you how to create Web 2.0 styled button using Adobe Photoshop CS2.

    1. Open the Photoshop, create new document for the button.
    2. Create shape for future button using Rounded Rectangle tool on toolbar, specify round radius.
      Web 2.0 Button - Initial
    3. Right click on rectangle layer in Layers palette, choose Blending Options.
    4. Set the Gradient Overlay effect parameters. I have following color of first and second thumb: 434343, third – 000000.
      Web 2.0 Button - Initial gradient
    5. You can find Stroke effect parameters below. Stroke color is 363636.
      Web 2.0 Button - Initial stroke
    6. Set the Inner Glow effect options.
      Web 2.0 Button - Initial inner glow
    7. As the result you will get following image:
      Web 2.0 Button - Initial result
    8. Create rectangle using Rounded Rectangle tool, it will be used as button glare.
      Web 2.0 Button - Glare
    9. Right click on “glare” layer, choose Rasterize Layer.
    10. Click Edit in Quick Mask Mode on toolbar.
    11. Choose Gradient Tool, create gradient like following:
      Web 2.0 Button - Glare mask
    12. After leaving quick mask mode, you will get selection area. Click Delete button.
      Web 2.0 Button - Glare result
    13. Add layer with text “Entries RSS” and RSS icon. Set Drop Shadow effect parameters.
      Web 2.0 Button - Text

    Now you got following button:

    Web 2.0 Button - Result

    After changing different effects parameters, adding or changing elements, I got following buttons:

    Web 2.0 Button - Example 1

    Web 2.0 Button - Example 2

    Web 2.0 Button - Example 3

    Web 2.0 Button - Example 4

    Updated: You can download PSD sources here.