Pinboard: bookmarks for jordi9 tagged 'css'

CSS Killswitch

CSS (short for "Cascading Style Sheets") is the markup that makes the internet look the way it does.
CSS Killswitch works by creating a unique, inconspicuous, and innocuous stylesheet that you'll link the potentially problematic client's site to. Should negotiations go south and passwords get changed before you receive payment, that stylesheet can be activated to superficially black out the site, returning to you the upper hand. *
When relations return and you've received payment, the killswitch is easily deactivated and its traces removed.
Not convinced? Try a two second demo of what it could do to this page.
Oh, did I mention this is free? Because it's free.

css webdesign security business tricks
january 2011 by jordi9

copy to mine

HTML5 Shiv - Make explored HTML5 capable / compatible - John Resig

Internet Explorer doesn't know how to render CSS on elements that it doesn't recognize.

Thankfully, Sjoerd Visscher mentioned an interesting technique that could be used to force IE to use the specified CSS styling. Specifically, once you create a new DOM element (of the same name as the one in the document) all styling is applied. You don't even have to inject the element in order for this to occur. Observe the following:
<html><head><style>blah { color: red; }</style><script>document.createElement("blah")</script></head><body><blah>Hello!</blah></body></html>

html5 javascript html css ie
december 2010 by jordi9

copy to mine

The Mad Ranter: Damn IE7 and inline-block

Except IE7 doesn't understand inline-block properly.

It's to do with a hidden property called hasLayout the mention of which can cause seasoned web developers to tear their hair out, see you can't set it explicitly no such thing as hasLayout: on; it's set when other properties get applied and surprise surprise it's an IE only creation.

So to call this elusive hasLayout you need to set a property of "zoom:1;" to any element you want to work correctly. It doesn't do anything; if you set it to 2 it'll make things twice as large, but 1 nowt.

So that's that - nope, see if you set hasLayout as above for an element that is by default a block and then try to make it an inline-block IE7 still ignores it. So you need to add in one extra little snippet "*display: inline;" the star is important as every other correct browser will ignore that item, but dumb-old Internet Explorer won't and amusingly despite setting it to plain old inline it'll happily apply block properties to it too.

ie7 css fix hack webdesign inline-block display
october 2010 by jordi9

copy to mine

Tim Mackey's Weblog - Clean Word HTML using Regular Expressions

I've spent a long time trying many different approaches at getting rid of MS Word HTML, when importing or pasting text into my content management system, with very mixed success. Previous efforts involved using the MSHTML Element Dom but this was slow and difficult to implement. i think i've finally found a satisfactory and fast solution using only regular expressions. Please feel free to use it in your applications, and post any improvements you may find.

html regex code css
november 2009 by jordi9

copy to mine

border-radius and -moz-border-radius < CSS | The Art of Web

One of the most keenly-anticipated CSS3 properties is border-radius. Web designers will no longer have to resort to complex table structures using custom-made corner graphics or including arcane JavaScript files in order to produce designs with rounded corners.

While Internet Explorer doesn't support many (or any) advanced CSS properties, you can get started using Firefox and any of the 'Mozilla' family of browsers. Apple's WebKit web browser engine also supports rounded corners making them available in the Safari and Chrome web browsers, the iPhone and other devices running WebKit.

css webdesign design firefox reference css3 webkit
august 2009 by jordi9

copy to mine

Borrachos y CSS — Darío Ferrer

¿Acaso pensaban que los honorables ebrios no podían ofrecernos unas buenas lecciones de CSS? Pues así es. Estos héroes anónimos asumen día a día (y noche a noche) la difícil tarea de actuar como tutoriales vivientes a favor de nuestro aprendizaje.

Contrario a lo que algunos puedan pensar, el CSS es una disciplina nada fácil de dominar. Quienes nos dedicamos a la profesión de maquetar webs apreciamos sumamente toda fuente de aprendizaje. Mientras más ilustrativas mejor. Y aquí es donde entran nuestros amigos los beodos, quienes se encuentran en la constante búsqueda de métodos y procedimientos -sin escatimar, esfuerzo, costo o tiempo- a favor de la noble causa que envuelve el diseño web. Veamos algunos ejemplos:

fun photo css
june 2009 by jordi9

copy to mine

CSSRockstars - You Design, We Code. Your PSD to HTML/CSS for just $149

We provide valid, standards compliant and optimized HTML/CSS from your PSD in just 3 days, for only $149. How does that sound?

css webdesign service web
may 2009 by jordi9

copy to mine