Log in

Web Standards' Journal

Recent Entries

You are viewing the most recent 25 entries.

20th January 2009

fuzzygoth4:35pm: Accessability Changing Font Sizes
Hello Again,
So I am wondering if anyone can help or has some similarly good idea
for a solution to this problem. We as currently trying to deploy a site
which will be generated HTML, on this site we need to provide an accessable
method to re-size the font between meduim, larger, largest. We need a
non-javascript alterntive, we where thinking of using a set of three
diffrent stylesheets to acheive this. But is there a cunning CSS hack
for example we can use to adjust the base font size rather than using a
scripting language (asp/php/javascript)?

I would have toyed with the idea of maybe triggering the browsers text
re-size ability but it needs to be usable across browsers up to two
versions old. Any thoughts gladly appreciated :)


25th March 2007

infocynic1:13am: The quest for a decent free HTML editor
I teach a very basic (101 level for non-Engineering majors) college course that, among other things, covers basic web page creation. I insist on students learning basic HTML (html, head, title, body, p, a, strong, em) and we use Notepad for this (I should actually get the campus IT group to install something better like Notepad+ but that's another topic). From there we move to a WYSIWYG editor... (these are not programmers, trying to get them to spend 3 class days in HTML would be worse than torture, but having easy access to the source code via another tab/window is a great feature we can use to say "look at the source code, find the tag that's controlling that").

We used to use Mozilla Composer back when Mozilla was actually good and Firefox didn't exist, then we switched to Nvu when Mozilla mostly died. Anyone who's actually used Nvu knows it's not very good, and it has a horrible habit of mangling source HTML. Sadly, it seems to be about the best free web WYSIWYG editor that has a relatively "normal" interface. We looked at the W3C's Amaya, but decided the interface was too busy and complex for mere mortals (aka students).

Requirements: must produce valid HTML 4.01 or XHTML 1/1.1 ... Strict is preferred but we're not going to nitpick too badly--we emphasize using CSS for formatting anyway. Tags and attributes in lowercase is important, though, because about 25% of the students will spend a month at the end of the semester learning more advanced web design where we really push validation as a way to help debug page issues. WYSIWYG and a "Word-like" interface are musts. Easy access to HTML source code is preferred, with syntax highlighting also preferred. Lack of source mangling is also preferred but if it's minor or unusual I think we could live with it (subject to not changing cases, etc.). Most importantly, we'd want this to be free, so that students with their own computers would have the opportunity to use it at home. Free for academic use is fine. Oh, and yeah, it needs to run on Windows. :)

Anybody got any recommendations?

22nd March 2007

xmliacom3:13pm: http://xmlia.com
Dear friends!
We are glad to you to inform on opening new, absolutely free-of-charge site about online XML-validator and web-based editor.

For what to pay huge money for different win-based editors or to put the unchecked cracked copies?
Use our site, and you should not install anything on computer.
Our site does not contain advertising, is quickly loaded,consumes not enough traffic and quickly processes your data.
At your service XML visualisation not only in the form of TREE, but also in the form of GRID, that is actually avaliable only in very expensive windows XML editors.

all what you need to do-its just register for free

See you in http://xmlia.com

21st February 2007

qoelet5:28am: Need help with character entities
Hi every!
First: forgive me if I write something wrong, but my English is what it is (that is bad).
Second: I hope you can help me, but, whatever, I want to thanks you. :)

I'm studying XHTML, using the W3C validator. I use Dreamweaver MX as editor, but it cannot help me with the little problem I have.

I must write the apostrophe, but the editor proposes only these choices: test.

Given that the first is the acute accent, and the second and the third are for quotations, have I to resolve that I have to mean "prime" as the correct one for the apostrophe? Or rather there is another character entity for the apostrophe?

I checked a page with the validator, and it told me:
Your best bet is to replace the character with the nearest equivalent ASCII character, or to use an appropriate character entity.
In the list of character entities, there is:

&39; Apostrophe

... But I don't understand how I must use this info. If I write &39; in the code, it doesn't work. Given that I'm a dummy, I rely on your clemency.

15th February 2007

enderandrew6:22am: standard compliant code
I'm a big fan of valid xhtml/css/div/table-free design. I'm just not great at it. So when I opened up some phpbb templates and poked around I wanted to cry.

Creating a standards-compliant phpbb theme is sadly beyond my capabilities, so I am looking for help.

I'd like a dark, gritty, industrial feel to it.

I'd also really like the templates to be fully xhtml/css compliant, but that can be split into two tasks. One task is developing the artwork, which can simply be putting together a sliced psd file, and the other is making the templates. If you have artistic skills, or xhtml/css skills, I can use your help either way.

Here are a couple examples of themes I like to give you an idea. The top example is probably the best, and the theme I normally use is Zarron's Charcoal3Steel.

design - http://osc.template-help.com/forum_12926/
Charcoal3Steel - http://zarron.com/
side tabs - http://osc.template-help.com/forum_12882/
dance - http://osc.template-help.com/forum_11934/
Ambience - http://www.extremepixels.net/phpbb/index.php?s=35
Tren_z - http://www.extremepixels.net/phpbb/index.php?s=58
mechanical_creator - http://osc2.template-help.com:8081/forum_13468/

I like how some of these break up the layout with some white space, move the navigation tabs to the left, and utilize non-standard lines to break up the usual boxy layout of phpbb. Sometimes it is just the same blocky layout, but the graphics have nifty tabs and curves to dress it up.

The artist who helps me would obviously still own the work and would decide distribution rights of it as they wish.

Thanks for your time!
Current Mood: hopeful

20th October 2006

deadringrancor9:19pm: Pleasently Discovering Microformats
Hello guys, I just finished writing an article about Microformats, along with a nice-looking, inline way to alert you when microformats are present. Please have a read and let me know what you think.
Current Mood: accomplished
tcpip10:48pm: HR in TD
Complete newcomer here, so my apologies if this has been asked in the distant past or it's off-topic etc.

Why does xhtml-transitional complain bitterly about the inclusion of hr within a td element, and what's the alternative to achieve the same result?

Edit Wait a minute, I had it in a P element. Ignore me :/

8th June 2006

deadringrancor9:54am: To hell with WCAG 2
Here's an interesting development in web standards; this one in the realm of accessibility. According to Joe Clark, things are really fucked up now:

"To Hell with WCAG 2"

He's also trying to do something about it. Methinks WCAG Samurai is going to be fun to watch in the future.

Any thoughts?

8th November 2005

jdnnj9:47am: Explaining Standards
I am attempting to come up with a "short and sweet" explanation why standards are important to the average person/company needing a web site developed. I believe my use of standards is a definite selling point in someone hiring myself over another designer though I often stumble over elegantly explaining this to the average non-tech-savvy individual and freezing. Typical situation, "…by using web standards maintenance time is reduced, your page is more easily index by search engines…but do you know Flash?" Is it just that some people will value quality and some will not? Below are some pages I've collected from Google, had seen most of them before. The Mozilla explanation seems to be the simplest and direct. Does anyone know of any from more common business sites, say Money or Fast Company or something a bit less tech based?

Current Mood: contemplative

27th October 2005

jdnnj9:58am: Formatting Forms

Is there a way to isolate styling to a <label> in the following exact instance:

<legend>Billing Address</legend>
<div class="row"><label>name:<input type="text" size="40"></label></div>…

What I want to do is the typical label is right aligned to the input without using for="name"…id="name". I would like to avoid adding any additional class, spans or divs.

Current Mood: curious

11th October 2005

stepfordtwit2:59pm: I'm working on a CSS/HTML webpage for an Intermediate CSS class I am in.  It's a tableless version of my current business site.  I need to incorporate the Flash header without negating the HTML 4.0 validity.  I used the article on A List Apart on doing just this - and it didn't work. It's still not validating HTML 4.0.


Current Mood: energetic

18th September 2005

detalles9:06pm: Hallelujah Amen (Open Standards)
Proprietary solutions are never as compelling for Web designers as open standards are. Web designers are passionate about the Web as a medium, and that medium doesn’t belong to any technology provider.

--Jesse James Garrett, of Adaptive Path, on "Why Ajax Matters Now", a commentary on the wonderful OK-Cancel.com

Can I get an "Amen" somebody?

12th September 2005

jdnnj10:47am: Portfolio Site
I recently posted asking for feedback on my portfolio site in design. I would greatly appreciate any comments anyone from this forum would be able to contribute.
This has been crossposted though I've only enabled comments in the original post, is this a proper was to handle a "cross-post"?
Current Mood: working
schnee3:37am: Hi everyone, here's a question.

How can you, using CSS (for an XHTML document, but I don't think that really matters), vertically center a block-level element with regard to the surrounding block? For example, suppose I want to create something that looks roughly like the following:

I Text text text text text text  I
I Text text text text text text  I
+-------+ Text text text +-------+
I Image I Text text text I Image I
+-------+ Text text text +-------+
I Text text text text text text  I
I Text text text text text text  I

The images are floating objects right now, but that could be changed, if necessary, as long as they're sitting on the left- and right-hand side, respectively, centered vertically. It would be nice if the text flowed around them, but a layout where the text is confined to the middle "column" would also be acceptable.

The solution should work in all browsers, if possible, and should adjust to the size (width and height) of the surrounding box automatically.

Any ideas? I'm rather lost, myself (but then, I know next to nothing about CSS, so I'm probably just missing something obvious).
Current Mood: hopeful

24th August 2005

detalles4:06pm: ALA redesign
This just in... A List Apart, affectionately known as ALA, has just finished a major overhaul.
> alistapart.com

13th July 2005

jdnnj10:30am: List of Books
I'm working on a site with a list of Recommended Reading books.
I currently have them styled as so:

<li><a title="purchase page will open in a new window" href="http://www.url.com" rel="external"><em>book title</em></a><span class="author">by <em>author name</em></span></li>…

With .author { display: block; clear: both }

Would the following be more semantically correct?

<dt><a title="purchase page will open in a new window" href="http://www.url.com" rel="external"><em>book title</em></a></dt>

<dd>by <em>author name</em></dd>…

11th July 2005

detalles2:40pm: Firefox now has an OFFICIAL Google Toolbar!
Yes, that's correct. Google has released an OFFICIAL Firefox version of its Google Toolbar!

Yup, I'm a few days late, but in case you hadn't heard... Oh yeah, and don't have Firefox? About it - Get it

7th July 2005

trailbreaker10:48am: From the Scottish Power website
"We have detected certain aspects of your system that will prevent you experiencing this site fully.
These are:
You are not running a Windows or Macintosh operating system."

The webpage is captioned 'browser-error' and I am informed that the site has been re-designed recently. Now as I understand web technology, the only part of a web page that could be OS-specific is something like an active-X component, which I would probably block on Windows anyway.

6th July 2005

sydneygrey10:02pm: . how to create/purchase a domain name .
I need help. I need someone to give me a step by step instructional process on how to find, create and purchase and domain name. Not for me- but for my client. I need to make sure I get the user name and password for the FTP transfer. Can anyone help?

27th June 2005

detalles9:56pm: XML Prolog & IE6 Quirks Mode
Why didn't anybody tell me before!?

Explorer Windows special: the xml prolog

In Explorer 6 Windows, Microsoft implemented one extra rule: if a doctype that triggers strict mode is preceded by an xml prolog, the page shows in quirks mode. This was done to allow web developers to achieve valid pages (which require a doctype) but nonetheless stay in quirks mode.

This is the xml prolog. You should put it on the very first line of your document, before the doctype.

<?xml version="1.0" encoding="iso-8859-1"?>

--Peter Paul Koch, "Quirks mode and strict mode" on quirksmode.org

cross-posted: weblingo, webmasterguild

24th June 2005

dap60001:42pm: share your educational experiences
i'm planning on writing an article on the state of education in the field of web design. i'd like for anyone who has gone through any sort of training at a post-secondary level (any college, university, or vocational/tech school) and who has 5-10 minutes to spare to share your experiences. i'd like to particular focus on how these institutions teach (or fail to teach) web standards, accessability, usability, etc.

my personal experience so far has been with a 2 year program at a community college. the program would have produced great web designers in 1997, but in 2005 it's seriously lacking. we were taught to do everything the quick and dirty way, letting software do our work for us, hardly ever looking at the actual source code. the only time css came up is in sections dealing with 4.0 era "DHTML", none of it using even remotely valid code. accessability and usability were given lip service in some of the text books, but never given any real in depth discussion and rarely even defined for the students. (ok, there was one class where "don't make me think" was listed as a reccomended read but not required for the class.) so i've got a CIW Master Site Designer certification and an associates of applied science in web design, but i honestly feel like i could have taught myself much more if i'd spent less time doing school work and more time taking advantage of the wealth of free resources online (which is what i've always done before).j

now i'm enrolled in a university that offers a BA (or maybe it's a BS, i'm not sure) in web design. the dept head is a major accessability and usability proponent. from talking to him, i'm very ecited about the possabilities, but at the same time i'm so disappointed with my previous experienes that i'm hesitant to get my hopes up.

so i'd like to write an article that can hopefully help future web design students find a program that will actually prepare them for the real world and this millenium. i'd also like to exercise some of my own deamons by hopefully findout out i'm not alone in feeling disinfranchised with the quality of education in this field that i've been able to find. i'd also love to find out that there ARE some people out there who have had great experiences in great programs that teach web design the "right" way.

so let me know what it's been like for you. even if you dropped out after one semester. even if you've only had one class, or if your degree doesn't or won't have the word "web" anywhere on it; like you're in a graphic design program or a digital media program and adapting the broader education you're getting to the web through supplimental material.

good stories, horror stories, mediocre stories, name names or don't (i really hope those of you with good experiences will name names so i can follow up with these institutions). you can post your experiences as a reply to this post or email me at dap6000 at hotmail dot com.

cross posted to _css, css_forum, and wwwstandards.

23rd June 2005

det_n1:18pm: Hi everyone,

I am looking for a programme that visualizes a possible xml tree structure as defined by a dtd. E.g., if I have a (very simple, incomplete, not considering attributes or the like) dtd containing the following lines:

<!ELEMENT	one	(two?, three)>
<!ELEMENT 	three	(four)+>
<!ELEMENT	four	(five | six)>
I want to have an output that looks somthing like this (format doesn’t matter at all):
   |    |__ #PCDATA
          |__ four+
                 | OR

Is there such a tool?

7th June 2005

_r_and_l_10:06pm: monitoring
Safari... Opera... Konqueror...


20th May 2005

livenolies8:20pm: help with some HTML
Hoping somebody here can help me out, I'm obviously not seeing the solution.


See the brown box on the left? it's "pushing" the border of the table it's in, over to the right about 20 pixes (I left the border on so you can see the problem), which is also pushing the menu items (approach, coaching, etc) over to the right some. It's definitely being caused by that brown square table on the left side, but I can't see how to fix the problem. Does anyone here have a sec to look at it and offer some ideas? I think I'm just sleep deprived.

Thanks in advance.

10th May 2005

alanocity7:50pm: PNG support in IE on the way! :-)
In the official Internet Explorer blog I read that there will definitely be support for alpha (transparency) blending in IE7, the beta of which is due out this summer!

This is not to be confused with Dean's IE7, which is not a browser at all but a hack that forced IE to accept valid CSS2.
Powered by LiveJournal.com