Owner: giancarlo.dimassa.net URL:http://giancarlo.dimassa.net Join Date: Sun, 01 Jul 2007 22:11:52 -0500 Rating:0 Site Description: resources on web engineering, graphics design, programming tips, web 2.0 and ajax techniques. Site statistics:Click here
The top ten of finding the right color scheme 2007-07-01 19:29:32 Hi, and welcome to my blog. It’s about web engineering.
If you want to find more, please see the about page.
Today I’ll talk about a problem of many graphic designers:
Build a good color palette for your design works.
The situation is: you need to produce a logo, create a new company image or build a website.
The design floats in your head, but you simply can’t grasp the “right” colors it needs.
For my introduction in the blog’s world as a writer, I’ve chosen to share what I think is the top ten of colour choosing.
Install a color picker: If you use Firefox, install the extension ColorZilla. As the homepage says, it is an avanced eyedropper and colorpicker. Two clicks and a new icon sits in the status bar: No more messing with exadecimal codes when writing your CSS files! Simply click on the eyedropper, then on the place you need to sample and you’ve captured the wonderful color you’ve seen on that page! You can copy the hex code
How to separe PHP code and HTML presentation with Smarty, part 1 2007-07-05 18:09:03 Note: this is article is cut in parts, this is the only the first one. More to come.
Programming in PHP without separating content and code can lead to unwanted results, low mantainability and slower production. Even nowadays you can find tons of scripts written by filling HTML pages with chunks of code. If you do that,
Web designers with no programming skills will not be able to customize easily your script’s appearance.
If you want to change a site, for example a festivity or a redesign, you will need to face a big amount of work adding again all the PHP code to the new HTML pages.
You will not be able to focus on the project because you’ll have to manage yourself all the aspect of HTML production, from loops to file inclusion.
At my first web works I had these problems too. Building a new site required more work that I expected, because it was also difficult to reuse the code built for preceding customers. Then I started putting all my HTML in separate files, reading i Read more:presentation
links for 2007-07-05 2007-07-04 19:46:38
» Revver: guadagnare online con i video Geekissimo
(tags: video blog earn money)
Lussumo Filebrowser - Now with awesome thumbnailing power
(tags: gallery software photo filebrowser web tools opensource php blogging browser cms code coding)
Shadowmaker
(tags: googlemaps google icons maps shadow icon tools generator art design dev graphics)
Bookmark to:
Read more:links
How to set up a test server that supports multiple sites and is accessible from outside 2007-07-04 06:40:43 Before using a test server
, my web programming experience was really slower. In fact, every time I had to modify something or try a piece of code, I had to upload it first to my remote server. If the Internet connection had a fluctuation, I could not continue working at all. This also meant I had to first set up a test website if I didn’t work on the live address. One day I had the curiosity of checking out one of these LAMP distributions (Linux, Apache, MySQL and PHP), just with the Linux variable taken out. They call them a LAMP package for Windows. It contains a preconfigured Apache 2 server with PHP 4 and 5, a switcher between the two, MySQL 5 (you even got a phpMyAdmin script already set up) and a mail server called Mercury32 that enables you to send and receive mails from your own scripts, check out newsletters and so on.I installed the package only once, because after that, I used the same setup over the next Windows installations, just copying the old directory. The packa
The top ten best free Firefox extensions 2007-07-04 00:38:39 These are the Firefoxextensions
I found out to be the best so far:
Fasterfox: it tweaks your Firefox settings, in some situations you really go faster with a good ADSL line. However, it defaults not activating the “Prefetch” function, really useful in some situations (paged results of the search engines for example). Note that Fasterfox breaks the HTML 1.1 compliance of the browser by forcing the web servers to push more data than they would have instead. Remember to change your half connections limit if you got Windows XP or Windows Vista.
ScribeFire (aka Performancing): It’s a plugin that helps you write your blog, I use it myself and I like it. Saves automatically the blog article you are writing if you close the window, has many publishing options and works with many blogs types and accounts, even at the same time. You also got history of the latest operations done.
Delicious by Yahoo: A life saver, if you use Delicious and the Firefox plugin they suggest you,
Exploring the Web Developer Toolbar 2007-07-03 23:54:32 Last time we talked about Firebug, the Javascript Debugger. This time I’ll write about the Web DeveloperToolbar
for Firefox, by Chris Pederick. This invaluable tool really changed the way I work, so I’m really excited to explain all the functions it has.First of all, you can disable or enable the toolbar as needed, I even dropped a button on the standard address toolbar to show and hide it as needed and maximize my screen estate.From left to right, the commands of the toolbar are Disable, Cookies, CSS, Forms, Images, Information, Miscellaneous, Outline, Resize, Tools, View Source, Options.I don’t really want to go on a very long explanation of every single command, it would be maybe boring.. also, the documentation is really good, so better check it out.Let’s take a look at the commands I use more.Disable/Cache, Disable/Javascript/All Javascript, Disable/Cookies, Disable/Clear Session Cookies, Disable/Delete Domain Cookies… these don’t really need Read more:Exploring
links for 2007-07-04 2007-07-03 19:43:54
30 free HTML email templates - Campaign Monitor
(tags: email templates newsletter html webdesign free template design advertising blog branding development flash)
Firebug Lite
(tags: 2007 browsers computer debug css debugging design dev javascript firebug firefox ie webdev development opera)
Ajax Auto Suggest v.2 : CSS . XHTML . Javascript . DOM : Brand Spanking New
(tags: ajax javascript autosuggest search css library tools web auto article components code computer development)
Block Level Commenting : CSS . XHTML . Javascript . DOM : Brand Spanking New
(tags: blog block comments footnotes css javascript)
Javascript / CSS Crossfader : CSS . XHTML . Javascript . DOM : Brand Spanking New
(tags: javascript ajax webdesign effects library design blog code components cool css dev)
Footnotes with CSS and Javascript - the final word : CSS . XHTML . Javascript . DOM : Brand Spanking New
(tags: javascript css footnotes webdesign xhtml code design dom ajax blog development dhtml)
O Read more:links
links for 2007-07-03 2007-07-02 19:46:42
Blogging Pro’s Theme Released by Blogging Pro
(tags: wordpress themes theme templates css webdesign blogging blog reference template plugin download)
jCarousel - Riding carousels with jQuery
(tags: jquery javascript ajax jcarousel images plugin carousel browser dhtml design flickr gallery help)
musicdownloads
(tags: musicdownloads rapidshare download warez music)
Water figures 2006 Photo Gallery by fotoopa at pbase.com
(tags: photography water sculpture photo art colour drop fun photos pictures speed)
PagineGialle.it Visual
Make a Knot that’s Almost Impossible to Untie | Hacker Zen
(tags: howto video knots lifehacks tie cool diy knot funny hack hacker hacking hacks prank)
Bookmark to:
Read more:links
Optimize pages for search engines with dynamic CSS/javascript HTML building (how to make your own lightbox working example!) 2007-07-02 11:30:57 CSS, DHTML and Javascript work really good together. In fact, I tend to use the combination to replace Flash whenever it’s appropriate (usually, most of the time!).Javascript ‘building’ is a technique where you dynamically add original nodes to your DOM, usually based on existing content.Speaking in (sort of) plain english, this means you can create a slideshow from an unordered list, a tabbed or sliding control set from a group of divs, an image viewer from a link (everyone now knows Lightbox v2 by Lokesh Dhakar).For the sake of simplifying this article, the examples will be done using the Prototype and the Scriptaculous Javascript libraries. However these are not needed to produce these results, and you can do everything without them, or with other libraries (JQuery or Moo.Fx to name some).Adding an element with these libraries loaded is a matter of writing this simple line of code:
newelement = Builder.node(’div’,{className:’myclass’,'html Read more:engines
, working
Javascript Programming using Firebug 2007-07-02 10:18:28 Part of creative process during web programming and design involves streamlining and optimizing the workflow.That means trying to make things done faster, in less time.One tool I find really valuable is Firebug.Download and install this javascript console and debugger for Firefox, and a new icon appears in the lower side corner of the browser.In fact, Firebug is usually deactivated, until you click this icon and tell it to start to process the website you are seeing (you can also tell it to stay in an always active mode, but this burns cpu cycles pretty fast).If Firebug is active, it’s capable of making you peek under the hood of the live page you are seeing, showing precisely what you want to know about the engine running. This means less trials and errors.Firebug functions are:
Console: The least appariscent, the most used function. You can type and execute javascript expressions here, but more important, you got a console to put your debug messages into. No more alert(’ Read more:Programming
How to find the right point in Google Maps (longitude and latitude) 2007-07-02 06:40:03 Have you ever used the Google
Maps API and found out that you don’t really know the right position where to place the markers? As you know, to do so requires entering in javascript the exact marker’s coordinates, so you go in a trial-and-error loop to try to correct the numbers until you find the right spot, browse for various so called google maps builders hoping that one of them actually gives you the coordinates you need to nail the right place, or modify your code so that outputs in some way the coordinates, find the marker’s position, jot it down, then restore the old script and add the numbers.
During this phase the client calls saying the marker isn’t in the right place, it’s “more to the sea”, or “a bit more to the left”. You also have the problem that modifying the javascript code makes the map go into the debug mode (outputting coordinates) as long as the right numbers have been found out, even web site readers see them.
S Read more:point
, Google Maps
links for 2007-07-09 2007-07-08 19:43:10
The FreeImage Project
(tags: library graphics image programming opensource development c++ images 2007 components dev graph graphic free)
The Learn List
(tags: tutorials design photoshop tutorial css web adobe flash aggregator apps as2 as3 books coding code)
Iconize Textlinks
with CSS - pooliestudios
(tags: css webdesign icons design icon links webdev web accessibility article blogging blog coding cool textlinks iconize)
Wink - [Homepage]
(tags: screencast software presentation freeware flash tools tutorial video ajax apps audio business collaboration cool desktop dev)
Bookmark to:
links for 2007-07-08 2007-07-07 19:41:40
GanttPV - Open Source Software for Project Management
(tags: software opensource projectmanagement management project gantt freeware tools diagram collaboration apps)
Disney Animation Reuse - Hemmy.net, A source of varied interests
(tags: film cinema graphics fun movie disney art animation)
Spoonfed Photoshop Tutorials - PSDTuts
(tags: photoshop tutorial layout design business reference inspiration howto resources)
Kollermedia.at - The Website of the Freelancer Koller Jürgen » Easy Tabs 1.1 - free Tab Menu
(tags: tabs javascript css menu webdesign tabmenu free ajax horizontal js navigation)
Animated Tooltip Javascript
(tags: javascript tooltip programming tooltips)
DHTML Tooltips: Pop-up Layer Onmouseover
(tags: javascript dhtml tooltip css design web code development ajax browser coding)
bassistance.de » jQuery plugin: Tooltip
(tags: jquery tooltip javascript plugin plugins webdesign ajax tooltips code hover howto help form drupal)
Dynamic Drive DHTML Scripts- Rich Read more:links
links for 2007-07-07 2007-07-06 19:44:48
80+ AJAX-Solutions For Professional Coding
(tags: ajax javascript web2.0 programming webdesign web webdev development apps animation archive article bookmarks browser cheatsheet)
syntaxhighlighter - Google Code
(tags: code coding blogging blog javascript syntax highlighter programming google opensource)
Musicovery : interactive webRadio
(tags: music webradio web2.0 audio flash online streaming radio)
Scalable CSS Buttons Using PNG and Background Colors | David’s kitchen
(tags: css buttons webdesign button javascript design png code ajax background blog browser coding)
Bookmark to:
Read more:links
links for 2007-07-06 2007-07-05 19:58:31
Art of the Business Card:
(tags: inspiration design businesscards business art card graphics branding gallery graphic identity)
Business Cards Collection
(tags: photography collection photos images funny fun cool art fotos entertainment image humor)
Art of the Business Card
(tags: design businesscards inspiration business cards gallery typography art 2007 amazing article branding brand blogs advertising)
» Content Extraction » fadtastic - a multi-author web design trends journal
watchwords.co.uk
(tags: content development freelancing webdesign webdev copywriting)
» 2.401 temi per Wordpress tutti in un pack Geekissimo
(tags: download web wordpress themes)
operation: pedopriest
(tags: games flash funny politics)
Resource Center - Contrast Analyser 2.0
(tags: design tools accessibility tool color development resources colors colour contrast cs3)
Bookmark to:
Read more:links
links for 2007-07-13 2007-07-12 19:59:38
Add Windows Vista fonts to your stylesheets | The Montoya Herald
(tags: fonts css vista typography webdesign windows design font code tips html)
mariposaHD.tv | the world’s first HDTV show for the internet
(tags: hdtv video bittorrent tv iptv torrent movies free fashion download creativecommons blog art cool content)
HOME - InletEx - Easy Remote Control
(tags: remote control vnc)
Color Fields Colr Pickr
(tags: flickr design color tools photography photo art web2.0 actionscript api blog browser chart clipart collection)
Tagnautica - Explore the Flickr Tag Space
(tags: flickr flash tags visualization search interface design web2.0 actionscript art browser code collection color cool api)
Islands of Consciousness - Code/Visualization: Mario Klingemann - Soundtrack: Oleg Marakov / Corpuscul
(tags: flash flickr art music video generative design photography audio blog blogs cool flash8)
WeShow (US Edition) - Video: Coordinated Dance
Bookmark to:
Read more:links
links for 2007-07-12 2007-07-11 20:12:34
ted: torrent episode downloader
(tags: tv bittorrent torrent rss software video torrents download downloads feeds free freeware fun feed)
MAMBRO MP3 & WAREZ FREE DOWNLOAD NETWORK
Will It Blend? | Presented By Blendtec
(tags: videos viral advertising fun funny humor blender video ads amazing bizarre blog business cooking creative)
Bookmark to:
Read more:links
Elastic and bouncing transitions in scriptaculous 2007-07-11 00:46:09 Scriptaculous has a lot of transitions, but in some situations, you want to sprinkle up a dull animation, applying a different, custom transition type.
Back in 2003, Robert Penner wrote the easing equations, a set of math formulas in Flash Actionscript released under the BSD license, that simulate various types of physical effects, the most notable are the overshooting elastic and bouncing ones. For an example, look at the demo here.
Three years later, Ken Snyder adapted the equations for scriptaculous, enabling builtin and custom animations to use these new nice effects as transitions. However the Penner easing equations were highly configurable, where instead in the Snyder ones you can only set the duration, because the other parameters are fixed in the source code. Also, not all (indeed, only a few) of the transitions have been ported, and their names have been changed too.
To use these new transitions, the easiest way is to open the effects.js file inside the src folder of your scr
How to separe PHP code and HTML presentation with Smarty, part 2: installation 2007-07-10 07:05:23 Note: this is article is cut in parts, this is the the second one. Visit the first one if you don’t know what Smarty is and why to use it. The post supposes basic PHP programming skills.
Ok, last time we examined the goods and bads of using Smarty, this time we’ll install it.
First, make sure you got the right PHP version, it needs at least the 4.0.6. This can be seen by writing an empy page and writing in it, then calling that page.
Next, download the latest stable release from the smarty web site.
I prefer to have all my external libraries and programs in the /lib folder, I strongly racommend it, so decompress the source in the /lib/smarty folder.
I group all my site files in the /site folder, that’s very useful too, so create a site folder and put a php file in it, let’s call it page.php.
First line in you should configure and initialize smarty, then put your commands to produce some data, and at the end call smarty to output the data in the templates.
The r Read more:presentation
links for 2007-07-10 2007-07-09 19:46:19
Multi-User Desktop - Userful
(tags: linux resources desktop terminal remote software)
NComputing - Innovative Multi-User Computing
(tags: thinclient hardware computer ncomputing linux network innovation thin form gadgets grid future)
Protoload makes it easy to show the User what is going on.
(tags: ajax javascript preload)
Bookmark to:
Read more:links
What is del.icio.us 2007-07-16 07:40:23 As it’s about page says, del.icio.us is a collection of bookmarks, yours and the collectivity ones. You use it to pin your favourite sites and organize them not in folders anymore but by tags. By saving your links on a remote server, you don’t have to import/export/backup them, they are always there, even from another computer.
It is extremely useful if you want to:
Organize all your bookmarks in a useful way
Have a link under the attention of a friend or coworker
Discover new links by looking at what other people are bookmarking
Assign a link the collective tags, so you don’t have to write them yourself
Have a network of friends, whose links are more relevant for your activies.
Add a person’s feed to your RSS reader
How to access to all this information goodness? You start from the del.icio.us homepage, create a free account by clicking on “get started”. Fill the form and you are ready to go.
Now, you can add your links from the del.icio.us websit
links for 2007-07-16 2007-07-15 19:36:18
Accordion v1.0 Demo
(tags: ajax javascript scriptaculous accordion css prototype development webdesign code component cool diy effects)
83 Top Webmaster Resources Read more:links
links for 2007-07-15 2007-07-14 19:42:02
http://codinginparadise.org/hypertext/purple-include/tests/examples.html
(tags: javascript document inclusion)
Bookmark to:
Read more:links
links for 2007-07-14 2007-07-13 19:44:17
Metacafe - Get the best internet videos - Funny videos, Amazing clips, Rare movies
(tags: video youtube samsung dance Fun marketing outdoor)
Corso on line per Copywriter e Redattore d’Impresa
(tags: copywriting)
htsh - Google Code
(tags: shell php jquery ajax http google web programming code js ssh)
btjunkie - the largest bittorrent search engine
(tags: bittorrent torrent torrents download search downloads movies p2p computer daily database directory engine)
Bookmark to:
Read more:links
links for 2007-07-18 2007-07-17 19:44:55
Dia for Windows
(tags: free software dia drawing opensource visio windows)
Scarabée Software: Siren
(tags: freeware software renamer id3 mp3 download files free file photo)
USB over Ethernet - Share USB over Network - USB to Ethernet Connector
(tags: usb software ethernet network windows device remote sharing)
script.aculo.us Slider Demos and Example Code
(tags: ajax scriptaculous slider javascript demo design dhtml prototype dev)
gWidgets
(tags: ajax widget scriptaculous library prototype css dhtml opensource)
Lightbox++ v1.0.1 Released at Codefidelity
(tags: lightbox flash)
Lightbox++ at Codefidelity
(tags: javascript lightbox ajax slideshow flash web2.0 gallery scripts flv images mod)
Execute Lightbox Scripts From Flash at Codefidelity
(tags: lightbox flash integration javascript actionscript)
Detect Flash Dimensions (Width & Height) via Javascript at Codefidelity
(tags: flash dimensions detect javascript web2.0)
Spotlight-Like Search As You Type With CSS, A Read more:links
links for 2007-07-17 2007-07-16 19:52:57
Tutorom: Create and Deliver Elearning - Free
(tags: education tutorials web2.0 elearning howto learning reference tutorial community documents flash free)
docebo free open source e-learning platform lms cms
(tags: cms e-learning opensource lms software web php kms code collaboration content development freeware internet)
Bookmark to:
Read more:links
links for 2007-07-21 2007-07-20 19:46:56
Pragmatic and elegant solutions - with object oriented technologies
(tags: ajax gallery photo)
Products Center — VigorPro5500
(tags: antivirus server antispam firewall)
Soundsnap.com: Find and Share Free Sound Effects and Loops
(tags: audio sound samples free music effects sounds loops aggregator archive art blogs collection community cool)
Bookmark to:
Read more:links
links for 2007-07-20 2007-07-19 19:44:46
Favorite 10 Free Stock Photo Download Sites : DazzlinDonna
(tags: photos free images stock photography download resource photo artwork clipart design directory downloads imagery)
221483_Play.swf (Oggetto application/x-shockwave-flash)
(tags: flash music animation cool design video fun art amazing black bookmarks cartoons cookie)
Fractal World Gallery Thumbnails : cosmic recursive fractal flames or flame fractals
(tags: cool wallpaper fractal images fractals art graphics gallery amazing archive background backgrounds collection colors computers)
The Best Designs - The Best Flash and CSS Web Design
(tags: design inspiration webdesign css gallery web resource portfolio community howto flash graphics)
Welcome to pagesonline™ - pages | Groupie Magazine | Monkey Say | pagesstudio
(tags: design inspiration magazine online magazines flash gallery ideas graphics html art culture)
Netdiver digital culture magazine + new media design portal -> Feed your eyes
(tags: design inspiratio Read more:links
links for 2007-07-19 2007-07-18 19:49:40
ReactOS Support Database - Compatibility
(tags: os opensource)
Miro - free, open source internet tv and video player
(tags: video streaming multimedia democracy free opensource software tv beta bittorrent computer downloads film firefox)
A Recipe for OpenID-Enabling Your Site
(tags: openid howto programming authentication identity webdev security tutorial article blog coding design guide development dev)
SWFFix Dev Blog
(tags: flash javascript embed swfobject standards actionscript webdesign blog accessibility blogs browser design detection dev)
Stage6 · Refuse Life · Charlie Brown? Manga designs woah, what the fuq!
http://www.furaffinity.net/view/123098/
(tags: weird anime images manga comics art culture photo)
Simpsonize Me
(tags: simpsons fun photos humor photo comics tools games cartoons cinema cool flash funny geek)
pixelbreaker » PolarClock
(tags: screensaver design flash clock actionscript free visualization)
Bookmark to:
Read more:links
links for 2007-07-22 2007-07-21 19:38:50
StopMotionAnimation.com
(tags: stopmotion animation video)
Web 2.0 how-to design style guide
(tags: web2.0 webdesign design howto web reference style tutorial blog development graphic drupal guide graphics)
Gianni Milanesi’s Weblog > Ajaxifing Wordpress: The making of AjaxWp 07/24/06 (AJAX, AJAX)
(tags: ajax javascript prototype ondomready)
getID3() - The PHP media file parser
(tags: php id3 programming development media music audio mp3 code coding components dev drupal graphics file flv detection size)
Web2.0 - templatr - Template Generator
(tags: wordpress generator templates design webdesign web2.0 template blog computers css theme)
Wordpress Theme Generator
(tags: wordpress generator themes blog theme tools design webdesign ajax blogging business cms cool custom blogs)
Landscape photos | landscapes with a soul
(tags: photography photos photo landscape wallpaper images landscapes archive backgrounds computers cool design fot Read more:links
Recommend Site To A Friend
