Looking at my own CSS over the years I've come to realize how messy it is and how much extra work you have to do when it comes time to clean it up. It has come to light again when trying to work on a default set of stylesheets for Sunshine and I had to do some serious refactoring... It was a real pain in the ass. An intriguing concept that I've been following for a few months is Object Oriented CSShttps://github.com/stubbornella/oocss/wiki and it refers to how to structure your CSS around objects and breaking common properties into generic classes...
Brad Neuberg wrote an articlehttp://codinginparadise.org/ebooks/html/blog/makingepub3playnicewithhtml5.html about making ePub3 "play nice" with HTML5. I read it and initially agreed with it but, upon second reading and some thought I disagree with the essence of his argument. Brad opens his argument with the following two bullet points: > - The first is a version of HTML5 that uses XML's rules: everything has to be well formed and there can't be any mistakes in how you create your markup. This is commonly known as XHTML5, to indicate the HTML5 standard but based on XML. XHTML5 tends to be used in specialized back end...
Not too long ago there was a demo of the Epic Citadelhttp://www.unrealengine.com/html5/ OpenGL demo translated to JavaScript and played inside a web browser. The code was ported from C++ to ASMhttp://asmjs.org/, a subset of JavaScript optimized for performance using and then fed into a web browser for rendering and display. Even if we leave the conversion from C++ to JavaScript aside for the moment. You're running a high end game inside a web browser... without plugins! Think about it. We can now do 3D animations that take advantage of your computer's GPU to render high quality 3D objects, animations and...
One of the things that attracted me to 3d was the expressive possibilities of the medium and how we can incorporate these possibilities into a traditional publishing paradigm without having to resort to very expensive tools like the ones used for animation and CGI effects. Mr. Doobhttp://www.mrdoob.com/ is the creator of Three.jshttp://threejs.org/ arguably the most popular WebGL develoment framework in use today. In the first video, Mr. Doob and AlteredQualiahttp://alteredqualia.com/, another Three.JS developer, talk about Three.JS and its future. The presentation also acts as a technical introduction to the library. \youtube=http://www.youtube.com/watch?v=qx40CRwwkS8&w=500\ The second presentation by Mr. Doob talks about how...
Tony did an awesome job of introducing WebGL and getting people excited about the technology, its promise to change the way we look at games and web development and how it assures convergence between the two. It also had its wow moments with the demos he did ; Video \youtube=http://www.youtube.com/watch?v=Y7xLuDBpZAY&w=500\ Presentation \slideshare id=30287962&doc=anintroductiontowebgl-140122011841-phpapp02\
We have typography on the web! As John Allsopp points out in his blog Happy 17th Birthday CSShttp://www.webdirections.org/blog/happy-17th-birthday-css/ we have come a long way but we still have very far to go. When I first started playing with web design back in 1996 the web was just plain. It was meant as a way to exchange information, not produce the high-end, high-gloss content we see today. Surprisingly enough we've had the ability to embed fonts for over a decade. CSS2 included the ability to embed fonts when it was first released but it wasn't highly used until CSS3 came out...
When I first started working on web development I had absolutely no clue as to what typography was or how to make pages 'look' visually pleasing, easier to read and more engaging to the user. Over the years I've developed a sensibility to the way text lies on the page, how it relates to the other elements on the page and how to make the text pleasing and easier to read. In more recent times I've learned the science to go along with the art along with the tools and resources to make it happen. Homework to do before starting...
Defining Length According to the W3C: > Lengths refer to distance measurements > > The format of a length value denoted by >length > Some properties allow negative length values, but this may complicate the formatting model and there may be implementation-specific limits. If a negative length value cannot be supported, it should be converted to the nearest value that can be supported. > > If a negative length value is set on a property that does not allow negative length values, the declaration is ignored. > > http://www.w3.org/TR/CSS2/syndata.htmllength-unitshttp://www.w3.org/TR/CSS2/syndata.htmllength-units Absolute length size units\ Absolute length units are fixed in relation...
In paged media the content of the document is split into one or more discrete pages. Paged media includes paper, transparencies, pages, Microsoft Word documents, Adobe PDF portable document format files among others > This needs to be tested with modern browsers. As far as I know this is only supported on Chrome and, maybe, Firefox > > I am currently working on a sample page and associated stylesheet to test the concept and see how well it works. See the bottom of this post for more information We no longer need to convert our documents into PDF or Word...
As part of my research in Web Typography I got reacquainted with the many ways you can express colors in CSS. This was originally in my typography document but I think it's better if I move it out to prevent an already long document from becoming unmanageable. sRGB colors 3 or 6 digits This was what I always associted with colors in CSS and until not too long ago it was the only way to express colors. You can use either syntax but, as you can see in the example below, the 6 digit syntax allows for more precision in...
