Re: [WSG] Yes or No? HTML5 FOR WEB DESIGNERS
Thanks, David :) I read up on a few different angles on this - one as you write, should contain 2 headings, and and tags. But when I initially read about it - and then confirmed for this site - it could also contain the main header with a strapline, therefore include a See this HTML5 doctor's site article: http://html5doctor.com/the-hgroup-element/ I am using it for that purpose. I wanted to give each page/site section it's own strapline, a page summary if you will... So I felt the would give it this meaning rather than classing the entire header as mere . Prisca ______ Prisca Schmarsow — 07969 713 329 graphiceyedea.co.uk --- eyelearn.org --- webeyedea.info student forum: eyelearn.org/forum __ On Wed, Aug 18, 2010 at 8:51 PM, David Storey wrote: > > On 18 Aug 2010, at 21:17, Prisca schmarsow wrote: > > Hi ;) > > as the subject has expanded to HTML5 - use it or not yet - I thought I > might throw in a sample site. > This is a new site for a webdesign course I run and teach, recently put > live, setup in WordPress, and using some HTML5. > (I will not teach next year's students HTML5 yet - but will introduce it in > the last term, according to the latest spec) > > I would not say the site is pure HTML5 in the strictest sense just > incorporating suitable HTML5 tags in the theme, as appropriate (I hope). It > still uses a few standard HTML tags and is a bit of a hybrid, I suppose. I > aim to keep working on improving the source and tweak it all as time goes on > ~ and/or specs change. > For now, I hope it meets with your approval and I would be curious to hear > your thoughts - if anyone is interested in having a look: > http://webeyedea.info > > The HTML5 validator throws up 2 errors, 1 for a span and 1 for a paragraph > used in the . I did find sources which approve of a being used > inside the . So I will leave that as it is for now. > > Any thoughts and feedback would be most welcome :) > > > hgroup is as far as I can tell a hack to hide a subtitle or such marked up > as a heading element (h1–h6) from the sectioning algorithm used to calculate > the structure of your document . > > “The hgroup element is typically used to group a set of one or more h1-h6 > elements — to group, for example, a section title and an accompanying > subtitle.” > > Thus I think you only use the hgroup if you are using another heading such > as an h2 for your subtitle, otherwise it isn't really needed and you can > avoid using the hgroup all together. I could be misinterpreting it though. > > > > Prisca > > > > __ > Prisca Schmarsow — 07969 713 329 > graphiceyedea.co.uk --- eyelearn.org --- webeyedea.info > > student forum: > eyelearn.org/forum > > __ > > > On Wed, Aug 18, 2010 at 7:45 PM, tee wrote: > >> >> On Aug 18, 2010, at 7:06 AM, jeffrey morin wrote: >> >> It's a good starter book to introduce you to HTML5. It's not a >>> reference manual just a good starter book. You still should read the >>> W3C spec and get the other book Introduction to HTML5. >>> >>> I will disagree with Jason Grant that it's too early to start using >>> HTML5. Because HTML5 supports the older tags you can start using it >>> today by simply using that's it and you're site is now >>> considered html5, and if you're site validated for XHTML or HTML prior >>> it should validate for HTML5. >> >> >> Months ago I tried converting a theme to HTML5, but had to give it up for >> the following reason: >> >> Ran into a number of validation errors with obsolete tags which are no >> longer supported by HTML5. Though they were all fixable but it gave me a >> second thought perhaps it's not such a good idea to be progressive with >> newer markup technology for sites that need to go live today, tomorrow, next >> year and that I have no control, no way to know how the site owners going to >> use their sites and how many plugins they will be using which have terribly >> markup in the template files. I can't remember exactly how many errors I >> encountered except this one that had me a change of heart because I am not >> certain of the impact on the WCAG 2.0 success criteria and how today's >> Screen readers handle the HTML5. >> >> W3C validator flagged Summary attribute as obsolete. Quote: "The summary >> attri
Re: [WSG] Yes or No? HTML5 FOR WEB DESIGNERS
Hi ;) as the subject has expanded to HTML5 - use it or not yet - I thought I might throw in a sample site. This is a new site for a webdesign course I run and teach, recently put live, setup in WordPress, and using some HTML5. (I will not teach next year's students HTML5 yet - but will introduce it in the last term, according to the latest spec) I would not say the site is pure HTML5 in the strictest sense just incorporating suitable HTML5 tags in the theme, as appropriate (I hope). It still uses a few standard HTML tags and is a bit of a hybrid, I suppose. I aim to keep working on improving the source and tweak it all as time goes on ~ and/or specs change. For now, I hope it meets with your approval and I would be curious to hear your thoughts - if anyone is interested in having a look: http://webeyedea.info The HTML5 validator throws up 2 errors, 1 for a span and 1 for a paragraph used in the . I did find sources which approve of a being used inside the . So I will leave that as it is for now. Any thoughts and feedback would be most welcome :) Prisca __ Prisca Schmarsow — 07969 713 329 graphiceyedea.co.uk --- eyelearn.org --- webeyedea.info student forum: eyelearn.org/forum __ On Wed, Aug 18, 2010 at 7:45 PM, tee wrote: > > On Aug 18, 2010, at 7:06 AM, jeffrey morin wrote: > > It's a good starter book to introduce you to HTML5. It's not a >> reference manual just a good starter book. You still should read the >> W3C spec and get the other book Introduction to HTML5. >> >> I will disagree with Jason Grant that it's too early to start using >> HTML5. Because HTML5 supports the older tags you can start using it >> today by simply using that's it and you're site is now >> considered html5, and if you're site validated for XHTML or HTML prior >> it should validate for HTML5. > > > Months ago I tried converting a theme to HTML5, but had to give it up for > the following reason: > > Ran into a number of validation errors with obsolete tags which are no > longer supported by HTML5. Though they were all fixable but it gave me a > second thought perhaps it's not such a good idea to be progressive with > newer markup technology for sites that need to go live today, tomorrow, next > year and that I have no control, no way to know how the site owners going to > use their sites and how many plugins they will be using which have terribly > markup in the template files. I can't remember exactly how many errors I > encountered except this one that had me a change of heart because I am not > certain of the impact on the WCAG 2.0 success criteria and how today's > Screen readers handle the HTML5. > > W3C validator flagged Summary attribute as obsolete. Quote: "The summary > attribute is obsolete. Consider describing the structure of complex tables > in or in a paragraph and pointing to the paragraph using the > aria-describedby attribute." So this is more a validation error than > accessibility issue right? TotalValidator doesn't find it wrong. So I assume > it's not an accessibility issue, or TotalValidator got it wrong. > > Last time I checked, browsers are buggy rendering Caption element, not sure > if this is still the case but I certainly don't want to go find a hack or > invent a hack to make caption element render correctly in all > browsers. Aria-described attribute maybe a way to go but I don't know > little about it. > > > tee > > > > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: memberh...@webstandardsgroup.org > *** > *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Yes or No? HTML5 FOR WEB DESIGNERS
Jeff, depends on what you expect I suppose, I've read it - it's only small and light - but I like Jeremy's writing - very distinct and to the point which makes the book a great overview. Currently reading 'Introducing HTML5' by Bruce Lawson and Remy Sharp - which is brilliant :) Very friendly and informal tone - very informative and with great examples. So more in depth look at the current state of HTML5 - this one is one I would recommend. Just my opinion, of course - but starting to use HTML5 more and more :) Prisca On Tue, Aug 17, 2010 at 4:04 PM, Fabien BENARIAC wrote: > Hey ! > > I think that could be an interresting book... but I don't know if I will > prefer to wait the second edition. In fact, I will wait some times to see > how browser understand HTML5. As I have already understand, Firefox and > Safari/Chrome don't use the same CSS properties ! So I think these books are > just to sell papers. > > ;-) > Fab. > > Le 17/08/10 16:49, jeffrey morin a écrit : > > Does anyone have an opinion on whether the book, HTML5 FOR WEB DESIGNERS by > Jeremy Keith is worth the purchase? I want to learn more about HTML5 but am > turned off by the shameless promotion they've done for this book. Does > anyone have any suggestions on other books or if this is worth it? > > Thanks, > Jeff > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: memberh...@webstandardsgroup.org > *** > > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: memberh...@webstandardsgroup.org > *** > *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] got some time to evaluate accessibility web resource?
Hello everyone :) Would you be willing to evaluate a website which is a resource for web designers and developers on the topic of web accessibility and intellectual disability? Or ask other web professionals you know, who are interested in accessibility, to do this? Doing this involves: - Following INMD_09 on Twitter (http://twitter.com/INMD_09) for a limited time (from Wednesday 18 November to Friday 27 November) - Visiting the INMD site (www.inclusivenewmedia.org) and viewing its resources - Completing an online survey (which takes approximately 15 minutes) at the end of this process (Friday 27 November, or thereabouts). ABOUT THE SITE: People with intellectual disabilities are an extremely marginal group, whose web accessibility needs are poorly understood, and therefore often overlooked. Inclusive New Media Design (or INMD, www.inclusivenewmedia.org) addresses this problem, by providing web designers and developers with the resources and information they need to include this marginal group. The website includes animations which can be downloaded as MP4s & viewed on the go, videos of intellectually disabled web users, pdf checklists of accessibility issues and potential solutions, information about people with intellectual disabilities and the types of assistive devices they use, twitter feeds and a blog on which to discuss the issues that the site addresses. Any help and input from you would be very much appreciated :) Thanks, Prisca *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Possible layout problems with using this CSS code?
Bret :)
to find out more about the correct way of stripping out the default margin -
I can only point you to Eric Meyer :)
I'd try to explain but I would not be as clear ;)
1. CSS RESETTING - REASONING :
http://meyerweb.com/eric/thoughts/2007/04/18/reset-reasoning/
2. CSS RESET : http://meyerweb.com/eric/tools/css/reset/
3. RESET RELOADED :
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
hope this helps ;)
Prisca
On Sun, Apr 19, 2009 at 6:31 PM, Brett Patterson <
inspiron.patters...@gmail.com> wrote:
> Would using:
>
> * {
> margin: 0;
> padding: 0;
> border: 0;
> }
>
> before the body to zero out all margins, paddings and borders, cause any
> accessibility problems or any problems one should be made aware of before
> using it for layout?
>
> --
> Brett P.
>
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: memberh...@webstandardsgroup.org
> ***
--
• graphiceyedea.co.uk • eyedea.eu • eyelearn.org •
--
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
Re: [WSG] a Div tag won't pick up the height of a floated image?
Brett, not sure if I understood you correctly but this seems easily solved byt clearing the float with your navigation bar. If I read this right - you are talking about 2 different lists? One to be positioned next to the image, the other (navigation bar) to sit below image and list? in that case: 1. image floated left 2. your (following the image in the HTML) will be positioned right, next to the image 3. the navigation bar's then needs to be given 'clear: left' in the CSS in order to sit below both the image and first list Hope this helps - and sorry if I misunderstood ;) Prisca On Mon, Feb 16, 2009 at 6:25 PM, Brett Patterson < inspiron.patters...@gmail.com> wrote: > Will a div tag pick up the height of an image that is floated left? I have > an image that is floated to the left and an unordered list that I am trying > to get to move to the right side of an image, in a horizontal layout...the > unordered list (navigation bar) is also in a horizontal line position. I > need the navigation to align to the bottom of the image...the image's height > is 100px, and the width is 200px...how would I accomplish this? > > -- > Brett P. > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: memberh...@webstandardsgroup.org > *** -- • graphiceyedea.co.uk • eyedea.eu • eyelearn.org • -- *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] CSS editors
Nick, yes, CSS Edit is fantastic ;) for my students, entirely new to webdesign as well as coding (I am teaching webdesign, the web standard's way - and full on handcoding) - CSS Edit is proving a great help :) The fact that we can go and not only take a closer look at any given site's CSS - but also override it and edit it does make learning CSS easier :) Prisca On Mon, Oct 20, 2008 at 4:52 PM, Nick Tomczek <[EMAIL PROTECTED]> wrote: > Prisca, > > I have a graphic designer that swears by CSS Edit for all of his CSS > modifications. > > > On Mon, Oct 20, 2008 at 8:42 AM, Gregory Alan Gross <[EMAIL PROTECTED] > > wrote: > >> Prisca-- >> >> Like Gicela, I too am new to Macs. I'm using Smultron and like it a great >> deal. How does it compare with CSS Edit and Coda? >> >> .greg >> >> "These are the days of miracle and wonder." >> >> On Mon 20/10/08 03:00 , "Prisca schmarsow" [EMAIL PROTECTED]: >> >> Gicela, >> >> yes - CSS Edit is fantastic :) you'll love it :-) >> My other favourite is Coda - http://www.panic.com/coda/ >> >> you might also like to try Smultron which is open source: >> http://tuppis.com/smultron/ >> >> happy coding ;) >> Prisca >> >> >> On Mon, Oct 20, 2008 at 10:51 AM, Gicela Morales < >> [EMAIL PROTECTED]> wrote: >> >>> Hi Everyone, >>> I've just migrated form PC to a new macbook :-) but was wondering about >>> the best xhtml/css editors for macs around that people can recommend? >>> >>> I can see that BBEdit is still around ( I used to use this back in the >>> 90's) and CSSedit seem to have some good reviews. Any preferences? >>> >>> Kind regards, >>> Gicela >>> >>> >>> *** >>> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm >>> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm >>> Help: [EMAIL PROTECTED] >>> *** >> >> >> >> >> -- >> • graphiceyedea.co.uk • eyedea.eu • eyelearn.org • >> -- >> >> *** >> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm >> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm >> Help: [EMAIL PROTECTED] >> *** >> >> >> >> *** >> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm >> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm >> Help: [EMAIL PROTECTED] >> *** > > > > > -- > -- Nick Tomczek > > "Friendship is born at that moment when one person says to another: What! > You too? I thought I was the only one." >-- C. S. Lewis > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: [EMAIL PROTECTED] > *** > -- • graphiceyedea.co.uk • eyedea.eu • eyelearn.org • -- *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS editors
Greg, how do they compare... that really depends on what you need your code editor to do ;) You've got to give Smultron credit for being such a good editor, syntax highlighting etc - and being open source. So as an editor - if this is all you need - it's perfect. If, like me, you work a number of different projects at the same time and need the ability to upload any new code edits immediately - then Coda does the job all in one. I have to admit - I LOVE CODA :) :) Part of its appeal is the lovely interface (http://screencast.com/t/bfsC1VSEbC) as well as the access to your remote directory. It's main advantage over Smultron is that you can upload your files - so it basically combines the code editor with the FTP program which is my view is a winning point :) CSS Edit is merely a great CSS code editor - with added functions such as the XRay which allows you to highlight a HTML element and access its CSS directly via the inspector window. I use it to teach my webstudents - it does make getting your head around the code structure easier :) I wrote a little intro tutorial recently; have a look for more info: http://graphiceyedea.co.uk/wp/css-edit-a-coders-joy/ Hope this gives you an idea :-) Prisca On Mon, Oct 20, 2008 at 4:42 PM, Gregory Alan Gross <[EMAIL PROTECTED]>wrote: > Prisca-- > > Like Gicela, I too am new to Macs. I'm using Smultron and like it a great > deal. How does it compare with CSS Edit and Coda? > > .greg > > "These are the days of miracle and wonder." > > On Mon 20/10/08 03:00 , "Prisca schmarsow" [EMAIL PROTECTED]: > > Gicela, > > yes - CSS Edit is fantastic :) you'll love it :-) > My other favourite is Coda - http://www.panic.com/coda/ > > you might also like to try Smultron which is open source: > http://tuppis.com/smultron/ > > happy coding ;) > Prisca > > > On Mon, Oct 20, 2008 at 10:51 AM, Gicela Morales <[EMAIL PROTECTED] > > wrote: > >> Hi Everyone, >> I've just migrated form PC to a new macbook :-) but was wondering about >> the best xhtml/css editors for macs around that people can recommend? >> >> I can see that BBEdit is still around ( I used to use this back in the >> 90's) and CSSedit seem to have some good reviews. Any preferences? >> >> Kind regards, >> Gicela >> >> >> *** >> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm >> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm >> Help: [EMAIL PROTECTED] >> *** >> > > > > -- > • graphiceyedea.co.uk • eyedea.eu • eyelearn.org • > -- > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: [EMAIL PROTECTED] > *** > > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: [EMAIL PROTECTED] > *** > -- • graphiceyedea.co.uk • eyedea.eu • eyelearn.org • -- *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS editors
Gicela, yes - CSS Edit is fantastic :) you'll love it :-) My other favourite is Coda - http://www.panic.com/coda/ you might also like to try Smultron which is open source: http://tuppis.com/smultron/ happy coding ;) Prisca On Mon, Oct 20, 2008 at 10:51 AM, Gicela Morales <[EMAIL PROTECTED]>wrote: > Hi Everyone, > I've just migrated form PC to a new macbook :-) but was wondering about > the best xhtml/css editors for macs around that people can recommend? > > I can see that BBEdit is still around ( I used to use this back in the > 90's) and CSSedit seem to have some good reviews. Any preferences? > > Kind regards, > Gicela > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: [EMAIL PROTECTED] > *** -- • graphiceyedea.co.uk • eyedea.eu • eyelearn.org • -- *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Is it a good practice to have 'Back to Top' link?
Hi, I'd argue that a 'back to top' link on longer pages is not only a good idea but also what users expect. I have had numerous clients who asked for this link on all pages - even on shorter pages as they feel it is part of a usable page. In my opinion, trying to predict whether or not people know about keyboard shortcuts is more difficult than adjusting the wording of said 'back to top' link to the site's target audience. Prisca On Mon, Sep 29, 2008 at 10:45 AM, Александр Паньшин <[EMAIL PROTECTED] > wrote: > And you think they guess what 'back to top' link means? > In my expirence, I never pressed buttons like 'Back to Top' on web pages. > > 2008/9/29, [EMAIL PROTECTED] <[EMAIL PROTECTED]>: > > Really? > > I'll give you ten to one that the majority of PC users have no idea what > > that key does. > > > > Regards, > > Mike > > > > > > -Original Message- > > From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] > > On Behalf Of ? ??? > > Sent: 29 September 2008 10:16 > > To: wsg@webstandardsgroup.org > > Subject: Re: [WSG] Is it a good practice to have 'Back to Top' link? > > > > I think your users know where 'Home' key is situated on their > > keyboards!:) > > > > > > > > *** > > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > > Help: [EMAIL PROTECTED] > > *** > > > > > > > -- > Помни, Ты - Воин Света > Воли, снегов и ветра > Помни, живи не слепо > А с верой в Любовь и Свет > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: [EMAIL PROTECTED] > *** > -- • graphiceyedea.co.uk • eyedea.eu • eyelearn.org • -- *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Accesbility Help
Hi,
just another vote for Mike's GB Contact Form - been using it successfully
for a while now and it works beautifully.
Had tried a lot of other options and form setup - this one is by far the
best, in my humble opinion anyway.
So - thank you, Mike ;)
Prisca
On Thu, Sep 4, 2008 at 6:48 PM, Joseph Taylor <[EMAIL PROTECTED]> wrote:
> Good call.
>
> // check the answer
> if (strtolower($_POST['human_verifier']) != 'blue')
> {
> // incorrect
> echo 'Robot! Get out!');
> }
> else
> {
> // correct
> echo 'Welcome, Human.';
> }
> ?>
>
> I agree that Mike's form is well made too. It takes my concept and adds in
> all the other pieces you'd want for the complete solution.
>
> Joseph R. B. Taylor
> /Designer / Developer/
> --
> Sites by Joe, LLC
> /"Clean, Simple and Elegant Web Design"/
> Phone: (609) 335-3076
> Fax: (866) 301-8045
> Web: http://sitesbyjoe.com
> Email: [EMAIL PROTECTED]
>
>
>
> Mike at Green-Beast.com wrote:
>
>> Hi Joseph,
>>
>> >> // check the answer
>>> if ($_POST['human_verifier'] != 'blue')
>>> {
>>> // incorrect
>>> echo 'Robot! Get out!');
>>> }
>>> else
>>> {
>>> // correct
>>> echo 'Welcome, Human.';
>>> }
>>> ?>
>>>
>>
>> You can make that a little more foolproof by setting the case of the text
>> before matching, upper or lower it doesn't matter, but either way it'll
>> prevent answers like Blue, BLUE, bLuE, etc. from triggering the "Robot! Get
>> out!" error.
>>
>> Respectfully,
>> Mike Cherim
>>
>>
>>
>>
>> - Original Message - From: "Joseph Taylor" <[EMAIL PROTECTED]>
>> To:
>> Sent: Thursday, September 04, 2008 1:01 PM
>> Subject: Re: [WSG] Accesbility Help
>>
>>
>> If you want to avoid captchas, my recommendation would be to add a
>>> question that would foil a robot. Just explain that this field is for that
>>> specifically.
>>>
>>> Something like:
>>>
>>>
>>> Human Verification
>>>
>>> This section is used to thwart evil spam robots. Fill in the correct
>>> answer.
>>>
>>>
>>> What color is the sky? (hint: blue)
>>>
>>>
>>>
>>>
>>> You're PHP would be:
>>>
>>> >> // check the answer
>>> if ($_POST['human_verifier'] != 'blue')
>>> {
>>> // incorrect
>>> echo 'Robot! Get out!');
>>> }
>>> else
>>> {
>>> // correct
>>> echo 'Welcome, Human.';
>>> }
>>> ?>
>>>
>>> This is obviously a very, very simple solution but it has worked on
>>> reducing/removing form spam on a couple of my sites quite well while being
>>> an accessible solution. I'm welcome to an contradictory thoughts on this.
>>>
>>> Joseph R. B. Taylor
>>> /Designer / Developer/
>>> --
>>> Sites by Joe, LLC
>>> /"Clean, Simple and Elegant Web Design"/
>>> Phone: (609) 335-3076
>>> Fax: (866) 301-8045
>>> Web: http://sitesbyjoe.com
>>> Email: [EMAIL PROTECTED]
>>>
>>>
>>>
>>> Essential eBiz Solutions Ltd wrote:
>>>
* Click the Essential eBiz Solutions logo to visit our home page <
http://www.essentialebizsolutions.net> *
* Hi All, *
* This is a mixed question, I have a contact form that I'm building.
I want to add a human verifier to the forms but not a captcha one
because they are far from accessible, I'm not that good at PHP
though to figure it out, I already use the Mikes Green Beast form
for general contact but this will be to process order request. I've
trawled the internet but all I can find is captcha solutions, can
any one point me in the right direction? *
* *
* Many thanks *
Essential eBiz Solutions Ltd
6 Gibson Place
Meir
Stoke-on-Trent
www.essentialebizsolutions.net
** Disclaimer ** : This email and its attachments may be confidential
and are intended solely for the use of the individual to whom it is
addressed. Any views or opinions expressed are solely those of the author
and do not necessarily represent those of Essential eBiz Solutions Ltd. If
you are not the intended recipient of this email and its attachments then
please contact the sender and do not use or forward this e-mail to anyone.
Essential eBiz Solutions Ltd, Registered in England and Wales Company
Registration No: 57200784. Registered Office: 6, Gibson Place , Meir,
Stoke-on-Trent, Staffordshire , ST3 5PQ .
Please consider the environmental impact of printing this e-mail.
CONFIDENTIAL: This email is intended for and confidential to the named
recipient. If you have received a copy in error, please accept our
apologies
and destroy it. You may not use or disclose the contents of this e-mail to
anyone, nor take copies of it. The only copies permitted are to be made by
the named recipient and for the purpose of completing successful electronic
transmission to the named recipient and then only on condition that these
copies, with this notice attached,
Re: [WSG] Acceptable autoplay of music
Hi, same here - I personally hate autoplay on site, I'm gone in a sec I also think this does affect anyone - personal preference or not - people can be caught out by this, in office environments (as mentioned before) as well as impaired users And though a band site might warrant the autoplay - I'd still try to allow site visitor's to be in control of whether or not to listen to the music. As the site is about music - a clearly visible player is likely to be included anyway, allowing easy access to the band's tracks. Not sure what the guidelines say on this - but when I teach best practices for webdesign I advise my students to always give the user the control and not bombard them with anything they might not expect. Just my thoughts... Prisca On Fri, Aug 15, 2008 at 3:53 PM, Nancy Johnson <[EMAIL PROTECTED]> wrote: > If I come to a site with music playing, I leave it immediately without > looking at the site. I don't know best practices, but I believe the > user needs to be in control. > > On Fri, Aug 15, 2008 at 10:36 AM, Nick Taylor <[EMAIL PROTECTED]> wrote: > > Good morning James, > > > > If it helps, what you will find is the typical user experience on band > > websites is that the audio player automatically starts within 2-3 seconds > of > > the site fully loading. The file size of the player and the audio file > are > > both small so the site isn't slow when being viewed on the user's end. > > > > An important thing to keep in mind that the user always needs to have the > > option to adjust the volume and to start/stop/pause the music. If that > is > > not a feature the user will get annoyed and could potentially leave the > site > > just as quickly as they got there! > > > > > > I hope this helps and have a great day! > > > > > > Nicholas Taylor > > Web Strategy & Systems Manager > > Purdue University > > South Campus Courts, Building D > > 507 Harrison Street > > West Lafayette, IN 47907 > > (765) 496-6864 office > > (765) 494-0793 fax > > (616) 634-9193 mobile > > > > > > > > On 8/15/08 10:14 AM, "James Leslie" <[EMAIL PROTECTED]> > wrote: > > > > Hi, > > > > This is a more best practices question than strictly standards, but I > > *think* it is on-topic, apologies if not and please mail me off-list if > you > > feel that is more appropriate. > > > > I have a band for a client who are requesting that on the homepage > loading a > > music player starts automatically. Do people think this is acceptable for > a > > bands website or would you think that you should always get the user to > > initiate playback? > > > > Thanks > > > > James > > > > > > *** > > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > > Help: [EMAIL PROTECTED] > > *** > > > > > > > > > > > > > > > > *** > > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > > Help: [EMAIL PROTECTED] > > *** > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: [EMAIL PROTECTED] > *** > > -- • graphiceyedea.co.uk • eyedea.eu • eyelearn.org • -- *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Advice on design
Hi, I would suggest you use the popular sprite technique for this. Using HTML text as link text - applying a background image to the link, changing its background positioning on rollover (if you do want to use a different visual for a mouse over effect). I wrote a quick tutorial for my webstudents on this soem time ago - might explain in more detail what I mean: http://graphiceyedea.co.uk/wp/2007/10/30/clever-rollovers/ (have a look at the sample file for links to other articles on this) Hope this helps :-) Prisca On Fri, Jul 25, 2008 at 10:56 AM, Krystian - Sunlust <[EMAIL PROTECTED]>wrote: > hmm, well if u > - used images as background for the effect and text on it in html then > you could add a nice highlight effect when people hoover them... > - you can always use plain text but I'm not sure about the positioning > - you can also use just images and use a nice swap technique - and > provide a text-only navigation at the bottom of the page like in this > tutorial: http://www.subcide.com/tutorials/csslayout/ > > > > -- > Krystian - Sunlust - I-M-A: > Freelancer on the side: http://sunlust.net > Full time Website Designer: http://smesolutions.co.uk/ > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: [EMAIL PROTECTED] > *** > > -- • graphiceyedea.co.uk • eyedea.eu • eyelearn.org • -- *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: SPAM-LOW: Re: [WSG] list links
Kevin, Your solution should work ;) try your approach again - but write out the list item and class without the space in your css, like this: #navlist li.furniture a I've used that on this site here : http://magsbrolly.co.uk/ (the CSS is a little clumsy (done ages ago while learning wordpress) and uses wordpress generated classes - but you should be able to see what I mean :) good uck, Prisca On Fri, Jul 11, 2008 at 12:16 PM, kevin mcmonagle < [EMAIL PROTECTED]> wrote: > Hi, > > Is it possible to target specific classes in a list to apply different > background image to the different links in a list nav? > > tried everything i could think of but cant get it to work. > > something like: > #navlist li .furniture a > > or applying the different images to the anchors instead of the lis? > > tried but no use... > > > > -best > kevin > > > Prisca schmarsow wrote: > >> Kevin, >> >> have a look at this sample page here: >> http://graphiceyedea.info/experiments/css/ul_sprite_rollovers/ >> Check out the image used for rollover (as it includes both rollover >> states, you could have more, of course) - and view the CSS for more info. >> >> Hope this helps :) >> Prisca >> >> > Thanks Prisca, i will use that. > > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: [EMAIL PROTECTED] > *** > > -- • graphiceyedea.co.uk • eyedea.eu • eyelearn.org • -- *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] list links
Kevin,
have a look at this sample page here:
http://graphiceyedea.info/experiments/css/ul_sprite_rollovers/
Check out the image used for rollover (as it includes both rollover states,
you could have more, of course) - and view the CSS for more info.
Hope this helps :)
Prisca
On Thu, Jul 10, 2008 at 7:08 PM, kevin mcmonagle <[EMAIL PROTECTED]>
wrote:
>
>
>> Sorry Kevin, I meant to say that the *inside* the should be set
>> to display: block. list items are block level by default.
>>
>>
>>
>>
>> no problem thanks for the help.
>
>
>
>
> Theres another issue with this nav bar. There are 3 primary links that have
> images - the rest are just text. Ive used an id to include the background
> image.
> Is it possible to put hover states on these images as well?
> there allready is a hover state on the plain li a's and i cant get it
> working
>
> best
> -kevin
>
>
> http://pattersons.s34978.gridserver.com/indexnew.html
>
>
>
>
>
> #navlist li a
> {
> }
>
> #navlist li a:link {
> color: #EFEFEF;
>
> }
>
> #navlist li a:visited
> {
> color: #EFEFEF;
> }
>
> #navlist li a:hover
> {
> background: none;
> color: #3399FF;
> }
>
> #kitchens a{
> background-image: url(../images/sink.png);
> .
> }
>
> #kitchens li a:hover{
> background-image: url(../images/sinkover.png);
>
> }
>
>
>
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> ***
>
>
--
• graphiceyedea.co.uk • eyedea.eu • eyelearn.org •
--
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] list links
Kevin,
make sure to apply your padding ad background image to the link - not the
list item :)
have a look at this page here:
http://ghostcogs.co.uk/category/sketchbook/
which uses this CSS:
#work a {
display: block;
font-size: 0.8em;
padding: 0.3em 0 0.6em 3.6em;
background: transparent url(images/rollover_nav.png) no-repeat;
background-position: 0 0;
}
Hope this helps :)
Prisca
On Thu, Jul 10, 2008 at 2:25 PM, kevin mcmonagle <[EMAIL PROTECTED]>
wrote:
> hi,
> im doing a list with a background image and some text. how can an make the
> whole li area hot and not just the text.
> i forgot how to do that
> -best
> kevin
>
>
>
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> ***
>
>
--
• graphiceyedea.co.uk • eyedea.eu • eyelearn.org •
--
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Help With CSS
Olajide, we are trying to help, you know... if it's wordpress - you might need to edit your theme templates :-) (and maybe tighten up your CSS) the reason for the different behaviour here relates to the theme templates used by default the index page does have a different template compared to the individual caegory or post page, ie there can be a different structure... have a look at your 'boxes' with the web dev toolbar ad you'll see what I mean... good luck, Prisca On Thu, Jun 5, 2008 at 9:34 PM, Olajide Olaolorun < [EMAIL PROTECTED]> wrote: > Ok, here is the case. > > http://www.rockondude.net/index.php > http://www.rockondude.net/events/ > > I am trying to get rid of the image padding that happens for some reason > only on events page. This does not happen on the index page but for some > reason it happens on the events page. > > I am also trying to get id of the pink background under the images. > > I like the padding and the background + the padding shift on the text, i > just dont want them on images. I cant edit every single image because they > are being loaded from Wordpress. > > Please can anyone help me here??? > > -- > Best Regards, > Olajide Olaolorun > ### > Personal: http://www.olajideolaolorun.com > RoD: http://www.rockondude.net > Business: http://www.tripleo.biz > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: [EMAIL PROTECTED] > *** -- • graphiceyedea.co.uk • eyedea.eu • eyelearn.org • -- *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Help With Hover
Olajide
as I mentioned before - you will need to override what you applied
previously by targeting the image inside its link
Ideally however - I would try to keep the code more specific - you might
avoid any overrides being necessary.
Targeting the links by including their respective div ids/classes might be a
better approach here...
and nice method, Rick... I like that... :) :)
I go around the houses a bit myself I realise, now looking at your solution,
great advice :)
Thanks :)
Prisca
On Thu, Jun 5, 2008 at 8:49 PM, Olajide Olaolorun <
[EMAIL PROTECTED]> wrote:
> Ok on the index, the padding does not work but on the events page, the
> padding does. Why??? They are the same thing??
>
> On Thu, Jun 5, 2008 at 3:45 PM, Olajide Olaolorun <
> [EMAIL PROTECTED]> wrote:
>
>> The padding is not the error. I fixed that already.. Its the background
>> that happens under the images...
>>
>> On Thu, Jun 5, 2008 at 3:25 PM, Prisca schmarsow <
>> [EMAIL PROTECTED]> wrote:
>>
>>> Olajide,
>>>
>>> just had a looka at your page - the jumping happens because you are
>>> applying padding only on hover for all your links, essentially adding to
>>> their size...
>>> This is not ideal, in my humble opinion, as your text also shifts on
>>> rollover...
>>>
>>> If you however applied your padding to the main link itself - and only
>>> applied the additional rules to the hover state - that will eliminate all
>>> shifting... see screenshot:
>>> http://screencast.com/t/ngKMz25v
>>>
>>> You can of course override what happens to your image compared to the
>>> rest of the links found on the page by targeting the image inside the link,
>>> with ... a img { .. }
>>>
>>> hope this helps :)
>>> Prisca
>>>
>>>
>>>
>>> On Thu, Jun 5, 2008 at 8:06 PM, Olajide Olaolorun <
>>> [EMAIL PROTECTED]> wrote:
>>>
>>>> Please i need help in fixing this. If you go to
>>>> http://www.rockondude.net/index.php in the main content area, am trying
>>>> to have it that the images dont have an a:hover effect. How do i achieve
>>>> this? I've been messing around with it all day but nothing..
>>>>
>>>> --
>>>> Best Regards,
>>>> Olajide Olaolorun
>>>> ###
>>>> Personal: http://www.olajideolaolorun.com
>>>> RoD: http://www.rockondude.net
>>>> Business: http://www.tripleo.biz
>>>> ***
>>>> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
>>>> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
>>>> Help: [EMAIL PROTECTED]
>>>> ***
>>>
>>>
>>>
>>>
>>> --
>>> >>>>>>> eyedea.eu <<<<<<<
>>> --
>>> ***
>>> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
>>> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
>>> Help: [EMAIL PROTECTED]
>>> ***
>>>
>>
>>
>>
>> --
>> Best Regards,
>> Olajide Olaolorun
>> ###
>> Personal: http://www.olajideolaolorun.com
>> RoD: http://www.rockondude.net
>> Business: http://www.tripleo.biz
>>
>
>
>
> --
> Best Regards,
> Olajide Olaolorun
> ###
> Personal: http://www.olajideolaolorun.com
> RoD: http://www.rockondude.net
> Business: http://www.tripleo.biz
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> ***
>
--
>>>>>>> eyedea.eu <<<<<<<
--
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Help With Hover
Olajide,
just had a looka at your page - the jumping happens because you are applying
padding only on hover for all your links, essentially adding to their
size...
This is not ideal, in my humble opinion, as your text also shifts on
rollover...
If you however applied your padding to the main link itself - and only
applied the additional rules to the hover state - that will eliminate all
shifting... see screenshot:
http://screencast.com/t/ngKMz25v
You can of course override what happens to your image compared to the rest
of the links found on the page by targeting the image inside the link, with
... a img { .. }
hope this helps :)
Prisca
On Thu, Jun 5, 2008 at 8:06 PM, Olajide Olaolorun <
[EMAIL PROTECTED]> wrote:
> Please i need help in fixing this. If you go to
> http://www.rockondude.net/index.php in the main content area, am trying to
> have it that the images dont have an a:hover effect. How do i achieve this?
> I've been messing around with it all day but nothing..
>
> --
> Best Regards,
> Olajide Olaolorun
> ###
> Personal: http://www.olajideolaolorun.com
> RoD: http://www.rockondude.net
> Business: http://www.tripleo.biz
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> ***
--
>>> eyedea.eu <<<
--
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
