donderdag 24 februari 2011

Software review: Adobe Widget Browser for Dreamweaver CS5

Version: 4.6 (brief review)
1.0 (brief review)
Developer: Adobe Systems Incorporated    

Developer's contact form/e-mail: http://www.adobe.com/aboutadobe/contact.html

License type: Freeware      

Cost: 0,00 $

Category: Web Development -> Wizards & Components

Program tags:
widgets,dreamweaver cs5,webbuilder,webdesign,insert,html page


 

Description:
If you need an easy way to insert all kind of professional "widgets" like dhtml menu's, gallerys, google maps or other into your html page, the Adobe Widget Browser, together with Dreamweaver CS5, offers this possibility. You only need to have a (free) account with Adobe Exchange and browsing free or commercial widgets and inserting them into your webpage is very easy. After installation, you can go directly to the Widget Browser without opening Dreamweaver and start browsing. You can even store your favourite widgets into a "My Widgets" album to find the easily when working with Dreamweaver. At the moment the Widget Browser offers 35 free widgets and hundreds of commercial widgets. Easy to install, easy to find in Dreamweaver CS5 and easy to use. Just open any HTML page in Dreamweawer CS5, click on 'insert', choose 'widgets' and you can choose "My Widgets" or "Widget Browser". To show it's functionality: you can create an complete html.css/flash webpage from scratch in seconds by just using the widgets fro the widget browser!


 

Medium description:
Easy to use browser to help inserting widgets like dhtml menu's, (flash) gallerys, social marketing tools and other professional content into your webpage. Easy implementation into Dreamweaver CS5 and designed to use only with this program. Free software with 35 free widgets and possibilty to browse all widgets from the Adobe Exchange Program.


 

Short description:
Easy to use Dreamweaver CS5 tool for inserting professional widgets in webpages.


 

Developer's description:
The Adobe® Dreamweaver® Widget Browser is an Adobe AIR® application that lets you preview and configure widgets using a visual interface. The Widget Browser solves the problem of having to work with confusing or obscure CSS and JavaScript by providing designers with a tool for editing widget properties to suit their needs. With the Widget Browser, you can: * Preview and download all of the OpenAjax widgets available on the Adobe Exchange * Add widgets to Adobe Dreamweaver so that you can easily insert them in your web pages * Export and package widgets for use in any other HTML editing tool The Widget Browser also offers widget developers the ability to make their widgets available to a wider audience. The Widget Browser's developer tools let developers package their widgets into a format that they can then upload to the Adobe Exchange. Developers interested in creating a widget package can find more details in the Widget Browser Developer's Guide. The Widget Browser uses an OpenAjax Alliance XML format as its basis. The OpenAjax Alliance is a group of industry leaders who are helping to define a common way of communicating between frameworks. Download and Discuss * Download the Dreamweaver Widget BrowserDownload the Widget Browser now * Discuss the Widget BrowserDiscuss the Widget Browser in the Labs forums The OAA Widget Metadata spec describes how to create the XML file for a widget, as well as a widget's dependencies, markup, and options. Adobe has been a part of the OAA since its inception and has helped to define this specification.

New in version:
The release of the Adobe Widget Browser is designed for evaluation purposes only. The software contained within the installer is not final; but, many portions of the technology are fully implemented and ready for you to try and discuss.

Advantages:

Disadvantages:

Easy to use with professional results in seconds

Only for implementation into Adobe Dreamweaver CS5

Home URL:http://labs.adobe.com/technologies/widgetbrowser

Buy URL:http://labs.adobe.com/downloads/widgetbrowser.html

Download URL:http://download.macromedia.com/pub/labs/widgetbrowser/widgetbrowser_543.air

Download URL mirror:http://download.macromedia.com/pub/labs/widgetbrowser/widgetbrowser_543.air

File size (bytes): 1790078

Rate the program:   3/5
Screenshots:

1

[2011-02-16 07:57:59]   File format: jpg

Widget browser startup view

  

2

[2011-02-16 07:58:00]   File format: jpg

Implementation into Dreamweaver

  


 

3

[2011-02-16 07:58:01]   File format: jpg

Example of widget in browser

  

woensdag 16 februari 2011

Gmail: illustraties (images) in standaardantwoorden

Het werkte zo mooi: via Gmail kon je een standaardantwoord aanmaken (kan nog steeds) daarbinnen illustraties plaatsen (visitekaartje bijvoorbeeld) en vervolgens dit sjabloon opslaan en heel makkelijk in een nieuwe email invoegen. Maar sinds enkele weken blijkt het niet meer te werken. Een Google Bug. Ja dit bestaan ook. Even wat zoeken op Google en er blijkt nog geen antwoord gevonden te zijn op dit probleem. Dan maar zelf aan de slag:

Vanavond met hetzelfde probleem geworsteld en uiteindelijk is het me gelukt om opnieuw de afbeeldingen in standaardantwoorden weer te geven. Als eerste opgemerkt: als je een beetje Googled in het Engels op dit onderwerp zul je al snel ontdekken dat het probleem bij Gmail (google) ligt en dat het probleem zich "plotseling" heeft voorgedaan en dat zij zoeken naar een oplossing. Mij lukt het op dit moment om afbeeldingen in standaardantwoorden te plaatsen door een combinatie van gevonden antwoorden.
1) in internetinstellingen onder tab 'veiligheidsinstellingen' klikken op 'aangepaste instellingen' en aanvinken 'gemengde inhoud toestaan'
2) niet voortborduren op een eerder aangemaakt standaardantwoord maar een lege nieuwe mail aanmaken, een origineel 'onderwerp' intypen, klikken op 'nieuw standaardantwoord' en opslaan volgens ingetikte 'onderwerp'.
3) je nieuwe standaardantwoord opmaken door eerst afbeeldingen naar desktop te downloaden, en vervolgens uploaden vanuit Gmail in je standaardantwoord
4) je email versturen
5) nu pas opslaan (onder dezelfde naam en het eerder aangemaakte standaardantwoord vervangen)
Via dit stappenplan kun je een aantal Google bugs omzeilen maar is geen garantie dat het morgen ook nog werkt..... Succes ermee!
www.meindert.info




Ir. Meindert A. Jorna (Msc.)


Savornin Lohmanstraat 45


6702BN Wageningen


(0031) (0)317 795149


(Mob.) 06 41286716


info@dewebmeester.nl




My profiles: FacebookFlickrWordPress
Blijf op de hoogte: Module positie toevoegen aan Joomla template









TwitterLatest tweet: Tja, vandaag kocht ik een toiletrolhouder voor 1,39Euro en liet hen liggen bij de Action... Wie is duurder uit?



zondag 13 februari 2011

Module positie toevoegen aan Joomla template

Ik heb er weer helemaal zin in: Ik ga enkele mogelijkheden beschrijven die het mogelijk maken om elke html/css webpagina om te zetten in een bruikbaar Joomla template. Voordelen: Joomla is HET open source management system voor Joomla websites en omdat dit het meest uitgebreide CMS is ter wereld, is het gewoon rechtvaardig om een mogelijkheid te kennen om een "gewone" HTML pagina te importeren in dit CMS. Dat zal het gemakkelijk maken om één of meerdere van de duizenden (gratis) beschikbare Joomla componenten en modules te integreren in een HTML website, gebruikersaccounts aan te maken en te beheren, artikelen en andere inhoud online bij te houden, enzovoorts, enzovoorts.

In deze bijdrage het onderwerp:

Module posities. Voorbeeld: aanpassing van de purity_ii template van Joomlart


Module posities staan genoemd in de templatedetails.xml file die onderdeel uitmaakt van de gebruikte joomla template. Deze file is the vinden in de folder 'templates' en dan natuurlijk binnen de subfolder van de betreffende template. Om een modulepositie toe te voegen of te verwijderen hoef je alleen aanpassingen te maken binnen het rijtje. In mijn voorbeeld: ik wil een modulepositie toevoegen met naam "bottombar" en voeg de regel <position>bottombar</position> toe aan het rijtje.

"positions>

<position>hornav</position>

<position>breadcrumbs</position>

<position>bottombar</position>


<position>banner</position>

<position>left</position>

<position>right</position>

<position>top</position>

<position>user1</position>

<position>user2</position>

Etc./>

Vervolgens plaats je binnen de index.php de code <jdoc:include type="modules" name="<naam van modulepositie>"/> op de plaats waar de module binnen de template zou moeten verschijnen en vervang je <naam van modulepositie> door de naam van de modulepositie precies zoals je die hebt beschreven in het bovengenoemde rijtje. Nu kan dit overigens wel eens tot problemen leiden omdat de nieuwe design (joomla templates) niet allemaal zo standaard zijn. Oftewel: de index.php file van een joomla site heeft mogelijk helemaal geen HTML tags zoals je gewend bent. Ga in dat geval op zoek de .php file die beschrijft welke modules op elke positie geladen moeten worden. Die .php file zit waarschijnlijk in de /templates folder. In mijn geval was het de file joomla2/templates/purity_ii/layouts/header.php waarin ik de jdoc:include betreffende "bottombar" heb geplaatst (lijkt niet logisch om een 'bottombar' te plaatsen in header.php maar in footer.php bleek de module niet te werken zoals behoort.) Resultaat: er verschijnt binnen mijn site een mooi menu helemaal beneden op het scherm die mooi meescrollt binnen de pagina (www.decmsmeester.nl/joomla2) op een nieuwe positie die ik 'bottombar' heb genoemd.

Zo leren we langzaam hoe een Joomla template is opgebouwd. We moeten proberen zoveel mogelijk zaken te ontdekken. Het zijn allemaal puzzelstukjes die ons zullen helpen om uiteindelijk zelf een Joomla template te maken of om van een bestaande HTML pagina om te zetten naar een Joomla template. In deze aflevering leerden we om een modulepositie te definieren en om te bepalen op welke plaats binnen een (html)pagina de module moet verschijnen.