Tag : webdesign

BEST JQUERY Effects and Plugin

Has this user visited this site before?: Ravelrumba:
http://www.ravelrumba.com/blog/firstimpression-js-library-detecting-new-visitors/
Incredible animation – Jmpress.js:

http://shama.github.com/jmpress.js/

http://shama.github.com/jmpress.js/examples/impress/#/overview

Superscroll/parallax – Superscrollorama:

http://johnpolacek.github.com/superscrollorama/

Sliding Website – REVOLVER:

http://2.s3.envato.com/files/27577254/index.html#/homepage

http://codecanyon.net/item/revolver-sliding-website-plugin/2278396?ref=jqueryrain&ref=jqueryrain&clickthrough_id=74039323&redirect_back=true

Tooltip:

http://onehackoranother.com/projects/jquery/tipsy/

Advance Multiple Responsive Slider:

http://www.idangero.us/sliders/moover/

Custom CSS Buttons & jQuery Events Tutorial:

http://www.jquery4u.com/dynamic-css-2/custom-css-buttons-jquery-events-tutorial/#.UB7XYURDTpT

Endless Scroll:

http://www.beyondcoding.com/demos/endless-scroll/

Filtry:

http://luis-almeida.github.com/filtrify/

Full screen background – Backstretch:

http://srobbin.com/jquery-plugins/backstretch/

Pagination: Jpages:

http://luis-almeida.github.com/jPages/mosaic.html

Textualizer:

http://kiro.me/projects/textualizer.html

Website Tour and page Instruction:

http://www.jquery4u.com/plugins/web-tour-instructional-plugins/#.UB7fikRDTpT

Hovercards:

http://designwithpc.com/Plugins/Hovercard#demo

Calendar like Google! Full Calendar:

http://arshaw.com/fullcalendar/

SPECIAL – ICONS

http://brankic1979.com/icons/

Advance Css Backgrounds

manage_big_backgrounds_css

Ecco due guide per sfruttare al massimo la possibilità di usare dei grandi background su body o wrapper vari, molto interessanti!

How to css large background

Perfect full-page background image

Using RSS Feeds in your web pages

Problema: Un modo pratico e veloce per creare un box che mostri  feed rss esterni nelle pagine di un sito.

Soluzione: Feed2JS

Ancora devo testarlo, ma un collega me ne ha parlato molto bene, sembra che sia anche ben customizzabile.

Free Software for Wireframe ant prototyping

wireframe_box

Wireframe e prototype sono fondamentali per la progettazione di un sito che si rispetti.

Qui vi propongo un utilissimo link con un elenco di alcuni software, da scaricare o utilizzare on-line, utili alla realizzazzione di wireframe e simili, la loro condivisione o la loro pubblicazione.

10 Completely Free Wireframe and Mockup Applications

Per chi invece volesse delle alternative più tradizionali vi propongo di dare un’occhiata a Microsoft Visio (per utenti Windows) e ad OmniGraffle (per utenti Mac).

Photoshop and color problems

color_box

Avete il problema di trovare la corrispondenza esatta tra le esportazioni dei vostri design in html ed i relativi codice colore dei css?????

Ecco come settare al meglio il vostro Fotoschioppo per ottenere dei risultati precisi e senza  problemi.

Setting Up Photoshop For Web, App and iPhone Development

jQuery Cool Things

Ecco una raccolta di plugin e tutorial per arricchire i vostri siti di moderni effetti grazie alla libreria jQuery:

  • AnythingSlider – Il classico slider per visualizzare a rotazione qualsiasi elemento HTML
  • Horinaja – Altro slider (disponibile anche per altre librerie diverse), con la possibilità di gestione del mouse wheel
  • Gritter – Permette di creare notifiche tramite un sistema ispirato al mitico Growl dei sistemi Apple – demo
  • MooFlow – Un plugin coverflow non per jQuery ma per MooTools
  • Featured Content Slider – avete gia capito di cosa si tratta….
  • Menu Background Image Animations – Effetto davvero carino che si presta a molte personalizzazioni

Meecss.com – submit your work

submit_css

Siete un webdesigner o uno sviluppatore?
Avete creato o avete fatto creare un sito basato sui CSS?

Perchè non segnalarmo alle molte gallerie (raccolte) di CSS Site presenti on-line?

www.meecss.com

Questa semplice applicazione web vi aiuta a segnalare il vostro sito internet in maniera veloce e sequenziale e, se siete pigri e non volete ripetere l’operazione sulle oltre 100 gallerie presenti, basta pagare un contributo di 18 dollari e Meecss farà tutte le segnalazioni per voi!

Un servizio interessante anche ai fini di SEO/SEM e pagerank.

Timthumb-php and phpThumb

Ecco due script per ceare delle tumb a partire da qualsiasi immagine abbiate caricato sul vostro server.

Possiamo gestire lw dimwnsioni delle tumb creando anche tagli molto particolari, e la thumb può essere cambiata (in dimensioni) per ogni pagina in cui ne abbiamo bisogno.

Php Thumb, in particolare, ci permette anche di arrotondare gli ancoli della nostra thumb… insomma due script moooolto utili!!!!

Free HTML Form Builder: pForm

pform_box

pForm è form builder gratuito che vi aiuterà a creare semplicemente delle stupende form per il vostro sito.
Offre vari schemi colore da cui partire e vi permette di progettare la vostra form da un’interfaccia Ajax.
una volta che avete terminato di disegare la vostra form potete scaricare i file HTML/CSS pronto all’uso

http://www.phpform.org/

Free Resources for Web Guys

Sempre a causa delle vacanze vicine e dei molti progetti ancora da finire, ho confezionato questo superpost pieno di risorse gratutite per voi sviluppatori e webdesigner, ma prima di tutto per me.

Abbiamo 3 applicazioni open source molto interesanti, una serie di plugin jQuery, un sistema di questionari in flash e altre cosine simpatiche da implementare nei vostri progetti.

Enjoy!!!

  1. Software open source per la gestione delle fatture.
  2. Software open source per la creazione di Tasklist.
  3. Free Collaborative File Sharing.
  4. Google web elements, ti permette di inserire i widget di google sui tuoi siti.
  5. SRT, un template html-css per creare il vostro CV on-line.
  6. jQuery inline form validation.
  7. Flash-XML based survey with multiple questions. Sistema gratuito per piccole inchiste basato su Flash-Xml.
  8. UIpatternfactory.com . Una collezione di User Interface Pattern.
  9. jQuery SuperBox! – Una nuova modal windows basata su jQuery.