Re: [css-d] links not working smartphone - tablet

2014-10-07 Thread Bob Schwartz
Going back to the original “tangent”…

Philip did raise a valid point. A site should validate and validation is also a 
great way to catch the “silly mistakes” we introduce form copying/pasting, 
typing etc.

However, in this age of building sites with bootstrap, jquery plugins we find 
to help resolve a problem, etc. we introduce (especially css) code into our 
projects that we did not write. As was so amply demonstrated in this case, many 
don’t pass validation. I, for one, don’t feel comfortable “correcting” these 
errors as i(in the case of bootstrap) I’m just coming to grips with responsive 
site building and don’t wish to modify the underlying “structure” (which I only 
sort of understand) in case I cause the whole house to fall. I just sort of 
assume the bootstrap people who coded their css know a lot more than me about 
css (however, it is surprising that their’s doesn’t validate).

What are other’s thoughts/solutions on/for this?

 Going back to the original problem for a second, the fish in question is 
 making the links on Bob's site work on touch-enabled devices.
 
 To catch the fish, I opened the provided URL in Chrome on my laptop with the 
 DOM inspector open. The links worked as expected by default, but when I 
 enabled device emulation to mimic the latest Nexus (a recent smartphone with 
 an associated OS and Chrome variant as its default browser), I noticed the 
 behaviour Bob was talking about. Seeing as the DOM inspector and the viewport 
 showed the link as having been successfully rendered and exhibiting expected 
 default behaviour in at least one instance, I suspected JavaScript: Bob had 
 described the mechanism revealing the links as dependent on hover or touch – 
 hovering has a corresponding CSS state but changing style on touch 
 necessitates scripting. After opening the DOM inspector's 'sources' panel, 
 which deals with JavaScript debugging, I toggled 'pause' [1], which stops 
 JavaScript execution and reveals the line of code which is attempting to 
 execute. This revealed the code block in question, which handles the 
 application of a 'hover' class on touch. But the code was also preventing the 
 default behaviour of that event, which would be to follow the link as 
 expected. Preventing default behaviour is often desirable when JavaScript 
 enhancements replace default functionality, but this isn't one of those 
 cases: we want to apply scripted behaviour regardless of defaults. So by 
 removing the call to `preventDefault`, we let the event take its natural 
 course and expectations are met.
 
 So 'validate your markup', as much as it may be good advice, wouldn't have 
 caught this particular fish. In fact, I might assert that 'validate your 
 markup' hasn't taught us anything with regards to this particular problem. 
 The reason people come to this list is usually to seek human insight and 
 communal effort on given problems, which code parsers are unable to give. 
 Conversely, actually reading about Bob's problem, visiting the URL and trying 
 to replicate the behaviour he described proved to be a really good first step 
 to solving the problem.
 
 [1]https://developer.chrome.com/devtools/docs/javascript-debugging#sources-panel
 
 On 6 Oct 2014 18:07, Karl DeSaulniers k...@designdrumm.com wrote:
 So in other words. Philip is teaching to fish. Not just giving you a fish.
 
 Kudos Philip!
 
 Best,
 Karl
 
 Sent from losPhone
 
  On Oct 6, 2014, at 5:07 AM, Philip Taylor p.tay...@rhul.ac.uk wrote:
 
 
 
 
  Barney Carroll wrote:
 
  CSS discuss often reminds me of my doctor, to whom I'll often go with
  queries about an acute injury and come away with advice to stop smoking
  – wise  well-intentioned, but somewhat short of the assumed benefits in
  seeking expert advice for a specific problem.
 
  But your doctor knows that advising you how to treat an acute pain in your 
  finger caused by an ingrowing nail is unlikely to result in any overall 
  improvement in your condition while you have 252 co-morbities in your arm 
  alone, and four affecting your whole body :
 
 
  http://jigsaw.w3.org/css-validator/validator?uri=http://www.dlp-distribution.fr/
 Sorry! We found the following errors (252)
 
 http://validator.w3.org/check?uri=http://www.dlp-distribution.fr/  ( 
  errors, now now fixed).
 
  It should be a /sine qua non/ to ensure that a given web page validates for 
  both HTML and CSS before asking for help; if Mr Schwartz removes the 
  `e.preventDefault()` invocation on line 22, his page /may/ work as intended 
  on one specific smartphone or tablet today, but it may do something 
  completely unexpected on another device, or tomorrow, or if the wind blows 
  in a different direction, because whilst it is possible to predict the 
  behaviour of valid code with reasonably (but by no means absolute) 
  certainty, it is completely impossible to predict the behaviour of invalid 
  code in any meaningful way at all.
 
  Philip Taylor
  

Re: [css-d] links not working smartphone - tablet

2014-10-07 Thread Barney Carroll
Bootstrap's pragmatic approach deems validity not to be a concern:

https://github.com/twbs/bootstrap/issues/6398

In theory, total W3 compliance will make your code behave completely
predictably in any environment you care to mention. In practice, popular
browsers have deviated from the spec time and time again, with the result
of invalid code sometimes being the only way of achieving certain effects
in certain browsers. The specifics in Bootstrap's CSS are legacy IE hacks
and vendor-prefixed CSS3.

Depending on the scope of your expectations, there are often times when
something will work in practice but not in theory. A dogmatic purist
approach will say that expectations must be revised to match the theory,
but I'll always try and find a solution regardless. It's interesting to
note that popular frameworks of this ilk (HTML5 boilerplate being another)
often fail W3 validation. It's also interesting to tally up the number of
times you're faced with tricky problems with regards to web development and
code expectations, and W3 validity resolves them.
On 7 Oct 2014 07:48, Bob Schwartz b...@fotografics.it wrote:

 Going back to the original “tangent”…

 Philip did raise a valid point. A site should validate and validation is
 also a great way to catch the “silly mistakes” we introduce form
 copying/pasting, typing etc.

 However, in this age of building sites with bootstrap, jquery plugins we
 find to help resolve a problem, etc. we introduce (especially css) code
 into our projects that we did not write. As was so amply demonstrated in
 this case, many don’t pass validation. I, for one, don’t feel comfortable
 “correcting” these errors as i(in the case of bootstrap) I’m just coming to
 grips with responsive site building and don’t wish to modify the underlying
 “structure” (which I only sort of understand) in case I cause the whole
 house to fall. I just sort of assume the bootstrap people who coded their
 css know a lot more than me about css (however, it is surprising that
 their’s doesn’t validate).

 What are other’s thoughts/solutions on/for this?

 Going back to the original problem for a second, the fish in question is
 making the links on Bob's site work on touch-enabled devices.

 To catch the fish, I opened the provided URL in Chrome on my laptop with
 the DOM inspector open. The links worked as expected by default, but when I
 enabled device emulation to mimic the latest Nexus (a recent smartphone
 with an associated OS and Chrome variant as its default browser), I noticed
 the behaviour Bob was talking about. Seeing as the DOM inspector and the
 viewport showed the link as having been successfully rendered and
 exhibiting expected default behaviour in at least one instance, I suspected
 JavaScript: Bob had described the mechanism revealing the links as
 dependent on hover or touch – hovering has a corresponding CSS state but
 changing style on touch necessitates scripting. After opening the DOM
 inspector's 'sources' panel, which deals with JavaScript debugging, I
 toggled 'pause' [1], which stops JavaScript execution and reveals the line
 of code which is attempting to execute. This revealed the code block in
 question, which handles the application of a 'hover' class on touch. But
 the code was also preventing the default behaviour of that event, which
 would be to follow the link as expected. Preventing default behaviour is
 often desirable when JavaScript enhancements replace default functionality,
 but this isn't one of those cases: we want to apply scripted behaviour
 regardless of defaults. So by removing the call to `preventDefault`, we let
 the event take its natural course and expectations are met.

 So 'validate your markup', as much as it may be good advice, wouldn't have
 caught this particular fish. In fact, I might assert that 'validate your
 markup' hasn't taught us anything with regards to this particular problem.
 The reason people come to this list is usually to seek human insight and
 communal effort on given problems, which code parsers are unable to give.
 Conversely, actually reading about Bob's problem, visiting the URL and
 trying to replicate the behaviour he described proved to be a really good
 first step to solving the problem.

 [1]
 https://developer.chrome.com/devtools/docs/javascript-debugging#sources-panel
 On 6 Oct 2014 18:07, Karl DeSaulniers k...@designdrumm.com wrote:

 So in other words. Philip is teaching to fish. Not just giving you a fish.

 Kudos Philip!

 Best,
 Karl

 Sent from losPhone

  On Oct 6, 2014, at 5:07 AM, Philip Taylor p.tay...@rhul.ac.uk wrote:
 
 
 
 
  Barney Carroll wrote:
 
  CSS discuss often reminds me of my doctor, to whom I'll often go with
  queries about an acute injury and come away with advice to stop smoking
  – wise  well-intentioned, but somewhat short of the assumed benefits
 in
  seeking expert advice for a specific problem.
 
  But your doctor knows that advising you how to treat an acute pain in
 your finger caused by 

Re: [css-d] Grid Columns and Frustrations

2014-10-07 Thread MiB

7 okt 2014 kl. 05:50 skrev Crest Christopher crestchristop...@gmail.com:

 I want to know, is this the method you use grids or is my starting point 
 completely off the rails ?

That really depends on your objective. 

I don't use a grid framework but use my own basic layouts, that I evolve 
further in every project, and I do variations on these. More often than not I 
make an initial specific basic grid for just holding my content and make sure 
that works and displays as expected in my development platforms (Firefox, 
Chrome on Android as well as Opera or Safari on IOS), then I build content-out. 
I always start with the content, believing this is what my design should 
enhance. Working content-out is the key.

This content phase is a point where I've gotten into trouble with clients, 
because they seldom deliver quality content at the start. So I learnt to get 
that requirement on them in the signed agreements that also details what 
”finished” means allowing for further paid refinements outside of this. I’m not 
starting development work without one. 
Nevertheless, content is what it’s all about. Content really is a design 
problem, so usually I spend time with customers at this stage to develop their 
content too. Which I charge for naturally.
We usually involves use cases, personas and user stories during the development 
process and many other methods too depending on the project.

Then I set the grid for mobile, add media queries so also computers get a basic 
design. Then I build all pages and functions and gradually work on the design 
iteratively, with real content in the test site and try different designs. At 
some point I make design developments in all media queries, slowly bringing 
them together.

I put layouts, typography (including fonts), color in different CSS files (or 
SCSS)  at this stage, so that I can switch at any stage. Later, closer to 
delivery, I bring them together and minify them all in one file. 

I use the built-in development tools in Firefox mainly to do the design as well 
as a the text editor of choice. I make the graphics I need in Fireworks and/or 
Photoshop. I’ve tried to find a replacement for these, but failed so far. 

This all means I design in the browser. I make quick sketches on paper to 
discuss with clients, but these days never in Photoshop. I have an open design 
process, making the site available for the client as I work, so they can follow 
the design development. 

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] links not working smartphone - tablet

2014-10-07 Thread MiB

7 okt 2014 kl. 10:16 skrev Barney Carroll barney.carr...@gmail.com:

 The specifics in Bootstrap's CSS are legacy IE hacks
 and vendor-prefixed CSS3.

Don’t throw out the baby with the bath water. Those are irrelevant errors that 
you can ignore as you know you’re using vendor-prefixes and IE hacks. That’s 
not what I referred to when I said it’s a good idea to validate your code. Any 
web designer worth his/her salt knows what errors to ignore.
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] links not working smartphone - tablet

2014-10-07 Thread Philip Taylor



Barney Carroll wrote:


Bootstrap's pragmatic approach deems validity not to be a concern:

https://github.com/twbs/bootstrap/issues/6398


I am afraid that mdo does not understand the concept of validity.
He (or she) writes :


All the CSS we use is valid, and while some lines are hacks (* for IE7, \9 for 
IE7-9, etc), it all renders as expected.


The first part of the assertion is demonstrably false (the CSS is 
patently invalid) and it all renders as expected has nothing to do 
with validity whatsoever.  It is a pragmatic value judgment made on the 
basis of tests using browsers known to, and available to, the author, as 
those browsers were at the time that the tests were conducted. It says 
nothing whatsoever about browsers with which he or she was unfamiliar, 
or were not available to him/'her, nothing about how it performs in the 
same browsers today (or will behave tomorrow) and even less about 
validity.  And as Edsger Dijkstra reminded us over 40 years ago : 
Testing can reveal only the presence of bugs, not their absence [1].


Philip Taylor

[1] Dijkstra (1970) Notes On Structured Programming (EWD249), Section 
3 (On The Reliability of Mechanisms), corollary at the end.

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


[css-d] custom fonts not working in Chrome

2014-10-07 Thread Stuff @ arnoenzerink.com

Hi list,

I made a new website in which I used custom fonts.
It works in Firefox, Opera and IE, but in Chrome the fonts default to 
the standard webfont.


Not sure if I'm missing something.

Website: http://www.reconnectdiscover.com
CSS: http://www.reconnectdiscover.com/css/styles.css

Any pointers would be greatly appreciated!

Arno
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] custom fonts not working in Chrome

2014-10-07 Thread Tom Livingston
Might be your @font-face. Try this:
http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax



On Tuesday, October 7, 2014, Stuff @ arnoenzerink.com 
st...@arnoenzerink.com wrote:

 Hi list,

 I made a new website in which I used custom fonts.
 It works in Firefox, Opera and IE, but in Chrome the fonts default to the
 standard webfont.

 Not sure if I'm missing something.

 Website: http://www.reconnectdiscover.com
 CSS: http://www.reconnectdiscover.com/css/styles.css

 Any pointers would be greatly appreciated!

 Arno
 __
 css-discuss [css-d@lists.css-discuss.org]
 http://www.css-discuss.org/mailman/listinfo/css-d
 List wiki/FAQ -- http://css-discuss.incutio.com/
 List policies -- http://css-discuss.org/policies.html
 Supported by evolt.org -- http://www.evolt.org/help_support_evolt/



-- 

Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] links not working smartphone - tablet

2014-10-07 Thread Barney Carroll
Yeah, the impression I get it is that they're not really concerned about
CSS validity. They do care about HTML validity, though – they use an
automated validation reporter (no more having to open email, scan email for
URL, paste URL into validator, copy link into email reply, hit send) for
their issue tracker: https://github.com/cvrebert/lmvtfy

Karl brought up (or rather, implied) a good point earlier, which is show
your workings (teach a man how to fish was the analogy he used), and
obviously even the automated solution used by Bootstrap needs someone to
perceive and report an error before validation occurs, which is still too
late (or rather, relies on failure preceding success). A recent article on
the Zurb blog [1] makes a sensationalist claim that the W3 validator has
outlived its usefulness. What they're getting at is that what they perceive
to be the 'modern' development environment involves tools that can check
for these issues before they become problems. They're still pretty thin on
details, but for Sublime Text [2] fans, I can recommend the SublimeLinter
[3], which is a highly configurable tool for linting code as you go. I use
the JSHint plugin exclusively, but for those that care there is an HTML
tidy plugin which will highlight validation errors in a manner of your
choosing as you type them. If you want to be rigorous, using a tool like
this could prevent you from ever even saving an invalid file.

[1] http://zurb.com/article/1260/we-ve-moved-beyond-code-validators
[2] http://www.sublimetext.com/
[3] http://www.sublimelinter.com/

 It says nothing whatsoever about browsers with which he or she was
unfamiliar, or were not available to him/'her, nothing about how it
performs in the same browsers today (or will behave tomorrow) and even less
about validity.

It's gratifying to have validity marked out as a distinct concern as
compared to those other issues. Bootstrap browser support is dependent on
version and documented: http://bootstrapdocs.com/v1.1.0/docs/#about

Regarding problems that may occur on other days, with other browsers, they
do have other issues (that was number 6398) and the general public are free
to report issues as they crop up. So there's at least a method for dealing
with problems and a proven track record of enacting it.

 It says nothing whatsoever about browsers with which he or she was
unfamiliar

This begs the question: how much should one expound on browsers that one is
unfamiliar with, in general?
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] links not working smartphone - tablet

2014-10-07 Thread Philip Taylor


Barney Carroll wrote:


This begs the question: how much should one expound on browsers that one
is unfamiliar with, in general?


One should not expound on them at all :  one should simply state Our 
HTML and CSS are W3C-compliant and W3C-validated, and, as far as we are 
aware, render correctly in all browsers that are themselves 
W3C-compliant.  If they do not render as you would wish in the browser 
of your choice, please draw this to our attention.  We take great pride 
in the material we produce, but if it renders correctly in browsers that 
are themselves W3C-compliant, we are unlikely to expend major effort in 
also making it render appropriately in less-compliant browsers -- you 
may do better to contact your browser vendor directly and ask them to 
investigate the rendering issues you have reported.


Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] links not working smartphone - tablet

2014-10-07 Thread Barney Carroll
 you may do better to contact your browser vendor directly and ask them to
investigate the rendering issues you have reported

I'm wondering how differently my career might have worked out if all those
times IE came up I'd just told the client to get onto Bill Gates about it.
Maybe I'm just a sucker for punishment ;)

Regards,
Barney Carroll

barney.carr...@gmail.com
+44 7429 177278

barneycarroll.com

On 7 October 2014 12:48, Philip Taylor p.tay...@rhul.ac.uk wrote:


 Barney Carroll wrote:

  This begs the question: how much should one expound on browsers that one
 is unfamiliar with, in general?


 One should not expound on them at all :  one should simply state Our HTML
 and CSS are W3C-compliant and W3C-validated, and, as far as we are aware,
 render correctly in all browsers that are themselves W3C-compliant.  If
 they do not render as you would wish in the browser of your choice, please
 draw this to our attention.  We take great pride in the material we
 produce, but if it renders correctly in browsers that are themselves
 W3C-compliant, we are unlikely to expend major effort in also making it
 render appropriately in less-compliant browsers -- you may do better to
 contact your browser vendor directly and ask them to investigate the
 rendering issues you have reported.

 Philip Taylor

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


[css-d] OT : links not working smartphone - tablet

2014-10-07 Thread Philip Taylor



Barney Carroll wrote:


I'm wondering how differently my career might have worked out if all
those times IE came up I'd just told the client to get onto Bill Gates
about it.


If /every/ W3C-compliant web site had carried that text, the world might 
now be a very different (and much better) place ...  I love Windows (7), 
completely fail to understand the masochistic appeal of *X, but 
nonetheless deeply wish that Mr Gates (and Mr Google, and all the rest 
of the Big Boys) cared more about complying to standards and less about 
seeking to define them.  This guy identifies many of the problems in a 
nuthell :


http://www.sitepoint.com/w3c-css-webkit-prefix-crisis/

Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] custom fonts not working in Chrome

2014-10-07 Thread Philippe Wittenbergh

Le 7 oct. 2014 à 20:28, Stuff @ arnoenzerink.com st...@arnoenzerink.com a 
écrit :

 I made a new website in which I used custom fonts.
 It works in Firefox, Opera and IE, but in Chrome the fonts default to the 
 standard webfont.
 
 Not sure if I'm missing something.
 
 Website: http://www.reconnectdiscover.com
 CSS: http://www.reconnectdiscover.com/css/styles.css

No custom fonts in Safari / Firefox / Opera here (using Helvetica everywhere).

Are you sure the fonts are where your stylesheet is pointing to?
The browsers are looking for the fonts in
http://www.reconnectdiscover.com/css/css/GOTHMBOL.TTF

Note the double occurrence of 'css' in the path.

(on your server, they actually are at: 
http://www.reconnectdiscover.com/css/GOTHMBOL.TTF
Note: one occurrence of 'css' in the path)

You'll need to change the URL in your @font-face blocks, like this:

@font-face {
  font-family: Gotham-Book;
  src: url(css/GOTHMBOK.TTF); /* IE */
  src: local('Gotham-Book'), url('GOTHMBOK.TTF') format('truetype'); /* others 
*/
}

BTW consider converting your fonts to WOFF, it will save you tons on download 
speed:
http://www.fontsquirrel.com/fontface/generator

Philippe
--
Philippe Wittenbergh
http://l-c-n.com/





__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] OT : links not working smartphone - tablet

2014-10-07 Thread Barney Carroll
IE and Mozilla have now committed to supporting -webkit- prefixed
properties.

The obvious problem is that the W3C is too slow and cumbersome for many
people's desires and expectations of the web. IE6 came with a suite of
incredibly powerful functionality that the rest of browser-land is only now
catching up to (filter: anyone?). The problem then was that some of the
earliest webapps were designed specifically for IE, back when there was no
conceivable way of forking the code to achieve similar functionality in
other browsers. VML was submitted 2 years before SVG started taking
shape. IE6's lofty goals were almost reinstated in the HTML5 in the
broadest sense that the W3 tried to make a PR splash about (embedded
multimedia, file-system API, seamless vector graphics in HTML, CSS3
transforms  filters). But once again, people have come to expect awesome
stuff that the W3C is too slow to ratify to a universal consensus.

So the responsibility (which, I agree, ultimately rests on website authors)
comes down to managing expectations. It's tough to say no, especially when
there's a lot of money in it and many people in the trade of web
development are inclined to exploratory hacking anyway. It's becoming
increasingly more difficult to tell people you can't, in good conscience,
serve up code relying on unratified specifications, when implementation of
such functionality is ubiquitous (and you know how to do it). A few years
ago web development studios started finding the willpower to tell clients
they wouldn't commit to like-for-like experiences in legacy Internet
Explorer versions, and for a while standards-compliance seemed to be that
bit more tenable – but recently I've come across numerous situations where
people will say they only care about Chrome  iOS support.

As regards the 'reasonableness' of these various expectations, I think W3C
compliant validity is at its most applicable when it comes to web sites
consisting of many documents: you want these documents to be consistent
with each-other and marked up to universal standards for reasons of
posterity  universal access. For my part, what I've been working on for
the better part of the last year would be more accurately described as web
apps: there's a single HTML document and it acts more as a wrapper for
dynamic functionality. The term 'document' barely applies, and the
use-cases are so esoteric and business-critical that the client will
happily use a specific browser version in order to guarantee expected
behaviour.

Regards,
Barney Carroll

barney.carr...@gmail.com
+44 7429 177278

barneycarroll.com

On 7 October 2014 13:53, Philip Taylor p.tay...@rhul.ac.uk wrote:



 Barney Carroll wrote:

  I'm wondering how differently my career might have worked out if all
 those times IE came up I'd just told the client to get onto Bill Gates
 about it.


 If /every/ W3C-compliant web site had carried that text, the world might
 now be a very different (and much better) place ...  I love Windows (7),
 completely fail to understand the masochistic appeal of *X, but nonetheless
 deeply wish that Mr Gates (and Mr Google, and all the rest of the Big Boys)
 cared more about complying to standards and less about seeking to define
 them.  This guy identifies many of the problems in a nuthell :

 http://www.sitepoint.com/w3c-css-webkit-prefix-crisis/

 Philip Taylor

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] OT : links not working smartphone - tablet

2014-10-07 Thread Ms2ger
-BEGIN PGP SIGNED MESSAGE-
Hash: SHA1

On 10/07/2014 03:23 PM, Barney Carroll wrote:
 IE and Mozilla have now committed to supporting -webkit- prefixed 
 properties.

Do you have a citation for the Mozilla commitment? Last time I
checked, we decided against it.

Ms2ger

-BEGIN PGP SIGNATURE-

iQEcBAEBAgAGBQJUM/AMAAoJEOXgvIL+s8n23qEH/iol1pJ/ClW41JEiy8W/cjYS
mI3XgKmAt52elEh9+2jCxstwvcBYwV2GDHfGE/EB1asFRK739yKMw8Y/yQan9pPN
ju9ZfSwGzQipWwSC7Fr/AoIEPyloabx/AezeSacbNFDyFDiOLAuPq3b1tgFmNKEl
UNC9igNOw8ltUKff9ozWl0Eiao1NMuDQRS7c4FbL4gGUgMcwaOWUy6XZifd5gH6a
hhxK14BoY0pjEjnbiAbZPZ9X9ih2IDhIWNATa0H4zC/YstdSORqvAvltzOt4Y4vv
75VOlDlSVtJC3s8dltaKg7M6KHRlkP4f05FKtj4c3VFBLbIPgzjhg5offUfLH3s=
=8f68
-END PGP SIGNATURE-
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] OT : links not working smartphone - tablet

2014-10-07 Thread Barney Carroll
Oops! Sorry Ms2ger, good save. Was going off an aside Tantek made in a
working group meeting in February 2012 [1] when he said Zero
[webkit-prefixed properties] is no longer an option for us . I didn't read
up to realize that the resolution in Gecko policy was to actively work at
removing all prefixed properties from the application lifecycle altogether.
Thanks for prompting!

[1] http://lists.w3.org/Archives/Public/www-style/2012Feb/0313.html
On 7 Oct 2014 14:52, Ms2ger ms2...@gmail.com wrote:

 -BEGIN PGP SIGNED MESSAGE-
 Hash: SHA1

 On 10/07/2014 03:23 PM, Barney Carroll wrote:
  IE and Mozilla have now committed to supporting -webkit- prefixed
  properties.

 Do you have a citation for the Mozilla commitment? Last time I
 checked, we decided against it.

 Ms2ger

 -BEGIN PGP SIGNATURE-

 iQEcBAEBAgAGBQJUM/AMAAoJEOXgvIL+s8n23qEH/iol1pJ/ClW41JEiy8W/cjYS
 mI3XgKmAt52elEh9+2jCxstwvcBYwV2GDHfGE/EB1asFRK739yKMw8Y/yQan9pPN
 ju9ZfSwGzQipWwSC7Fr/AoIEPyloabx/AezeSacbNFDyFDiOLAuPq3b1tgFmNKEl
 UNC9igNOw8ltUKff9ozWl0Eiao1NMuDQRS7c4FbL4gGUgMcwaOWUy6XZifd5gH6a
 hhxK14BoY0pjEjnbiAbZPZ9X9ih2IDhIWNATa0H4zC/YstdSORqvAvltzOt4Y4vv
 75VOlDlSVtJC3s8dltaKg7M6KHRlkP4f05FKtj4c3VFBLbIPgzjhg5offUfLH3s=
 =8f68
 -END PGP SIGNATURE-
 __
 css-discuss [css-d@lists.css-discuss.org]
 http://www.css-discuss.org/mailman/listinfo/css-d
 List wiki/FAQ -- http://css-discuss.incutio.com/
 List policies -- http://css-discuss.org/policies.html
 Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Grid Columns and Frustrations

2014-10-07 Thread Crest Christopher

Do you mean, will this site be displayed on mobile ?


Philip Taylor mailto:p.tay...@rhul.ac.uk
Tuesday, October 07, 2014 2:24 AM





What is its behaviour intended to be, Christopher, when the browser 
window is less than 960 px wide ?


Philip Taylor
Crest Christopher mailto:crestchristop...@gmail.com
Monday, October 06, 2014 11:50 PM
I created a starting point of a quasi web site, if I was using the 960 
grid system, as an example.  I placed two divs on the page.


I want to know, is this the method you use grids or is my starting 
point completely off the rails ?


[Link 
http://www.thecreativesheep.ca/webdesignprojects/smallprojects/demo_24_col.html]


MiB mailto:digital.disc...@gmail.com
Monday, October 06, 2014 3:54 PM

Side-note: It’s useful to know what’s possible, but we all still have 
to do one page design at a time to really make it possible. Anything’s 
possible more or less. The real questions are commonly more like 
what’s needed?, what answers the objectives set up? and what 
looks irresistable when it’s on the web in any (target) browser on any 
(target) device? and similar.

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Crest Christopher mailto:crestchristop...@gmail.com
Monday, October 06, 2014 1:18 AM
I was throwing random ideologies that exist as questions.

The basis of CSS I know, I may not have it all memorized but I know 
what is possible, if it's advanced css, I may be rusty, but once 
again, I know what is possible.  You don't need a grid frame work, 
obviously, although if you want to build a responsive site they say it 
will help with the development.


As for flaky web development information on the web, yes there is 
obviously way to much online, IMO you have to wipe all of that off the 
table and learn the foundation, then for all other questions that are 
present, there is none other then, for example, this mailing list !

MiB mailto:digital.disc...@gmail.com
Sunday, October 05, 2014 12:44 PM
3 okt 2014 kl. 02:31 skrev Crest Christophercrestchristop...@gmail.com:


you cut up your graphics

You don’t. You do sprites or use CSs.



and now how do you translate the design from the PSD to your grid,

You don’t translate. You use PS for creating some graphics and perhaps treating 
photos. You design in the browser. Or in yuor head.


o you get an exact representation of your site whether it's a responsive site 
or not

You don’t an exact representation” of something. You build a web site.

Let go of the 90’s and even the 00’s. It’s over.

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] (no subject)

2014-10-07 Thread John E. Cavanaugh
Help! I am not subscribed - these emails started coming at random - how do I 
unsubscribe?

John E. Cavanaugh MD.

There's always a wrong way to do the right thing ... Cavanaugh's Law

 On Oct 7, 2014, at 8:23, Barney Carroll barney.carr...@gmail.com wrote:
 
 IE and Mozilla have now committed to supporting -webkit- prefixed
 properties.
 
 The obvious problem is that the W3C is too slow and cumbersome for many
 people's desires and expectations of the web. IE6 came with a suite of
 incredibly powerful functionality that the rest of browser-land is only now
 catching up to (filter: anyone?). The problem then was that some of the
 earliest webapps were designed specifically for IE, back when there was no
 conceivable way of forking the code to achieve similar functionality in
 other browsers. VML was submitted 2 years before SVG started taking
 shape. IE6's lofty goals were almost reinstated in the HTML5 in the
 broadest sense that the W3 tried to make a PR splash about (embedded
 multimedia, file-system API, seamless vector graphics in HTML, CSS3
 transforms  filters). But once again, people have come to expect awesome
 stuff that the W3C is too slow to ratify to a universal consensus.
 
 So the responsibility (which, I agree, ultimately rests on website authors)
 comes down to managing expectations. It's tough to say no, especially when
 there's a lot of money in it and many people in the trade of web
 development are inclined to exploratory hacking anyway. It's becoming
 increasingly more difficult to tell people you can't, in good conscience,
 serve up code relying on unratified specifications, when implementation of
 such functionality is ubiquitous (and you know how to do it). A few years
 ago web development studios started finding the willpower to tell clients
 they wouldn't commit to like-for-like experiences in legacy Internet
 Explorer versions, and for a while standards-compliance seemed to be that
 bit more tenable – but recently I've come across numerous situations where
 people will say they only care about Chrome  iOS support.
 
 As regards the 'reasonableness' of these various expectations, I think W3C
 compliant validity is at its most applicable when it comes to web sites
 consisting of many documents: you want these documents to be consistent
 with each-other and marked up to universal standards for reasons of
 posterity  universal access. For my part, what I've been working on for
 the better part of the last year would be more accurately described as web
 apps: there's a single HTML document and it acts more as a wrapper for
 dynamic functionality. The term 'document' barely applies, and the
 use-cases are so esoteric and business-critical that the client will
 happily use a specific browser version in order to guarantee expected
 behaviour.
 
 Regards,
 Barney Carroll
 
 barney.carr...@gmail.com
 +44 7429 177278
 
 barneycarroll.com
 
 On 7 October 2014 13:53, Philip Taylor p.tay...@rhul.ac.uk wrote:
 
 
 
 Barney Carroll wrote:
 
 I'm wondering how differently my career might have worked out if all
 those times IE came up I'd just told the client to get onto Bill Gates
 about it.
 
 If /every/ W3C-compliant web site had carried that text, the world might
 now be a very different (and much better) place ...  I love Windows (7),
 completely fail to understand the masochistic appeal of *X, but nonetheless
 deeply wish that Mr Gates (and Mr Google, and all the rest of the Big Boys)
 cared more about complying to standards and less about seeking to define
 them.  This guy identifies many of the problems in a nuthell :
 
 http://www.sitepoint.com/w3c-css-webkit-prefix-crisis/
 
 Philip Taylor
 __
 css-discuss [css-d@lists.css-discuss.org]
 http://www.css-discuss.org/mailman/listinfo/css-d
 List wiki/FAQ -- http://css-discuss.incutio.com/
 List policies -- http://css-discuss.org/policies.html
 Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Grid Columns and Frustrations

2014-10-07 Thread Crest Christopher
MiB your message seems to go into your development process rather then 
on grids and columns and understanding them !



MiB mailto:digital.disc...@gmail.com
Tuesday, October 07, 2014 4:52 AM

That really depends on your objective.

I don't use a grid framework but use my own basic layouts, that I 
evolve further in every project, and I do variations on these. More 
often than not I make an initial specific basic grid for just holding 
my content and make sure that works and displays as expected in my 
development platforms (Firefox, Chrome on Android as well as Opera or 
Safari on IOS), then I build content-out. I always start with the 
content, believing this is what my design should enhance. Working 
content-out is the key.


This content phase is a point where I've gotten into trouble with 
clients, because they seldom deliver quality content at the start. So 
I learnt to get that requirement on them in the signed agreements that 
also details what ”finished” means allowing for further paid 
refinements outside of this. I’m not starting development work without 
one.
Nevertheless, content is what it’s all about. Content really is a 
design problem, so usually I spend time with customers at this stage 
to develop their content too. Which I charge for naturally.
We usually involves use cases, personas and user stories during the 
development process and many other methods too depending on the project.


Then I set the grid for mobile, add media queries so also computers 
get a basic design. Then I build all pages and functions and gradually 
work on the design iteratively, with real content in the test site and 
try different designs. At some point I make design developments in all 
media queries, slowly bringing them together.


I put layouts, typography (including fonts), color in different CSS 
files (or SCSS) at this stage, so that I can switch at any stage. 
Later, closer to delivery, I bring them together and minify them all 
in one file.


I use the built-in development tools in Firefox mainly to do the 
design as well as a the text editor of choice. I make the graphics I 
need in Fireworks and/or Photoshop. I’ve tried to find a replacement 
for these, but failed so far.


This all means I design in the browser. I make quick sketches on paper 
to discuss with clients, but these days never in Photoshop. I have an 
open design process, making the site available for the client as I 
work, so they can follow the design development.


__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Crest Christopher mailto:crestchristop...@gmail.com
Monday, October 06, 2014 11:50 PM
I created a starting point of a quasi web site, if I was using the 960 
grid system, as an example.  I placed two divs on the page.


I want to know, is this the method you use grids or is my starting 
point completely off the rails ?


[Link 
http://www.thecreativesheep.ca/webdesignprojects/smallprojects/demo_24_col.html]


MiB mailto:digital.disc...@gmail.com
Monday, October 06, 2014 3:54 PM

Side-note: It’s useful to know what’s possible, but we all still have 
to do one page design at a time to really make it possible. Anything’s 
possible more or less. The real questions are commonly more like 
what’s needed?, what answers the objectives set up? and what 
looks irresistable when it’s on the web in any (target) browser on any 
(target) device? and similar.

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Crest Christopher mailto:crestchristop...@gmail.com
Monday, October 06, 2014 1:18 AM
I was throwing random ideologies that exist as questions.

The basis of CSS I know, I may not have it all memorized but I know 
what is possible, if it's advanced css, I may be rusty, but once 
again, I know what is possible.  You don't need a grid frame work, 
obviously, although if you want to build a responsive site they say it 
will help with the development.


As for flaky web development information on the web, yes there is 
obviously way to much online, IMO you have to wipe all of that off the 
table and learn the foundation, then for all other questions that are 
present, there is none other then, for example, this mailing list !

MiB mailto:digital.disc...@gmail.com
Sunday, October 05, 2014 12:44 PM
3 okt 2014 kl. 02:31 skrev Crest Christophercrestchristop...@gmail.com:


you cut up your graphics

You don’t. You do sprites or use CSs.



and now how do you translate the design from 

Re: [css-d] Grid Columns and Frustrations

2014-10-07 Thread Philip Taylor



Crest Christopher wrote:


Do you mean, will this site be displayed on mobile ?


No, I mean exactly what I said :  what is your intended behaviour if the 
page is displayed in a browser window that is narrower than 960px ?

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Grid Columns and Frustrations

2014-10-07 Thread MiB

7 okt 2014 kl. 16:18 skrev Crest Christopher crestchristop...@gmail.com:

 MiB your message seems to go into your development process rather then on 
 grids and columns and understanding them !

It does. My apologies. 

It should be clear though my grids are always different when the content is 
different. To me a grid” is chosen specifically based on the actual content. 

In short my grids are just simple width divisions and height divisions based on 
font size and readability decisions. Your original question concerned grid 
frameworks didn’t it? I tried to explain that instead of a grid framework I use 
a process in how I build my grid-based designs. This could of course involve a 
grid framework as these are normally flexible on what grid they can build. I 
don’t use them.

Maybe what you want to know is more about how to apply a specific grid in a 
specific framework?
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] custom fonts not working in Chrome

2014-10-07 Thread Eric
Arno,
 
You need to load more than just .TTF files. Take a look at this page from CSS
Tricks it's more up to date.
 
Eric
 
http://css-tricks.com/snippets/css/using-font-face/
 

 On October 7, 2014 at 7:28 AM Stuff @ arnoenzerink.com
 st...@arnoenzerink.com wrote:


 Hi list,

 I made a new website in which I used custom fonts.
 It works in Firefox, Opera and IE, but in Chrome the fonts default to
 the standard webfont.

 Not sure if I'm missing something.

 Website: http://www.reconnectdiscover.com
 CSS: http://www.reconnectdiscover.com/css/styles.css

 Any pointers would be greatly appreciated!

 Arno
 __
 css-discuss [css-d@lists.css-discuss.org]
 http://www.css-discuss.org/mailman/listinfo/css-d
 List wiki/FAQ -- http://css-discuss.incutio.com/
 List policies -- http://css-discuss.org/policies.html
 Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Grid Columns and Frustrations

2014-10-07 Thread Crest Christopher
Using the link I provided as a base, I want to know is the route that I 
have taken correct in building and a site and using a grid framework ?


Most frameworks include a school of divs and a school of classes in the 
style sheet, this is why I want to know is the starting method I took, 
the right path in using a grid frame work ?


MiB - Do you have any of your grids to show ?


MiB mailto:digital.disc...@gmail.com
Tuesday, October 07, 2014 11:55 AM

It does. My apologies.

It should be clear though my grids are always different when the 
content is different. To me a grid” is chosen specifically based on 
the actual content.


In short my grids are just simple width divisions and height divisions 
based on font size and readability decisions. Your original question 
concerned grid frameworks didn’t it? I tried to explain that instead 
of a grid framework I use a process in how I build my grid-based 
designs. This could of course involve a grid framework as these are 
normally flexible on what grid they can build. I don’t use them.


Maybe what you want to know is more about how to apply a specific grid 
in a specific framework?

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Crest Christopher mailto:crestchristop...@gmail.com
Tuesday, October 07, 2014 10:18 AM
MiB your message seems to go into your development process rather then 
on grids and columns and understanding them !


MiB mailto:digital.disc...@gmail.com
Tuesday, October 07, 2014 4:52 AM

That really depends on your objective.

I don't use a grid framework but use my own basic layouts, that I 
evolve further in every project, and I do variations on these. More 
often than not I make an initial specific basic grid for just holding 
my content and make sure that works and displays as expected in my 
development platforms (Firefox, Chrome on Android as well as Opera or 
Safari on IOS), then I build content-out. I always start with the 
content, believing this is what my design should enhance. Working 
content-out is the key.


This content phase is a point where I've gotten into trouble with 
clients, because they seldom deliver quality content at the start. So 
I learnt to get that requirement on them in the signed agreements that 
also details what ”finished” means allowing for further paid 
refinements outside of this. I’m not starting development work without 
one.
Nevertheless, content is what it’s all about. Content really is a 
design problem, so usually I spend time with customers at this stage 
to develop their content too. Which I charge for naturally.
We usually involves use cases, personas and user stories during the 
development process and many other methods too depending on the project.


Then I set the grid for mobile, add media queries so also computers 
get a basic design. Then I build all pages and functions and gradually 
work on the design iteratively, with real content in the test site and 
try different designs. At some point I make design developments in all 
media queries, slowly bringing them together.


I put layouts, typography (including fonts), color in different CSS 
files (or SCSS) at this stage, so that I can switch at any stage. 
Later, closer to delivery, I bring them together and minify them all 
in one file.


I use the built-in development tools in Firefox mainly to do the 
design as well as a the text editor of choice. I make the graphics I 
need in Fireworks and/or Photoshop. I’ve tried to find a replacement 
for these, but failed so far.


This all means I design in the browser. I make quick sketches on paper 
to discuss with clients, but these days never in Photoshop. I have an 
open design process, making the site available for the client as I 
work, so they can follow the design development.


__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Crest Christopher mailto:crestchristop...@gmail.com
Monday, October 06, 2014 11:50 PM
I created a starting point of a quasi web site, if I was using the 960 
grid system, as an example.  I placed two divs on the page.


I want to know, is this the method you use grids or is my starting 
point completely off the rails ?


[Link 
http://www.thecreativesheep.ca/webdesignprojects/smallprojects/demo_24_col.html]


MiB mailto:digital.disc...@gmail.com
Monday, October 06, 2014 3:54 PM

Side-note: It’s useful to know what’s possible, but we all still have 
to do one page design at a time to really make it 

Re: [css-d] Grid Columns and Frustrations

2014-10-07 Thread Crest Christopher
Would anyone be willing to create a video on when they are using a grid 
frame work how they begin, up to atleast half way of the development 
process ?



Philip Taylor mailto:p.tay...@rhul.ac.uk
Tuesday, October 07, 2014 10:20 AM


Crest Christopher wrote:


No, I mean exactly what I said :  what is your intended behaviour if 
the page is displayed in a browser window that is narrower than 960px ?

Crest Christopher mailto:crestchristop...@gmail.com
Tuesday, October 07, 2014 10:16 AM
Do you mean, will this site be displayed on mobile ?

Philip Taylor mailto:p.tay...@rhul.ac.uk
Tuesday, October 07, 2014 2:24 AM





What is its behaviour intended to be, Christopher, when the browser 
window is less than 960 px wide ?


Philip Taylor
Crest Christopher mailto:crestchristop...@gmail.com
Monday, October 06, 2014 11:50 PM
I created a starting point of a quasi web site, if I was using the 960 
grid system, as an example.  I placed two divs on the page.


I want to know, is this the method you use grids or is my starting 
point completely off the rails ?


[Link 
http://www.thecreativesheep.ca/webdesignprojects/smallprojects/demo_24_col.html]


MiB mailto:digital.disc...@gmail.com
Monday, October 06, 2014 3:54 PM

Side-note: It’s useful to know what’s possible, but we all still have 
to do one page design at a time to really make it possible. Anything’s 
possible more or less. The real questions are commonly more like 
what’s needed?, what answers the objectives set up? and what 
looks irresistable when it’s on the web in any (target) browser on any 
(target) device? and similar.

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


[css-d] History and other points of interest Re: OT : links not working smartphone - tablet

2014-10-07 Thread Ben Henick


Boy, am I ever late to this party.  Even so, my mind's been on these
things today, so I'm writing.

Also, I apologize for the threading.  I inadvertently sent this to Mr. 
Carroll rather than the list, and if T-Bird has a secret handshake for 
resolving that contingency, I don't know what it is.


TL;DR:  It's all about good habits.  Always was, always will be, and
always leading to more site for less money when practiced by people
whose skills are not in question.


On 10/7/14, 6:23 AM, Barney Carroll wrote:


The obvious problem is that the W3C is too slow and cumbersome for
many people's desires and expectations of the web. IE6 came with a


[...And IE5.x before it...]


suite of incredibly powerful functionality that the rest of
browser-land is only now catching up to (filter: anyone?). The


Cf. alpha, animation, gradient c. support per the CSS3 module specs.
Many of these are actually well-supported in current-gen browsers.
Alpha in basic forms has enjoyed reliable support for something close to
ten years; I first used it in a production project during June 2006.

The semanticians, and some few standardistas who don't participate here,
are in the final stages of a quiet, intermittent battle over the
proposition thatr filter:foo() and expression() are at all appropriate
to include in the CSS context. To further confuse matters, jQuery and
the various groups flogging their preferred preprocessors have jumped in
with their own approaches to implementation.


problem then was that some of the earliest webapps were designed
specifically for IE, back when there was no conceivable way of
forking the code to achieve similar functionality in other browsers.


...It's been practical to fork JavaScript out to the barest limits from
the moment both Netscape 4 and IE 3.01 came out.

Having successfully met it, however, I would not wish on anyone the
requirement to support IE 4-5 and Netscape 4 comparably. Among other
things, the whack approach to the box model in all of them requires what
we call a polyfill... these days.


VML was submitted 2 years before SVG started taking shape. IE6's
lofty goals were almost reinstated in the HTML5 in the broadest
sense that the W3 tried to make a PR splash about (embedded
multimedia, file-system API, seamless vector graphics in HTML, CSS3
transforms  filters). But once again, people have come to expect
awesome stuff that the W3C is too slow to ratify to a universal
consensus.


People, for the most part, DO NOT CARE.

They only care when something that works in {x} breaks in {y}, and damn
the contract language, even if {y} happens to be a beige box PC from a
practically anonymous vendor running Win98SE to a lousy display.
(16-bit color spaces, anyone?)

Salespeople and ubernerds care VERY, VERY MUCH. Of course, both of
those groups tend to think of things like support gaps as obstacles to
be scaled by McGyverish means if necessary, not as limitations that will
work themselves out in the face of patience and persistence. I'd gander
that one hour of thoughtful lobbying to (or chain-yanking of) someone in
a position to Do Something is probably worth several THOUSAND hours of
engineering workarounds.

[Cf. the Browser Upgrade Campaign in 2005, for which the Web Standards
Project set the stage - and in which, therefore, I played a VERY
peripheral part - before the IE product team sent us word that they'd be
willing to listen to us, but only if we divested the campaign.]

Just don't tell that to the salespeople and ubernerds.

...And this is where I point out that I'm writing here because I was
just thinking about this today:  every HTML spec from 2.0 through to
4.01 was mostly retrospective.  [CSS2, and ESPECIALLY CSS2.1, also
shoulder this burden.]

* 2.0 added forms and images;
* 3.2 added anonymous elements (div, span),
   bidi links, and tables; and
* 4.x added event handlers and the table extensions
  that had come about in the meantime.

There *is* an HTML3.0, as well; that never made it past the Proposed
milestone (if even that far) because its development was integral with
backchannel discussions that involved Dave Raggett and commercial
browser engineers, a fact that we could only apprehend in hindsight.
HTML5 was developed on terms that reflected appreciation of the process
mistakes committed with HTML3.0.

To HTML4's credit, it turned a11y into an Official Thing with equally
official API features, which it hadn't really been until then.


So the responsibility (which, I agree, ultimately rests on website
authors) comes down to managing expectations. It's tough to say no,
especially when there's a lot of money in it and many people in the
trade of web development are inclined to exploratory hacking anyway.


Yes, that's a good deal more delicately put than my version.


It's becoming increasingly more difficult to tell people you can't,
in good conscience, serve up code relying on unratified
specifications, when implementation of such functionality is
ubiquitous (and