Recently, I have been experimenting with the use of php in flash, so I decided to put it to good use. So, here is the step by step guide to making a flash movie that uses php to find the user’s IP and host. A working example can be found Here.

Find the code

The php that I will be using in this project will find the user’s IP and Host address, and then print it in a way that flash understands. You can even add html to the php if you allow the “Render Text as HTML” feture in flash.

The code I will be using in the external php file is exactly as shown here. (feel free to download and edit this file, and alter it as you wish)

Which will result in this.

Notice that I have used some simple html in the code, in this case to center the content, but flash even supports the use of links in the external source, so make sure you play around.

The reason there is a “ip=” before the php is that in the flash we will add a variable “ip” to a dynamic text box, telling it to get its content from anything after the “ip=”, which in this case will be an external php file.

The creation of the flash movie

With the coding out of the way, we can get on to loading the php with the movie.

First things first, create a new blank flash document, and insert a text box, making sure it is set to “dynamic”, and has “ip” in the variable. Also, if you are planning to use html in the movie you will need to toggle on the “render text as html” option (see below).

To make the php file load with the movie, click on any blank part of the slide and press “F9″ on your keyboard.

Put in the “Actions - Frame” window:

loadVariablesNum(”ip-host.php”, 0);

(Change the “ip-host.php” to the external php file that you will be using.)

Thats basically it. Upload the flash file and the php file to your server, and there you have it.

example.fla - 32kb
The editable flash source file.

ip-host.txt - 214b
The external php. (Rename to ip-host.php)

Any problemsà Email me, or leave a comment. This tutorial is at the tip of the iceburg; there are many more uses of php in flash, its just a case of trying them...

Eccoci ad un nuovo appuntamento dedicato ai bookmark. Cominciamo con il processo di sviluppo di un sito web: un'ottima aggiunta al post Il workflow di un sito web pubblicato una decina di giorni fa qui sul blog è il recente The web design process su Tutorialblog.

E sempre su TutorialBlog vale la pena di citare alcune ispirazioni notevoli, ben 120 siti raccolti in quattro post: 30 Great Website Designs, 30 one page websites, 30 red websites e 30 green websites.

Passiamo a un altro sito ricco di risorse: Smashing Magazine, che dopo 83 temi per Wordpress presenta 8 fresh and clean Wordpress themes, davvero belli.

Ottima poi la segnalazione dei 4 blank wordpress themes, valida soprattutto come punto di partenza.

Alcune risorse sul colore: un ottimo tutorial sulla teoria del colore si può trovare in Color Theory Tutorial by Worqx; un generatore di palette semplice ma efficace è Elvan Online; funziona solo su Firefox per quanto ne so, ma merita davvero la Sphere di Colorjack.

Concludo con un pratico strumento realizzato da Alex La Rosa e Fabio Fidanza diventato molto popolare di recente nei circuiti di social networking : Stripe Generator, per generare immagini con diagonali, gradienti e ombre.

Riporto un bellissimo articolo di Alessandro Fulciniti

Una delle letture più interessanti che ho fatto di recente è l'ultimo articolo su Digital Web Magazine, ovvero Redesigning the ExpressionEngine Site, in cui l'autore espone il suo processo di sviluppo per il recente redesign del sito di Expression Engine. Se è vero che quello che osserviamo in un sito è il risultato, è davvero interessante scoprire da sviluppatori come altri l'hanno ottenuto, anche solo per confrontare la propria metodologia o trarre utili suggerimenti.

Ho raccolto negli ultimi tempi alcune letture sul workflow dello sviluppo web, e ne approfitto per presentarvele. Il primo è il recente sito Design Workflows che racchiude anche molte interviste a noti blogger e designer, principalmente orientate proprio sul workflow. A cui aggiungo alcuni articoli tra i miei bookmark:

• Web Design Process su Web Design From Scratch
• My web designing workshop su TheUndersigned: da non perdere anche la Part 2, che illustra un caso pratico e Webdesign mockup using Photoshop
• Grey Box Methodology di Jason Santa Maria
• The project chain in cui il team di Blue Flavor espone il suo workflow di gruppo
• How to Create a Standardized Web Site Development Workflow di Christian Watson, da segnalare anche l'illustrazione che accompagna l'articolo
• Web Design Workflow - Complete Overview su Tutorialaday
• Il recente Web design and workflow process comparison che presenta e riassume alcuni articoli sul workflow

MySQL is a perfect database solution for small to medium websites. If your backend MySQL database is well optimized and properly structured it can serve thousands of visitors daily, without degrading your server performance. In this article I'll show you how to connect to MySQL database from ASP. You will have to install MySQL ODBC Driver-MyODBC 3.51 if you don't have it on your server yet. You can download it here: http://www.mysql.com/downloads/api-myodbc-3.51.html

<%
Dim sConnection, objConn , objRS

sConnection = "DRIVER={MySQL ODBC 3.51 Driver}; SERVER=localhost; DATABASE=Your_Mysql_DB; UID=mysql_username;PASSWORD=mysql_password; OPTION=3"

Set objConn = Server.CreateObject("ADODB.Connection")

objConn.Open(sConnection)

Set objRS = objConn.Execute("SELECT FirstName, LastName FROM tblUsers")


While Not objRS.EOF
Response.Write objRS.Fields("LastName") & ", " & objRS.Fields("FirstName") & "
"
Response.Write & " "
objRS.MoveNext
Wend

objRS.Close
Set objRS = Nothing
objConn.Close
Set objConn = Nothing
%>

fonte: http://www.aspdev.org/articles/asp-mysql-connect/

Sul blog Circle Six Design potete trovare un interessante articolo in cui vengono descritte tutte le fasi di progettazione e i software che bisogna usare per disegnare un template per Wordpress sulla piattaforma OSX.

Si va dalla preparazione dei colori attraerso Color Schemer Studio all’ installazione in locale grazie a MAMP fino ad arrivare alla pubblicazione via FTP attraverso l’uso di Yummy FTP.

• Howard Persona Diagram (19 KB)
• Excel Site Map Template (64 KB)
• Digital Web Redesign (3.3 MB)
• (Zip) Flow Map Stencil (9 KB)
• Flow Map Example (658 KB)
• (Zip) Block Diagram Stencil (7 KB)
• Block Diagram Example (119 KB)
• (Tar) Wireframe_Shapes.gstencil.tgz (12 kb)
• (Powerpoint) 91_Presentation_Desc.ppt (188 kb)
• Polansky_Artifact_Assessment.vss (88 kb)
• Polansky_Site_Map.vss (222 kb)
• Polansky_Wireframe.vss (143 kb)
• (Powerpoint) Leise-IAforIndexers.ppt (188 kb)
• Leise-IAforIndexers.pdf (217 kb)
• (Powerpoint) Morville-WhyIaMatters.ppt (1.7 MB)
• Morville-WhyIaMatters.pdf (958 kb)
• (Powerpoint) Maurer-IAIntro.ppt (2 MB)
• Maurer-IAIntro.pdf (3.9 MB)
• (Powerpoint) Bailey-IAIntro.ppt (1.4 MB)
• Bailey-IAIntro.pdf (600 kb)
• HoweContentTool.xls (21 kb)
• john-howe_desenvolvimento-de-conteudo.xls (In Portuguese, 44 kb)
• RiceContentInventory.xls (6.6 MB)
  
• LombardiWireframe.vst (177 kb, for Visio)
• LombardiWireframe.vdx (754 kb, for importing into Omnigraffle)
• LombardiWireframe.pdf (16 kb, for viewing or importing into Illustrator)
• SmithWireframe.vst (147 kb)
• SmithWireframe.vdx (1 MB, for importing into Omnigraffle)
• SmithWireframe.pdf (11 kb, for viewing or importing into Illustrator)
• (Illustrator) WarfelWireframe.ai (660 kb)
• WarfelWireframe.pdf (5.1 MB)
• (Powerpoint) CavazzaWireframe.ppt (120 kb)
• CavazzaWireframe.pdf (496 kb)
• GarrettDimon_Wireframes_2003.vsd (Visio 2003, 733 kb)
• GarrettDimon_Wireframes_2002.vsd (Visio 2002, 692 kb)
• GarrettDimon_IA_Stencil_2003.vss (Visio 2003, 276 kb)
• GarrettDimon_IA_Stencil_2002.vss (Visio 2002, 252 kb)
  
• ConceptsOfReuse.pdf (1 MB)
• IAforBizAndTech_6x8.pdf (1 MB, color, 6"x8")
• IAforBizAndTech_8.5x11.pdf (24 kb, b&w, 8.5"x11")
• DesignReviewChecksheets.pdf (230 kb)
• DesignReviewProcess.doc (28 kb)
• DesignScope.doc (28 kb)
• ProjectOverview.doc (26 kb)
  
• CreativeBrief.doc (27 kb)
• ProjectDefinitionandScope.doc (26 kb)
• DesignProcess_color.pdf (128 kb, color map)
• ExperienceDesignFlow_bw.pdf (104 kb, b&w map)

Una soluzione molto comoda per l'implementazione delle png su Internet Explorer è l'uso di Javascript. Viene presentata su questo sito. Si tratta di uno script di una trentina di righe che viene invocato, grazie al conditional comment, solo da IE5.5 e 6. Basta inserire nella sezione head le seguenti righe:

<!--[if gte IE 5.5000]>
<script type="text/javascript" src="pngfix.js"></script>
<![endif]-->

Poi si copia il file pngfix.js nella stessa cartella web della pagina HTML e il gioco è fatto. Il Javascript infatti, al caricamento della pagina, si occupa di ricercare tutte le immagini png e abilitare la trasparenza, senza la necessità di regole CSS specifiche. Questo lavoro viene svolto solo su browser IE5.5 e 6, dato che l'inclusione del Javascript è racchiusa in un commento condizionale. Anche qui, vediamo un esempio. In questo caso le immagini non hanno bisogno di contenitori appositi, nè di dimensioni specifiche. Di contro, questa tecnica richiede che Javascript sia abilitato dalla parte dell'utente.