Snipplr - j_junyent

(CSS) Wordpress Align

Fri, 08 Aug 2008 07:35:21 GMT

How to align floating images in wordpress posts and add captions.

(CSS) Displaying Code Snippets: Wrap Long Lines with PRE Tag

Sun, 13 Jan 2008 20:01:18 GMT

The tag that defines preformatted text is the only tag in HTML that respects and preserves whitespaces like line-breaks, blanks, tabs and multiple spaces between words. Whatever is enclosed inside the pre element will be displayed as-it-is on the web browser.

(CSS) botones que parezcan enlaces

Sun, 13 Jan 2008 19:57:42 GMT

¿Por qué empeñarnos en hacer enlaces que actúen como botones? ¿Por qué no hacemos botones que parezcan enlaces?

(CSS) CSS Asides in WordPress' Sandbox theme

Sun, 02 Dec 2007 04:45:33 GMT

Implement "Asides" in a WordOress blog just with the Sandbox theme and CSS

(CSS) Diagnostic stylesheet

Sat, 01 Dec 2007 15:16:01 GMT

The primary goal here is to have a set of rules that can be applied during the development phase of a new layout. These rules’ aim is to visually highlight problems in the markup.

(CSS) Master Stylesheet

Sat, 01 Dec 2007 15:15:09 GMT

One of the most common mistakes I see beginners and intermediates fall victim to when it comes to CSS is not removing the default browser styling. This leads to inconsistencies in the appearance of your design across browsers, and ultimately leaves a lot of designers blaming the browser. It is a misplaced blame, of course. Before you do anything else when coding a website, you should reset the styling.

(CSS) Técnicas CSS 3.0

Sat, 01 Dec 2007 15:05:12 GMT

Si miramos al horizonte empieza a deslumbrar el futuro del CSS, con la salida de CSS3 la vida de los diseñadores web va a mejorar considerablemente y no es para menos, por que con las mejoras que se están acercando ¿quien no se aprovechará de ellas? Echemosle un vistazo a las que parecen serán las más interesantes.

(CSS) CSS3 Multicolumn text

Sun, 25 Nov 2007 17:36:52 GMT

The W3C multi-column module is a CSS level-three working draft, proposed by the W3C to extend the current CSS box model. The module’s intent is to allow content to flow into multiple columns inside an element. It offers new CSS properties that let the designers specify in how many columns an element should be rendered. The browser takes care of formatting the text so that the columns are balanced. The proposed new CSS properties are: * ‘column-count’, to determine the number of columns into which the content of the element will flow. * ‘column-width’, to describe the optimal width of each column. * ‘column-gap’, to set the padding between columns. * ‘column-rule’, to define a border between columns.

(CSS) Transparent in all browsers

Sun, 25 Nov 2007 17:24:48 GMT

Transparency is one of those weird things that is treated completely differently in all browsers. To cover all your bases, you need four separate CSS statements. Fortunately they don’t interfere with each other really, so using them all every time you wish to add transparency is no big hassle and worry-free. Here they are, and are currently set to 50% transparency: * opacity: 0.5; This is the “most important” one because it is the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. This would be all you need if all browsers supported current standards. Which, of course, they don’t. * filter:alpha(opacity=50); This one you need for IE. * -moz-opacity:0.5; You need this one to support way old school versions of the Mozilla browsers like Netscape Navigator. * -khtml-opacity: 0.5; This is for way old versions of Safari (1.x) when the rendering engine it was using was still referred to as KTHML, as opposed to the current WebKit.

(CSS) font-face

Sun, 25 Nov 2007 17:19:32 GMT

Esta propiedad del CSS, que nos permite definir, en este ejemplo, la familia de fuentes “Kimberly” para luego usarla en los elementos que queramos. Esto acabará con las diferencias de visualización de página que hasta ahora dependiamos que el usuario tuviera instaladas las fuentes en su local para poder usarlas. Ahora haremos que el usuario vea la web tal y como nosotros la vemos.

(CSS) Disablig deprecated HTML code

Sun, 25 Nov 2007 17:14:26 GMT

When handing over a project to the client, you sometimes loose control over the content HTML source. Sometimes the client uses a CMS that allows them to have full control over certain parts of the HTML, and sometimes the client simply uses your templates to insert their own HTML content in the document. The idea is to preserve the natural cascade and inheritance in all browsers, while gracefully disabling the HTML we don’t want the client to use. That way the client will stop using it, simply because it doesn’t “work” anymore. A graceful and gentle way of guiding the client in the right direction.

(CSS) gmail-like column overflow.

Sun, 25 Nov 2007 16:55:16 GMT

gmail-like table's column overflow. Efecte de truncar el text en una taula si sobrepasa

(CSS) Style links

Sun, 25 Nov 2007 16:12:28 GMT

Style external links. Inspired by: http://pooliestudios.com/projects/iconize/ and http://www.hunlock.com/blogs/Attach_icons_to_anything_with_CSS

(CSS) Pullquotes

Sun, 25 Nov 2007 15:53:15 GMT

Destacados (o pullquotes) en una notícia