Articles Tagged 'Style'

Very short trick: Conditional CSS and optimization

The use of conditions within the browser is often used to decide which style sheet to load depending on the type of browser. For example we can use this code to load a particular style sheet when the browser is Internet Explorer 6:

Continued ...

WordPress: customize the navigation between the posts

WordPress offers many features to navigate through the various posts and pages forward and back. These are used within the themes, often in a completely interchangeable, although they contain some differences. This, in fact, create much confusion in the choice of the function to use. Here are some notes:

Continued ...

Very short trick: disable the resizing of a textarea on Safari

In any browser developed starting from the rendering engine WebKit (by appointment as Safari or Google Chrome ), the fields textarea show, bottom right, the characteristic feature of resizing. If this peculiarity may prove very useful in some cases, in others it becomes a nuisance element.

Continued ...

Very short trick: how to center elements on the page, even on IE5

It's not that I always take it with Internet Explorer, it's just that damn thing every Web development (HTML and CSS) seems not to work with the browser - still - the most common (one day someone will explain why). ; ad esempio ecco come posizionare un div al centro dello schermo: A very convenient method to place an item in the middle of the browser window is to the property sfrutture auto style margin , for example, here is how to position a div in the center of the screen:

Continued ...

As IE6 endure and live happy

I always find some "ill" when tackling the subject "compatibility between browsers." Also, and I have yet to understand the real reason, of all the browsers I know the most "annoying" him remains: Microsoft Internet Explorer 6! Unfortunately, the release of IE 6 is still in circulation and there are frequent reports of problems when viewing pages.

Continued ...

Very short trick: versatility of CSS classes

nei fogli di stile CSS. Most experts will know already, but I am often asked what is the difference between class and id in the CSS. , è la possibilità di usare classi multiple. An overview of some differences and warnings can be found on the Class and ID in CSS , however, a useful feature that distinguishes class from id , is the ability to use multiple classes.

Continued ...

jQuery: round edges on the images to overlap

Because of the different rendering across browsers, Microsoft Internet Explorer definitely see that in mind, we must always resort to tricks to apply special effects that now should be a standard. The award-discussed rounded edges are a classic example of "disaster" produced by the complete inability to make a serious standards on page rendering HTML / CSS. , etc… There are many solutions that allow the network to obtain the "effects" (effects of exempting existing HTML as rounded edges, shadow effects, reflections, etc ...) with patches on the leaves of styles, special tricks with the use of div grafted, libraries JavaScript, use of canvas , etc ...
On a purely technical teaching I would like to explain further (cross-browser) to apply the rounded edges of the images:

Demo and source

Continued ...

WordPress: modifcare AdminBigWidth for developers

AdminBigWidth is a plugin for WordPress that can set the working area of the administration in full screen. It is a very simple plugin and trivial, in fact, his code does is change the CSS class .wrap :

1
2
3
4
AdminBigWidth function () {
; echo '<style type="text/css">. wrap {max-width: none} </ style>';
}
, 'AdminBigWidth' ) ; add_action ('admin_head', 'AdminBigWidth');

For those like me who uses the WordPress editor in HTML mode could be useful to set a monospaced font such as Courier font instead of the proposed default. In this way, at least for developers, it is easier to align source code. To do this just add, in the style of AdminBigWidth , a new approach to CSS that is reflected when the editor is in HTML mode. You could write a plugin (two lines) to do this, but it is better to use just the code AdminBigWidth , so as to avoid further load due to the nth Plugin:

1
2
3
4
AdminBigWidth function () {
; echo '<style type="text/css">. wrap {max-width: none} # content # editorcontainer {font-family: "Courier New", Courier, monospace} </ style>';
}
, 'AdminBigWidth' ) ; add_action ('admin_head', 'AdminBigWidth');

Continued ...

The art of commenting: practical advice

If an "example" may be worth a thousand words, a programmer for a "comment" can be worth hours and hours of work! Comment the code is often tedious and, at the time of writing the code, it always seems a futile. On the contrary, especially when you take old code, the comment you entered the right can be infinitely useful to reconstruct mental paths have been forgotten. Fortunately, for those like me who developed the Web, you can comment on the enormous vatanggio almost all the code in the same way! The double slash (/ /) or containment through slash asterisk and slash asterisk (/ * and * /) is supported by virtually all lunguaggi development of common use, virtually all derived from the C: Javascript, Actionscript, PHP, ...

Continued ...