[css-d] CSS Zibaldone is gone

of a past age that simply cannot survive today. :-) bye :-) Gabriele Romanato Referente IWA ITALY - Regione Abruzzo International Webmasters Association Italia http://www.iwa.it | e-mail: abru...@iwa.it Professionista Web - Legge 4/2013 http://gabrieleromanato.com/ http://gabrie

[css-d] CSS Media Queries: a singularity with orientation modes

y cannot rotate my screen! Further, what have JS APIs to do with CSS? Do they affect indirectly the way a browser interprets certain rules (like in this case?). Here's the test case: http://codepen.io/gabrieleromanato/pen/KmHct Hope you can help me to find out what I'm missing. :-) Th

Re: [css-d] font-sizing bug in generated content in IE 10 ?

> 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] Best solution to make internet explorer 8 pages load in IE9 standard mode

s.org/mailman/listinfo/css-d> > List wiki/FAQ -- > http://css-discuss.incutio.**com/<http://css-discuss.incutio.com/> > List policies -- > http://css-discuss.org/**policies.html<http://css-discuss.org/policies.html> > Supported by evolt.org -- > http://www.

Re: [css-d] site review

Very well done. Try also to use orientation:portrait/landscape to a finer control over device orientation. E.g. my http://boxer.waapp.it/ a web app for iPad. :-) Thumbs up! :-) __ css-discuss [css-d@lists.css-discuss.org] http

Re: [css-d] JavaScript animations and CSS animations in web apps

Thanks so much Barney! :-) __ 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 Supp

[css-d] JavaScript animations and CSS animations in web apps

I generally tend to use CSS3 animations in mobile web apps whenever it's possible, but sometimes I get stuck when the app's requirements are too complex. So I usually mix up basic CSS3 animations with JS routines in order to not end up with messy markup as in many Codrops examples (you know, form e

Re: [css-d] Opposing floats not lining up

Hi, There's simple solution to set up a dl with such styles: Dt { float: left; clear: left; width: xx; } Dd { Margin-left: xx; } Another solution is to use relative positioning only, but the final result is not so simple to achieve in all browsers. HTH. Gabriele Rom

[css-d] Minimal CSS Design: searching for inspiration

Hi all, I'm actually kinda bored of all these resource websites who present pseudo-minimal CSS designs which feature a lot of graphics and decorations instead. I'm searching for a true minimal CSS design, much like one of the past designs of David Laakso site. I need a strong focus on my conten

Re: [css-d] Custom CSS resets

We're going a little off-topic here. ;-) My point is not about tags, but about how a CSS reset should be used. Eric's reset is a general-purpose tool that should be always tailored to your specific needs and not copied and pasted without knowing exactly what it does (as many authors do). Since CSS

Re: [css-d] Custom CSS resets

Hi, CSS resets are useful (I mean, really useful) on a specific range of projects. For example, they're useful on web apps because they can also be combined with other frameworks to get you started ASAP. They're less useful when a significant portion of your site contents are generated by users (su

[css-d] Safari Mobile iPad and border-radius: 50%

Hi all, does anyone know if Safari Mobile on iPad (2 and 3) correctly renders boxes with border-radius: 50%? Last time I saw one of my pages on iPad 2, all boxes with border-radius: 50% were rendered as plain squared boxes. Thanks in advance. :-) Gabriele (currently iPad user... it was my brother'

Re: [css-d] Text fonts

Hi, when you download a web font from Font Squirrel you also get a sample page and all the necessary CSS code to make your web font work on your site. To make it simple: 1. upload the folder when all the web fonts are contained 2. upload the stylesheet provided with the download in the same direct

Re: [css-d] Responsive Design Issue

Why should we get rid of a piece of design when you have a CSS3 property for that? Use background-size. It works. :-) On Tuesday, April 24, 2012, Carol Swinehart wrote: > How do you get rid of a background image or multiple background images in > resolutions for handheld less then 768? > > Thanks

Re: [css-d] ie 6/7/8

Perfect on iPad. You really scored high, as always. On Monday, April 23, 2012, David Laakso wrote: > Your comments and suggestion on this site in > Internet Explorer 6/7/8 are appreciated. > > Thanks. > > Best, > David Laakso > > -- > Chelsea Creek Studio > http://ccstudi.co

[css-d] [off-topic] my blog onwebdev changed its address

Hi, for those who follow onwebdev.blogspot.com, here's the new address: http://blog.gabrieleromanato.com/ All the Blogger's contents have been imported. bye Gabriele http://gabrieleromanato.com http://blog.gabrieleromanato.com/ (English)

[css-d] CSS redesign: criticisms, comments and similar are welcome

Hi folks, I've recently launched a massive redesign of my Blogspot blog. Now it's much more CSS3 compliant than before. http://onwebdev.blogspot.com/ Now I've also have an Italian official website that's going very well. Honestly, do you think that I should create an /en section there or

[css-d] CSS3: creating social network icons? yes, we can!

Hi folks, after several weeks of hard work on WP themes and Zend Framework PayPal classes, I moved back to my first love, CSS. and here's the result: http://onwebdev.blogspot.com/2011/09/css-create-social-network-icons.html dimensions are in ems, so they should fit your layout. I have to fix

[css-d] New blog layout: comments request

Hi all, I've just remade the default layout of my blog at http://onwebdev.blogspot.com/ . Comments are welcome. I'm not interested in tech comments, such as IE testing or browser compatibility, but only in your impressions. thanks :-) ps. @David Laakso: The base font size now is pure 100%, 1

Re: [css-d] Logo in a div

ffect for your logo. It's a design choice, not a semantic choice in the strict sense of the term. HTH :-) Gabriele Romanato -- http://www.css-zibaldone.com/ http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/

Re: [css-d] Designing layouts with grey boxes

David, that's your style and I love it! Hope I can visit your state someday just to smell the taste of old, good books in some mysterious, Poe-like bookshop! :-) -- http://www.css-zibaldone.com/ http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://o

[css-d] Fwd: Designing layouts with grey boxes

-- Forwarded message -- From: Gabriele Romanato Date: Tue, Jul 5, 2011 at 5:38 PM Subject: Re: [css-d] Designing layouts with grey boxes To: ster...@gmail.com @David: Since I had to develop that famous project we talked about in our Skype chats where we changed over 8 layouts in

[css-d] Designing layouts with grey boxes

Hi all, this is more a recommendation than a quick tutorial: http://onwebdev.blogspot.com/2011/07/css-designing-layouts-with-grey-boxes.html Personally, I found this technique very useful in many projects. HTH :-) Gabriele http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (Eng

Re: [css-d] HTMLdog website / Son of Suckerfish

Consider also the possibility of more interesting effects with CSS3 transitions. It would be the next generation of SuckerFish menus: C3-SFM :-) http://www.css-zibaldone.com/ http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com

Re: [css-d] Jump effect on icons

Great Tim! On Sat, Jun 25, 2011 at 4:57 PM, Tim Climis wrote: > On Saturday, June 25, 2011 4:43:04 pm Gabriele Romanato wrote: > > > For experienced developers: what happens with CSS3 transitions? Is it > > possible to create a smooth jump effect using transitions? > >

[css-d] Jump effect on icons

sible to create a smooth jump effect using transitions? I hope this simple demo will stimulate further tests and examples. HTH :-) Gabriele Romanato ps. never, ever stop testing! Imagination is what tells us apart from machines. @skynet http://www.css-zibaldone.com http://www.css-zib

Re: [css-d] Headings and web fonts

The secret hand of destiny: http://youtu.be/og6dJVQ1jtI :-) -- http://www.css-zibaldone.com/ http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) ___

[css-d] Headings and web fonts

Hi, accessibility is one of my primary concerns. Here I explain why web fonts work at their best on headings: http://onwebdev.blogspot.com/2011/06/css-headings-and-web-fonts.html HTH :-) Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http

Re: [css-d] Help finding history/discussion on multiple values

nt them without prefixes, then you can go straight to the official CSS3 module specs and read how they actually work. HTH :-) Gabriele Romanato -- http://www.css-zibaldone.com/ http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot

[css-d] Recreating the Facebook layout

HTH :-) Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [css-d@list

[css-d] Styling blog contents

As always, HTH :-) Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [

[css-d] Styling a Twitter feed

plugin or PHP to get your tweets and then style them. As always, HTH :-) Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English

Re: [css-d] Drop Cap missing in FF4

@David: did you see the bug thread? It's amazing how much C++ code is required to make @font-face work. It's something we should consider before blaming implementors, IMHO. :-) On Thu, May 12, 2011 at 11:42 AM, Lesley Lutomski wrote: > On 12/05/11 00:59, David Laakso wrote: > >> Dunno. Is this a

[css-d] Z-index demo

I'm currently developing an important project for an important client who doesn't know that I'm insignificant... :-) it's all absolute positioning and z-index and I have to say that now I know what's the z- index property's purpose: work with CSS as you do PSD files in PS: http://onwebdev.bl

[css-d] IE6, 7 and overflow on a slider: is there a fix?

. Thanks for your attention, bye Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English)

[css-d] Twitter and user style sheets

nd IE support user style sheets as well. Does somebody know if there's something similar in Chrome? As always, HTH :-) Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/

Re: [css-d] Looking for online reference re optimizing style sheet syntax

http://onwebdev.blogspot.com/2011/02/improving-your-css-performance.html I've summarized it in as much details as I could. HTH :-) -- http://www.css-zibaldone.com/ http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (Englis

Re: [css-d] CSS3 animations - enter the matrix

This is awesome! :-) On Sat, Apr 16, 2011 at 5:25 PM, Alan Gresley wrote: > Hello all, > > > I have for years been smashing down barriers concerning CSS. This may have > been on this mailing list or on www-style (CSS WG). I came into this realm > of human endeavor just when CSS3 was starting to

Re: [css-d] Reflection effect

Thanks guys! I have to make some further tests, actually. The potential of these new CSS3 features is so vast that you never stop finding new solutions. :-) http://www.css-zibaldone.com/ http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.b

Re: [css-d] Reflection effect

thanks guys! for IE9: -ms-transform: rotate(-180deg); btw, I'm waiting for IE4Mac... :-) On Fri, Apr 15, 2011 at 7:16 PM, David Laakso wrote: > On 4/15/11 12:44 PM, Gabriele Romanato wrote: > >> Again, what's the purpose of CSS3? >> >> http://onwebdev.blogsp

[css-d] Reflection effect

Again, what's the purpose of CSS3? Having fun with CSS: http://onwebdev.blogspot.com/2011/04/pure-css-reflection-effect.html The purpose of having fun with CSS is testing, the purpose of CSS testing is make something of your spare time during a dull day when you've finished to work on your p

Re: [css-d] need local tool compress/expand css

You can use YUI Compressor: http://developer.yahoo.com/yui/compressor/ HTH :-) -- http://www.css-zibaldone.com/ http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) ___

[css-d] Pure CSS Mac desktop

Hi, this is a devoted homage to my soul brothers Mac users: http://onwebdev.blogspot.com/2011/04/pure-css-mac-desktop.html I should fix the font size, somehow. However, you can do much better. After all, I'm not that smart. :-) Enjoy! ps. Lion is coming... groaar! HTH :-) http://www.css-

[css-d] Styling forum posts

Hi. The solution presented below uses fixed sizes (that's disgusting!). Did you try something similar in a fluid fashion? Please let me know and link your examples, if any: http://onwebdev.blogspot.com/2011/04/css-styling-forum-posts.html I'd like to test something with table cells values,

Re: [css-d] Experiment: CSS post it note

thanks guys! I have to fix something, as you pointed out... ouch! however, absolute positioning is just for show... the intention is to use it in the future on some gallery with floats... at least, floats are aware of the position of other floats.. floats have almost empathy for developer's emotion

[css-d] Experiment: CSS post it note

Hi, I've often asked myself: 'ok, we can rotate boxes with CSS3, but what this is good for?". Answer: visual effects. Like this: http://onwebdev.blogspot.com/2011/04/css-post-it-note.html The Google font is included in the zip file, so you can add it to your font folder if you view this dem

[css-d] Overriding presentational tags

I've just finished to run a couple of tests on user style sheets. Results are good. I've summarized them here: http://onwebdev.blogspot.com/2011/04/css-overriding-presentational-tags.html Do you know some other techniques? is really hard to override via CSS. Do you know some IE specific rul

[css-d] Styling a spreadsheet

Hi. A simple demo/test on form elements and tables: http://onwebdev.blogspot.com/2011/04/css-styling-spreadsheet.html I've applied my personal recipe to get a consistent height for input elements: input {font: 1em family;} A little bit of jQuery just to show a title attribute on each input.

[css-d] Styling a definition list

Hi, I've followed another approach to create the effect of a table-like definition list: http://onwebdev.blogspot.com/2011/04/css-styling-definition-list.html Works even in IE6. Enjoy! :-) HTH http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldo

[css-d] Styling a YouTube video gallery

After dozens of useless tests on inline-block elements, I decided to create something a little bit more useful for css-d readers. Since now I know all the nuts and bolts of iframes, why don't create a YouTube fluid video gallery? http://onwebdev.blogspot.com/2011/03/css-styling-youtube-vide

Re: [css-d] s now a legitimate presentational device for layout according to W3

quirements. On the contrary, tables are safe. Gabriele Romanato -- http://www.css-zibaldone.com/ http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) ___

[css-d] Styling a video gallery (and apologies)

er, styles have no effect if you don't use these attributes. As such, differs greatly from ... so I frankly asked myself what was the point of XHTML 2.0 of having something like this: Anyway, as always, criticisms, suggestions are welcome! HTH :-) Gabriele Romanato http://w

Re: [css-d] Stop supporting IE 6 and 7

If you continue to support IE 7 and lower, malware creators will be very grateful to you. You make them life easier and help them to go on with infecting people's computers or stealing their credentials or identities. I do not want to respond to the flames of someone who claims to be THE professio

[css-d] Stop supporting IE 6 and 7

With the final release of IE 9 and the good work behind IE 8, I think it's time to move on: http://onwebdev.blogspot.com/2011/03/stop-supporting-ie-6-and-7.html I don't want to read other mails about ie6 and 7 on this list anymore :-) please... :-) HTH :-) http://www.css-zibaldone.com htt

Re: [css-d] Internet Explorer 9 Release

Hi. This kind of feature was originally part of an earlier MSXML implementation of namespaces selectors. There's no official documentation available, neither in the IE's branch nor in the MSXML library. I spoke with Alex Mogilevsky (IE development team) a couple of years ago when I submitted my tes

[css-d] Styling an XML table (plus a question)

The great majority of web developers don't use XML. Actually, they despise it. That's why XHTML 1.1 has failed, together with SMIL, SVG and other SGML-based languages. Everybody loves HTML. So why don't we turn an XML tabular structure into an HTML table using CSS to present it? http://

[css-d] Methods for overriding inline styles

Hi, this time I've summarized 3 methods for overriding inline styles, that is: 1. CSS inline styles 2. JavaScript inline styles Use cases are third-party widgets, mainly: http://onwebdev.blogspot.com/2011/03/overriding-css-inline-styles-methods.html HTH :-) ps. If you don't use widgets on

[css-d] Formatting text: an example

Hi, I condensed the most useful features for formatting text in this example: http://onwebdev.blogspot.com/2011/03/css-text-formatting-example.html I think this will be particularly useful for beginners. HTH :-) http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) htt

[css-d] Pure CSS bar chart

Hi, continuing the series of useless experiments, here's a simple demo that creates a pure CSS bar chart: http://onwebdev.blogspot.com/2011/03/pure-css-bar-chart.html Note that elements have actual textual content. To make things a little bit more flexible and accessible, you can use an uno

[css-d] Emulating the start attribute

Hi! Another nonsensical experiment that leads to nothing, except perhaps for a successfully validated XHTML 1.0 Strict page: http://onwebdev.blogspot.com/2011/03/css-emulating-start-attribute.html "Follow the standards, break the web" - IE 7 and brothers - HTH :-) http://www.css-zibaldone.

Re: [css-d] HTML5 and CSS3 blog template

thanks David :-) ps. great song, btw :-) http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discus

[css-d] HTML5 and CSS3 blog template

Just made some kinda experiment with HTML5 and CSS3 (actually, only border-radius has been used here). What follows has been validated as valid HTML5. I've added the Remy Sharp's IE enabling script to this page. Does it work in IE? let me know: http://onwebdev.blogspot.com/2011/02/html5-and

[css-d] The HTML5 time element and CSS

The support to in browsers is practically absent, so I managed to find a CSS solution to display the content of its attributes when no actual content is provided: http://onwebdev.blogspot.com/2011/02/css-and-html5-time-element.html HTH :-) http://www.css-zibaldone.com http://www.css-zibal

[css-d] Sticky blog dates

I was actually inspired by the Remy Sharp's blog which uses this feature and I thought that you may find interesting the CSS process behind this: http://onwebdev.blogspot.com/2011/02/css-sticky-blog-dates.html Note: instead of pixels, you can use ems to get a better resilience for dates. S

[css-d] Test on thead, tbody, tfoot and background images

Results are pretty frustrating: http://onwebdev.blogspot.com/2011/02/css-thead-tbody-tfoot-and-background.html have you ever tested something similar? find anything better? a better fix? let me know :-) HTH. http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://

[css-d] Styling Google AdSense

Just a quick-and-dirty work with my console on Chrome with some Google ads: http://onwebdev.blogspot.com/2011/02/css-styling-google-adsense.html I didn't test it because I don't have an AdSense account (it's impossible to me to make money with all the trash I write :-D) so it would be inte

[css-d] Object element styles

This is a summary of all my tests on the element and CSS: http://onwebdev.blogspot.com/2011/02/css-and-object-element-styles.html I need to update some of my tests. Did you notice something strange that might be an anomaly in browsers regarding this subject? If so, please let me know. HTH :

[css-d] Fluid layouts and column background

I think that this would be a good tutorial for css-d. Maybe we could think to insert it in the wiki section, if not already present: http://onwebdev.blogspot.com/2011/02/css-fluid-layouts-and-column-background.html HTH, especially for beginners. :-) ps. there's no patent on my demos nor licen

Re: [css-d] Improving your CSS performance

Hi David, this is a good question. It's not clear what values use browsers as their default for certain elements, because specs don't say much about it. For elements such as a div or headings, their values are always 0, so you got a good point here. For form elements, instead, the padding

[css-d] Improving your CSS performance

Some reflections collected during my experience on production web sites: http://onwebdev.blogspot.com/2011/02/improving-your-css-performance.html HTH :-) http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev

[css-d] CSS Star rating: an accessible solution

Hi. Accessibility is always one of my first concerns and here in Italy I'm fighting my own battle to get developers adopt a more accessible way of coding their sites to deal with user's needs. This morning a friend of mine (currently working on a big company web site) asked if there's a si

[css-d] CSS Reset explained

This is for Eric and for CSS beginners: http://onwebdev.blogspot.com/2011/02/css-reset-explained.html HTH :-) __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://

[css-d] How to stylize a Google Maps InfoWindow

I think that this will help css-d users who move their first steps in the Google Maps world or, more generally, in the mashup universe: http://onwebdev.blogspot.com/2011/02/css-stylizing-google-maps-infowindow.html feel free to make experiments: that's the fun! ;-) HTH http://www.css-zibald

[css-d] Building a fluid layout

Sorry for bothering, but I think this should be helpful for beginners: http://onwebdev.blogspot.com/2011/02/css-building-fluid-layout.html ps: currently waiting for someone who invites me to contribute to the css-d wiki. ;-) HTH http://www.css-zibaldone.com http://www.css-zibaldone.com/test

[css-d] Styling a content slider (demo)

rt it. just for history :-) Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css

Re: [css-d] Positioning a float

You cannot position and float an element at the same time. So: 1. make the container relative position: relative Thus you create a context. 2. position the box with the image at the bottom, using left/right: 0 bottom: 0 3. add some top and left margin to the positioned box to preve

Re: [css-d] br { content: '\A'; white-space: pre; } in Webkit

Just made this test: http://dev.css-zibaldone.com/tests/css-discuss/line-breaks-generated-content.xml it doesn't work per se, because in XML browsers follow CSS specs ad litteram. It only works if you add display: block to the element :-) HTH :-) http://www.css-zibaldone.com http://www.css-

[css-d] [CSS3]: The background-rotate property

Hi all. Hope this hasn't been discussed yet: http://onwebdev.blogspot.com/2011/01/css3-background-rotate-property.html Regards, Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English)

Re: [css-d] A CSS calendar with an unordered list

For change on hover, I think that Ingo Chao's fix should work: a {background-position: 0 0} :-) http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English)

[css-d] A CSS calendar with an unordered list

Hi! Just an advanced demo on floats and contextual positioning. I can't test my pages in IE7/6 anymore, since I switched to Win 7 on my Windows PC. Can anyone take some shots and post them here: http://onwebdev.blogspot.com/2011/01/css-calendar-with-unordered-list.html ? It will be really app

[css-d] [test]: CSS and HTML5 audio element

This completes the test series on HTML5 media elements: http://onwebdev.blogspot.com/2011/01/css-and-html5-audio-element.html HTH :-) http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (Eng

[css-d] [test]: CSS and the HTML5 video element

Hi. It took a little bit to find a good converter from FLV to OGV, but finally I did it! The video is 27 mb in size, so you have to be a little bit patient :-) Results are encouraging, especially for future CSS3 enhancements: http://onwebdev.blogspot.com/2011/01/css-and-html5-video-element.htm

[css-d] [test] CSS and iframes

There are many possible ways to apply this test in a real case- scenario like: 1. website previews 2. dynamic content 3. active content http://onwebdev.blogspot.com/2011/01/css-and-iframes.html this test clearly demonstrates the benefits of fluid css layouts. HTH :-) http://www.css-zibaldon

[css-d] CSS Design Patterns

This is a work in progress. If someone knows some other patterns in use, please let me know: http://onwebdev.blogspot.com/2011/01/css-design-patterns.html HTH :-) http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http

Re: [css-d] [Test]: Positioning an object element

Don't get me wrong but ... What is the percentage of use of Seamonkey? ;-) Philip, as a rule of thumb, you should always test in major league browsers, like IE, Firefox, Opera, Safari and Chrome. Minority browsers get you mad. I used to have up to 10 browsers on my computer, and once I got ac

[css-d] [Test]: Positioning an object element

Hi. A couple of days ago a user posted here a message about and positioning. I've created a test page and a brief description that I think it may be helpful for future use cases: http://onwebdev.blogspot.com/2011/01/css-positioning-object-element.html hope this will help you to get an ide

Re: [css-d] iframes and CSS

For overflow, try to give IE the declarations overflow-x/overflow-y. They should work. Also, first turn the iframe into a block level element with 'display: block'. Iframes are inline-block elements by default. :-) http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English)

Re: [css-d] iframes and CSS

Hi! You should use: border="0" which is valid. For overflow, which version of IE are you using? Bye http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __

[css-d] RSS Feed of my CSS tests and live examples

Hi folks! Last message on this topic. This morning I've created a live feed with PHP that takes all the examples and other stuff I've created so far. I've burned it with feed burner: http://feeds.feedburner.com/onwebdevexamples So you don't even go to my blog, just see the code, nothing mor

Re: [css-d] Absolutely Positioning an in a

Sorry for the delay. Here are a couple of tests that might be useful for that purpose: http://www.css-zibaldone.com/test/css21/object/object1.html http://www.css-zibaldone.com/test/css21/object/object2.html http://www.css-zibaldone.com/test/css21/object/object3.html http://www.css-zibaldone.com

[css-d] Helping css-d members to get their best from CSS

ttp://www.w3.org/Style/CSS/Test/Overview.en.html W3C CSS Test suites. Contributors are really appreciated. Yes, advanced users have also a firm knowledge of CSS specifications, so I'm not going to make it longer :-D As always, HTH (Hope That Helps) Gabriele Romanato http://

Re: [css-d] HTML, CSS, JavaScript: Model-View-Controller

No Barney, what I did is completely wrong. It's off-topic and quite spamming. I'll stop it. From now on, no more posts from my blog. thanks for your answers and the answers of all css-d readers. Lesson learned. :-) http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) ht

Re: [css-d] HTML, CSS, JavaScript: Model-View-Controller

Well, thoughts about web development are not truths in the religious sense of the word. I was just expressing my views in quite a polite way, without being conceited or imposing me over other people's opinion. Just a thought, a resemblance, a comparison, a linking that popped into my head

[css-d] HTML, CSS, JavaScript: Model-View-Controller

A way to rethink the traditional and static three-layered model: http://onwebdev.blogspot.com/2011/01/html-css-and-javascript-model-view.html HTH :-) http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blo

[css-d] Using YUI Compressor to minify CSS

This is just for tweaking up a little bit our performance when dealing with huge files: http://onwebdev.blogspot.com/2011/01/using-yui-compressor-to-minify-css.html HTH :-) http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (Engl

[css-d] Styling a search form

Another work for css-discuss. This time I'm using a dirty positioning trick on a basic search form: http://onwebdev.blogspot.com/2011/01/styling-search-form-with-css.html You can also use a background image, but if you do so, the user will be forced to press Enter to submit the form. HTH :

[css-d] Complex site header with CSS

An advanced tutorial for intermediate-advanced CSS coders: http://onwebdev.blogspot.com/2011/01/complex-site-header-with-css.html HTH :-) http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/

[css-d] The content property

Another short note for beginners: http://onwebdev.blogspot.com/2011/01/css-content-property.html HTH :-) http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) ___

[css-d] A Twitter header with CSS

Another example of good CSS use in a practical context: http://onwebdev.blogspot.com/2011/01/twitter-header-with-css.html HTH :-) http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English)

[css-d] HTML5 and CSS in Internet Explorer 8

For those who are testing in HTML5 and CSS: http://onwebdev.blogspot.com/2011/01/html5-and-css-in-internet-explorer-8.html HTH :-) http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (Englis

  1   2   3   >