Cascading Style Sheets - Graham Perrin on Diigo

03 Nov 09

firefox, osx
white web pages hurting my eyes

14 Oct 09

funkatron.com: AIR, Titanium and webOS: 10 Things You Can’t Do in A Browser

funkatron.com/...hings-you-cant-do-in-a-browser - Preview

Adobe Integrated Runtime JavaScript HTML Cascading Style Sheets 2009

July 13, 2009
AIR, Titanium and webOS: 10 Things You Can’t Do in A Browser
23 more annotations...
- web runtime platforms
- Titanium
- webOS
- Adobe AIR
- things you can do in a web runtime platform
- that you can’t do in a browser
- Cross-browser compatibility issues are a thing of the past
- Advanced rendering features (CSS3, etc)
- File system access
- Networking
- No same-origin policy restrictions
- No need to support non-JS users
- Using/interacting with platform-specific UI elements
- Sound playback without plugins
- Interacting with other applications/shell interaction
- Database support
- supporting an app on a user’s machine brings a new group of debugging headaches
- by funkatron
- Richard Orelup
- A great summary of a lot of the points missed
- these applications don’t need to be online
- with Gears or BrowserPlus you can gain some of this functionality
- not as smooth as Air or Titanium

10 Aug 09

Date Display Technique with Sprites | CSS-Tricks

css-tricks.com/date-display-with-sprites - Preview

sprite date vertical image Cascading Style Sheets 2009

Sprites
Date Display Technique
7 more annotations...
- vertical
- presented as text, as it should be
- css sprites
- Take a look at this beauty:
- a wrapper, and three regions. This gives us what we need to match these schematics:
- The CSS
- special class names

26 Jul 09

#9315 (New theme for Plone 4) – Plone

A PLIP (Plone Improvement Proposal) for Plone 4.0.

dev.plone.org/...9315 - Preview

theme template style PLIP Internet Explorer 6 IE6 Deco grid tableless HTML CSSManager Plone (software) Cascading Style Sheets 2009

New theme for Plone 4
Motivation
47 more annotations...
- CSS has grown organically
- a lot of things that we know better how to pull off with the CSS techniques of today
- Deco grids
- awesome new way to do layouts
- black, white, grays
- color-neutral
- tableless, based on the Deco grid approach
- works perfectly in all browsers, including IE6
- both fixed-width and flexible-width
- it's a common operation
  - I treat it as an essential operation.
    
    The current fixed width of plone.org makes it difficult for me to work with much of the content therein. - on 2009-07-26
  Add Sticky Note
- a switch for this
  - Oh, yes please! - on 2009-07-26
  Add Sticky Note
- class and ID names will be kept
- transition to something like Deliverance/xdv easy
- "future-proof" the theme
- anticipation for Plone 5
- some CSS3 features
- degrade gracefully
- not identically on browsers like IE6
- not use any DTML
- includes RTL
- simple @media-based mobile stylesheet
- Print CSS
- WebKit (iPhone, Palm Pre, Android)
- Opera (a large variety of handsets)
- easy for people to update their existing themes
- existing themes should work
- bugs disappear with the new grid approach
- RTL needs some testers
- the "generic" quality that a default theme needs
- While NuPlone is a beautiful design, it's not flexible enough
- too "opinionated"
- "hackable", which is something that the default theme should definitely be
- Some of the work is already done (the hard parts ;):
- Deco grid system is in production on plone.org
- people that have never used CSS before use it, and it works really well
- it fits their brain
  - Great! - on 2009-07-26
  Add Sticky Note
- integrators often have rather mediocre HTML skills
- logo at the top left, search box on the right, 3 column
- need to be further discussed with the wider group
- 2. Pull existing theme into a new package
- 1. Writing the new theme in HTML 5
- 3. Removal of base_properties
- 4. Inclusion of a "change logo" and "insert CSS" form
- WebLion
- CSSManager
- full disclosure
- cc
  grahamperrin

25 Jul 09

Web Content Accessibility Guidelines (WCAG) 2.0

www.w3.org/WCAG20 - Preview

accessibility exemplar HTML SVG PNG Flash JavaScript Portable Document Format Cascading Style Sheets 2009 Adobe Flash Web Content Accessibility Guidelines

Web Content Accessibility Guidelines (WCAG) 2.0
11 December 2008
19 more annotations...
- W3C Recommendation
- Latest version
- Alternate Versions
  - It is expected that PDF versions will be available in August 2009. - on 2009-07-25
  Add Sticky Note
- If keyboard focus can be moved to a component of the page using a keyboard interface, then focus can be moved away from that component using only a keyboard interface
- No Keyboard Trap
- if it requires more than unmodified arrow or tab keys
- the user is advised of the method for moving focus away
- Keyboard (No Exception)
- All functionality of the content is operable through a keyboard interface
- without requiring specific timings for individual keystrokes
- Conformance Requirements
- Conformance Level
- Level A conformance (the minimum level of conformance)
- technology (Web content)
- to be rendered, played or executed by user agents
- mechanism for encoding instructions
- markup languages, data formats, or programming languages
- alone or in combination
- HTML, CSS, SVG, PNG, PDF, Flash, and JavaScript

22 Jul 09

What's wrong with Outlook? « Tatham Oddie

blog.tatham.oddie.com.au/...whats-wrong-with-outlook - Preview

HTML Microsoft Outlook standard Acid test Cascading Style Sheets 2009

Referred from http://www.diigo.com/bookmark/http%3A%2F%2Fwww.email-standards.org%2Fblog%2Fentry%2Fsending-a-final-message-to-microsoft?tab=comment&uname=grahamperrin - grahamperrin on 2009-07-22

What’s wrong with Outlook?
web standards for email
19 more annotations...
- message received – but not understood
- The Core Problem
- Microsoft swapped the Outlook rendering engine
- to Word
- woeful CSS support
- less support than Internet Explorer 5
- a currently awarded Microsoft Most Valuable Professional
- back to the dark ages
- Microsoft MVP
- one of the most amusing demonstrations
- comes from one of Microsoft’s own newsletters:
- Read this issue online if you can’t see the images or are using Outlook 2007
- twice the amount of time to make it Outlook 2007 compatible than it did to develop it
- side-by-side in Word and IE:
  
  (click for full size)
- email has always been a right pain
- thus the Email Standards Project was born in 2007
- lack lustre response from Microsoft to date
- a reliable and consistent way for the web developers of the world to deliver styled emails to Oulook
- July 5, 2009

Sending a final message to Microsoft about Outlook 2010 | Email Standards Project

www.email-standards.org/...g-a-final-message-to-microsoft - Preview

HTML Microsoft Outlook standard Acid test Cascading Style Sheets 2009

message to Microsoft about Outlook 2010
25,000 people have joined the chorus to send a unified message to Microsoft about their lack of web standards support in Outlook 2010.
6 more annotations...
- officially filed a bug about the lack of standards
- The fixoutlook.org Mosaic
- a pleasure to be involved
- hopefully it will contribute to making life easier for email designers and Outlook users alike
- easily move around
- zoomable versions

Tyler Butler » Blog Archive » Follow Up On Outlook HTML+CSS Post

www.tylerbutler.com/...low-up-on-outlook-htmlcss-post - Preview

HTML Microsoft Outlook standard Acid test Cascading Style Sheets 2009

Referred from http://www.diigo.com/bookmark/http%3A%2F%2Fwww.email-standards.org%2Fblog%2Fentry%2Fsending-a-final-message-to-microsoft?tab=comment&uname=grahamperrin - grahamperrin on 2009-07-22

Note: I work for Microsoft, in the Office division
I filed two separate bugs in our internal bug database
3 more annotations...
- The first covers the fact that we’re apparently not obeying your browser preference
- The second covers the actual piss-poor rendering Outlook does of the acid test email
- it isn’t standard practice at Microsoft to reveal publicly the status of bugs

21 Jul 09

Format CSS Online

www.lonniebest.com/FormatCSS - Preview

Cascading Style Sheets 2009

CSS Tutorial

w3schools.com/css - Preview

tutorial unread Cascading Style Sheets 2009

01 Jul 09

Join 24,041 others asking Microsoft to improve standards support and make sure you include fixoutlook.org in your tweet. We’ll pull together every tweet that includes the link here to give Microsoft a unified message from the community.

fixoutlook.org - Preview

Microsoft Office Outlook Word HTML e-mail standards float position Outlook 2010 Cascading Style Sheets 2009

See http://groups.diigo.com/diigo-v35-v4/forum/topic/please-do-not-convert-descriptions-to-personal-comments-47270 - grahamperrin on 2009-07-01

24 Jun 09

The Acid3 Test

acid3.acidtests.org - Preview

acid3 test standards web css webstandards acid private Diigo 48320 Cascading Style Sheets 2009 web browser

01 Dec 08

Dashboard Programming Topics: Designing Widgets

developer.apple.com/...Design.html - Preview

Mac OS X Dashboard widgets JavaScript HIG Apple Inc. Cascading Style Sheets 2008

design your widget’s front side
forcing the user to wait for content to display can be annoying and time-consuming
14 more annotations...
- It should require no explanation
- A cluttered widget is a jack of all trades, master of none
- simple widgets, each focused on a single task
- Design widgets for small screens
- Put information not vital to the widget on the back
- Users may expect to drop files or other dragged items on your widget
  - 1: drag and drop. - on 2008-11-30
  Add Sticky Note
- Support drag-and-drop
- Branding is appropriate on a widget’s back
- Integrated Menus
  - 2: from a menu, select an action for the dropped content. - on 2008-11-30
  Add Sticky Note
- design unique, custom controls that integrate well into your widget’s overall design
- Displaying a menu in this context is common
- Implementing Your Custom Menu Control
- Help Tags
- structure your elements logically

30 Nov 08

Netvibes : Developers

Netvibes Universal Widget API (UWA) is a free and elegant widget framework that uses XHTML for structure, CSS for styling and JavaScript/Ajax for behavioral/DOM control ; it can also use iframes and plugins such as Flash. UWA supports all major widget platforms, including Netvibes, iGoogle, Windows Vista, Mac OS X, iPhone and more.

Credit to Rik` in irc://irc.freenode.net/#webkit for the referral/suggestion.

dev.netvibes.com - Preview

Universal Widget API UWA Mac OS X Dashboard widgets Microsoft Windows Vista sidebar gadgets iPhone cross-platform XHTML XML JavaScript Ajax Apple Inc. Cascading Style Sheets 2008

compatible with all
major widget platforms
a
free and elegant widget framework
2 more annotations...
- 100% compliant. Open web standards, utilizing XHTML/XML, JavaScript/Ajax, CSS.
- supports all major widget
  platforms, including Netvibes, iGoogle, Windows Vista, Mac OS X, iPhone
  and more

12 Nov 08

Prince

Thanks to MacYET (Andreas Jung, ZOPYX) in irc://irc.freenode.net/#plone for drawing attention to Prince XML

www.princexml.com/ - Preview

XML-SO HTML XHTML SVG MathML unread Portable Document Format Plone (software) Cascading Style Sheets 2008

05 Dec 07

Graham Perrin's Library tagged "Cascading Style Sheets" → View Popular

Custom client-side CSS to change background colours. | Ask Metafilter

funkatron.com: AIR, Titanium and webOS: 10 Things You Can’t Do in A Browser

Date Display Technique with Sprites | CSS-Tricks

#9315 (New theme for Plone 4) – Plone

Web Content Accessibility Guidelines (WCAG) 2.0

What's wrong with Outlook? « Tatham Oddie

Sending a final message to Microsoft about Outlook 2010 | Email Standards Project

Tyler Butler » Blog Archive » Follow Up On Outlook HTML+CSS Post

Format CSS Online

CSS Tutorial

Outlook’s broken—Let’s fix it

The Acid3 Test

Dashboard Programming Topics: Designing Widgets

Implementing Your Custom Menu Control

Netvibes : Developers

Prince

A List Apart: A List Apart

css Zen Garden: The Beauty in CSS Design

Eric Meyer: CSS

Selected Tags

Related Tags

Sponsored Links

Top Contributors