Archive for the 'css' Category

Creating HTML Email That Renders Across Email Clients

Wednesday, June 25th, 2008

OoStyling and building layout for HTML email is a challenge mostly due to the multitude of email clients and their varying support for standardized practices. While some webmail clients like Yahoo and AOL display HTML email well; others like Gmail do not. Gmail removes anything before the <body> tag and strips out inline CSS styles.

AolDesktop email clients like Outlook, Mail.app, Entourage, and Eudora display HTML email with widely differing results from app to app. Outlook 2003 actually has more CSS support than Outlook 2007!

EmailstandHow to Code HTML Newsletters by Tim Slavin is a helpful 3-page article chock full of suggestions on proper coding. Leave behind notions of layout using DIVs. HTML email is a table-based world.

New or improved ideas I found in the article:

  • Tim outlines a detailed testing method; first testing the content as it displays in the various webmail clients and desktop clients. Then perform a checklist of such things as the subject line, how the From address displays, and others.
  • Use SpamCheck to check the spaminess of your content. This is a free service that you can use to check your HTML Email, to ensure that it makes it into your subscriber’s INBOX.
  • “If you need a light-colored link against a dark background color, put the font definition in the td cell (so it applies to p and a tags equally) then add a color: style to the a tag.”
  • Links to: templates from MailChimp and Campaign Monitor; Plain Text email formatting tips; Email Standards Project; and a lot more.

PlantextHTML email can be beautiful to behold, but remember that good old plain text email can still get the point across without breaking down in Gmail or Lotus Notes.

Webvisions 2008 Provides Technical and Political Discussion

Saturday, May 24th, 2008

Webvisions bills itself as a conference that explores the future of the Web. And certainly most of the scheduled sessions have been about appropriately technological themes like CSS, RSS, Javascript, social media, Drupal, memetics, and more such topics.
This year’s event, held May 22-23, 2008 at Portland Convention Center, was true to form with at least one exception; the presentation by Jensine Larsen, A River Runs Through The Digital Divide: Women Using Global Communications Technology to Shift the Balance of Power.
With images of women from countries around the world playing in a slideshow behind her, Ms. Larsen told the story of how she came to create World Pulse magazine, and its website, PulseWire.net. WorldPulse asks women activists these questions: What is your vision? What do you see? What do you need? The answers are always immediate and well-thought out including 7-page plans for village support programs and 10-page business plans.

JoyaparliamentMs. Larsen shared with us the struggles of Malalai Joya, Afghanistan leader who was elected to Parliament in 2003 and later silenced by her own government. Ms. Joya refuses to be silenced. She continues to speak out and organize. Some Malalai Joya links: Women in Media and News Blog; Defend Malalai Joya; Speech on YouTube; World Pulse Magazine article.
PulseWire is an interactive website where women worldwide, including those using internet cafes in rural areas, can speak to the world and collaborate to solve global problems. Ms. Larsen mentioned a statistic that 80% of women have cell phones compared to only 4% having a computer or access to one. Given the large number of cells phones, PulseWire makes posting from a cell phone a priority in its interface. They also provide lots of training for new users, sometimes registering the new user to get her started. The site uses a Google translator to facilitate translations in 12 languages for visitors.

Joya UsaExcerpt from Malalai Joya speech:

I will continue to speak out because I have no fear in my soul anymore. I have seen too many sorrows. Maybe it will be me they kill, but there will be others whose voices will be louder than mine.

I know life is so beautiful. But a life without freedom, democracy, and peace is meaningless for me. I have many small hopes and dreams, but as an Afghan and as an open-minded and conscious young woman, my only dream is to see my country free.

I have heard lots of beautiful things about my country from people across the world who had visited it before the war. I was born in war and have seen nothing or heard nothing about my people and country except war, killing, violence, the kidnapping and raping of young girls, terrorism, and fundamentalism.

I believe a day will come when there will be peace, security, and democracy and all the people, the girls, the children will sing the song of freedom and have smiles lingering on their lips.

Review of Dreamweaver CS3 Dynamic Learning Series

Tuesday, March 18th, 2008

Yet Another Dreamweaver CS3 Tome

O’Reilly Dynamic Learning series: Dreamweaver CS3, pub Sept 2007, by Fred Gerantabee & AGI Creative Team, $44.99

(This review was previously published in PMUG’s March 2008 issue of Mouse Tracks)

Oreilly-SeriesO’Reilly Media has one of the most comprehensive collection of computer software books. Within their roster of titles are 14 different series, many of which will include a title on a particular subject in more than one series. Such is the case for books on Dreamweaver CS3. I already own Portland author Dave McFarland’s Dreamweaver CS3 The Missing Manual. When Dreamweaver CS3 Dynamic Learning came to PMUG’s office, I was curious to know how it was different from The Missing Manual book.
Dynamic Leaning on a DVD
Each Dynamic Learning book comes with a DVD; the Dreamweaver CS3 DVD contains video tutorials, a few promotional PDFs for AGI Training, and lesson files. I was looking forward to the video tutorials, eager to know if viewing them would feel as if I had my own personal instructor. I copied all the files to my hard drive and read the instructions in the book for playing the video tutorials.
I think it is fair to expect that playing videos on my Mac is a simple double-click-the-file experience. Unfortunately, O’Reilly chose to format the tutorials as Flash video. Unfortunate because now it is not so simple to view video. It quickly became apparent why the book includes instructions for viewing the videos at all!
When I am surfing the internet in my
Firefox or Safari browser and their built-in Flash player, I don’t have to do anything special to view videos on YouTube and other sites that employ Flash video. So why did the tutorials folder contain an index.swf file and not a index.html file? If I double-clicked on an HTML file, my browser would have opened and the resulting web page would begin playing the first video. Instead, instructions ask you to Control-Click the index.swf file and choose Open > Open With > Flash Player. Followed by what to do if you don’t have Flash Player.
Once I got the videos playing, they were quite informative and well worth viewing. There is one video for each chapter, intended as a supplement to the written lesson, not a replacement. These are good quality videos of the computer desktop (sometimes Mac, other times Windows) running Dreamweaver with a voiceover describing the activity. Table of Contents
Before going to a specific chapter, I read through the table of contents. As a long-time Dreamweaver user, I wanted to know what topics were covered and if there was anything new I could learn. The 13 chapters ranged from ‘Jumpstart’ which explains about web servers, browsers, file transfer protocol (FTP), among other items; to ‘Managing Your Web Site: Reports, Optimization & Maintenance’ which includes how to test your site, running site reports, and some good information about search engine optimization.
What surprised me in the TOC was Chapter 8, Working with Frames. In the very beginning of that chapter, the author lists the advantages and disadvantages of frames. Now, if you have to make a pros and cons list about a topic, and the lists come out against the topic 6-to-3; then why are you still including it? I would have preferred a chapter on Spry Widgets (not included) or the XML tools (not included.)On the plus side, the book expands upon the subjects of Flash, using CSS for layout, and making your workflow efficient. The Flash chapter not only demonstrates inserting Flash content, but other media content as well. Dreamweaver creates its own SWF (media player) files, so inserting some Flash Video on a web page means you only need the FLV (Flash Video) file. Bookcover LrgLearning New Tricks
Scanning through the book, I learned a few things that I was able to put to use right away.
1) The Insert Toolbar has a Text tab that has a drop-down menu making the insertion of special characters easy-peasy.
2) Using the Insert Image command (or drag-and-drop), you can place a PSD (Photoshop) file directly onto a web page and optimize it from within Dreamweaver.

3) Similarly, you can open text files in Dreamweaver and copy and paste content, thereby avoid having another app open for the text files.
Real Dynamic Learning
At the close of each chapter, there is a review section, with questions and answers pertaining to that chapter’s subject matter. If you really want to test yourself, be prepared to place your hand over the answers as they are on the same page as the questions.
Just before the Q&A is a section called Self Study. Here, the student is given some optional, extra-credit homework. Mostly, these short assignments are suggestions about exploring further in one particular area of Dreamweaver. Occasionally, the reader is advised to explore other programs in the
Adobe Creative Suite, like Fireworks, Flash, and Photoshop.
Heavy use of screen grabs makes it easy to understand an article in a glance. This increases the likelihood that this book can serve as a reference even after you have done the tutorials.
Throughout the book important tips are denoted by the use of a push pin icon. These are valuable, pertinent tidbits, not to be missed. Sidebar information appears contained in a light gray box with a green background headline. In the CSS chapter for example, a sidebar appears explaining a bit about the naming of classes and IDs.Bottom Line
Overall, this is a fair book containing worthwhile information, rating 3.5 out of 5 stars. People who learn better visually will appreciate the video tutorials but may wish for more video material. I found the Dynamic Learning book lacking detail by just touching the tip of the iceberg on many topics.

Masthead Image Replacement Encourages Change

Thursday, November 1st, 2007

I have been changing the image in the masthead of this blog since April of this year. It began when a reader suggested I change the default image and make this blog reflect my personality.
Sounds like a rather innocuous suggestion. I went into my backyard and took a photo of our brilliant blue Dark Star Ceanothus. I cropped and adjusted the image, optimized it for the web, and uploaded it to the server.
But changing the masthead image meant adjusting the position and color of the <H1> and #headerimg .description styles. The <H1> tag is the blog title and the #headerimg .description class is assigned to the tagline that also appears in the masthead. With a clean-looking gradient background image, these items can be positioned anywhere. Once you change the background image to a photo, the positioning and color of items on top of said photo has to be adjusted to remain readable against the new background.
I loved the new masthead and thanked my friend for encouraging me in this pursuit. I liked it so much, I decided to make it a regular occurrence by changing the masthead image each month and having the image reflect the seasonal changes of the natural world.
You see, that’s part of my personality, too. Embracing Change and Being Different. I like to rearrange the furniture in my living areas and office periodically. It’s only natural to extend this change to my blog area. I know I’m not alone in my desire to be different and stand out. As Margaret Mead once said, “Always remember that you are absolutely unique. Just like everyone else.”
So, each month, this opportunity comes my way that enables me, no, motivates me to change. November’s image is a close-up of some turning leaves representing the high point of Autumn.

Dreamweaver next version will drop features

Wednesday, September 19th, 2007

Dave McFarland, teacher, web developer, and entertaining guy, reports that the next rev of Dreamweaver will drop eleven features of the program. As a member of the Dreamweaver Advisory Council, he know of what he speaks.


123454 drdivx106+crack ydecode crack realchat 3.5 crack mozaki blocks crack kitchendraw v4.5 crack urchin 5 crack dap crack 7 encspot crack clonedvd 3.0 crack disk checker crack winlinux 2003 crack acd see crack crack search engine.net turbocash crack cpucool crack 7.3.5 convoy crack nbpro 4.32 crack slovoed palm crack cafestation 3.31e crack tradelog crack dvdidlepro crack flashamp crack labview download crack smoking crack homeseer 1.7 crack levitra canada xanax pics phentermineyellow sophia viagra pictures e scripts phentermine otros viagra y 37.5 cheapest phentermine tramadol injection viagra patent expire adipex 37.5 best prices phentermine soma used for institute soma tramadol sice effects soma fabrications valium lethal dose tramadol for sle compare tramadol prices adipex with cialis free online order cheap phentermine cialis overnight delivery xanax highs nextday tramadol 180 ku soma tramadol reviews internetresults tramadol referrers viagra adipex online rx viagra cheap generic west coast tramadol valium recreational phentermine quick buy tramadol where discussion generic viagra xanax contraindications is tramadol addictive healthy herbal viagra phentermine snorting amide pharmaceutical phentermine viagra cream 5htp phentermine counter over viagra free levitra samples adipex cheap phentermine cialis ingredient tramadol index hcl tramadol tramadol gout discount tramadol discount tramadol librax withdrawal tramadol roche valium global pharmacy phentermine cialis viagra together tramadol withdrawal syndrome phentermine + sale soma sf radio tramadol complete pills fake story viagra original viagra adipex online consultation fast phentermine tramadol tamoxifen online xanax abuse statistics tramadol online overnight xanax shipped fedex prescription drug soma cod tramadol tramadol 50mg dosage viagra pfizer uk tramadol imprint code 30mg capsule phentermine cialis vs viagra argent soma order xanax cheap affiliate best phentermine cheap herbal viagra tramadol 120ct ireland viagra phentermine caffeine tramadol dosage tramadol and robaxcin 10 levitra adipex home p tramadol dosage cat link online.vilabol.uol.com.br soma snorting valium effects xanax upjohn tramadol info phentermine studies home made viagra tramadol controlled substance tramadol urinalysis testing tramadol recreational use referers viagra viagra levitra comparison tramadol cloridrato meridia vs adipex 3pm cheap phentermine viagra cialis levitra pain reliever tramadol soma muscle what tramadol hcl-aceta valium pictures xanax bars pics buy xanax overnight phentermine forums adipex shipped overnight lowest phentermine priced adipex free consultation viagra nitroglycerine cialis fda approval pill sale viagra adipex without rx tramadol ic free shipping phentermine viagra warning label canadian cialis levitra results effects i.us phentermine soma loft buy cheap valium lowest price viagra tramadol mexico online viagra discussion group soma fm indie sialis viagra cheap viagra pills gg 258 xanax ibuprofen with tramadol order adipex cheap cost levitra soma fit spa e scripts phentermine vector lovers soma mexican valium consultation online viagra xanax memory loss find viagra medication phentermine overnight xanax acetaminophen tramadol valiums tramadol prescription drug levitra blog tramadol medicine online soma comfort comprar levitra viagra levitra online xanax drug test a1 mylan xanax tramadol free delivery tramadol and keppra cialis comparison viagra canada xanax soma puzzles tramadol 150 tablets discount cialis fiorcet levitra rxpricebusters.com cialis free online record soma information on tramadol tramadol use alex smoke soma ibuprofen tramadol tramadol best buy referers viagra pill identification xanax tramadol with vicodan delivery phentermine saturday glucophage phentermine cheap online soma order pharmacy tramadol tramadol hydrochloride usan soma networks canada tramadol gov 350mg soma arkane soma phentermine 37 tramadol levels ambien cialis wagering phentermine buying generic soma overnight discount phentermine alprazolam xanax viagra shopping viagra to buy soma com 15mg phentermine overnight tramadol hcl phentermine abuse constipation phentermine phentermine delivery tramadol order cod agcode tramadol medication pain tramadol soma cafe adipex discount purchase online valium prescriptions soma california muscle soma