As body:nth-of-type(1) and body:first-of-type are supported by FireFox 3.5x, the hack that I wrote about in this post cannot be used anymore. You may try the following one, which targets only Google Chrome and Safari:
@media screen and (-webkit-min-device-pixel-ratio:0)
{
div
{
color: red; /* The text will appear red only in Safari and Google Chrome */
}
}
Read Full Post »
Posted in CSS, Forms, Tips and Tricks, tagged -khtml-appearance, -webkit, checkbox skin, custom check boxes, custom checkboxes, custom radio buttons, custom radiobuttons, form styling, google chrome, radiobutton skin, safari on July 17, 2009 | 4 Comments »
WebKit browsers (Safari, Chrome, Konqueror) have vendor-specific implementation of the CSS appearance property, as well as full support for the :checked and :disabled pseudo classes. The property is called -khtml-appearance and it’s default value is visual. When set to none, it turns the specified control(s) to a blank slate, and this, combined with :checked, :hover and :disabled facilitates [...]
Read Full Post »
Posted in AJAX, Acid.JS, CSS, Content Management, Forms, Image Galleries, JavaScript, Rounded CSS Corners, Website Widgets and Parts, tagged acid.js, AJAX, ajax library, ajax toolkit, ajax tools, browser gui, CSS, css tricks, custom checkboxes, custom radiobuttons, customdialogs, form skinning, form styling, Forms, javascript library, js library, rounded corner textboxes, selectbox replacement, website controls, website widgets, xmlhttprequest on July 9, 2009 | Leave a Comment »
Get most of the website widgets and tools I’m developing in a single package that is regularly updated. Whenever a new script or script update is available, it will be included in the download file. To stay informed and up-to-date with Acid.JS, please, subscribe to my RSS feed.
The latest additions are in red. Removed or [...]
Read Full Post »
Posted in AJAX, Acid.JS, CSS, Forms, Image Galleries, JavaScript, News, Rounded CSS Corners, Search, Website Widgets and Parts, tagged acid.js, AJAX, ajax library, ajax toolkit, ajax tools, browser gui, CSS, css tricks, custom checkboxes, custom radiobuttons, customdialogs, form skinning, form styling, Forms, javascript library, js library, selectbox replacement, website controls, website widgets, xmlhttprequest on June 6, 2009 | Leave a Comment »
Get most of the website widgets and tools I’m developing in a single package that is regularly updated. Whenever a new script or script update is available, it will be included in the download file. To stay informed and up-to-date with Acid.JS, please, subscribe to my RSS feed.
The latest additions are in red. Removed or [...]
Read Full Post »
Posted in Browsers, CSS, CSS Hacks, Tips and Tricks, tagged css hack, IE css hack, IE8 css hack, Internet Explorer 8 CSS hack, Internet Explorer 8 hack, Internet Explorer CSS hack on June 4, 2009 | Leave a Comment »
Notwithstanding the improvements in the CSS support in Internet Explorer 8, there may be cases when a CSS hack for that particular browser is necessary. Here is one that works in IE8 Standards Compliance Mode:
.classnameOrElement
{
color /*\**/: blue\9
}
And another one that will be applied in all IE versions:
.classnameOrElement
{
color: blue\9
}
Read Full Post »
Posted in AJAX, Acid.JS, CSS, Forms, Image Galleries, JavaScript, News, Rounded CSS Corners, Search, UX, Web Development, Website Widgets and Parts, XHTML, XML, tagged acid.js, AJAX, ajax cms, ajax guestbook, ajax library, ajax toolkit, ajax tools, browser gui, cms, CSS, css tricks, custom checkboxes, custom radiobuttons, customdialogs, form skinning, form styling, Forms, guestbook, javascript library, js library, selectbox replacement, website controls, website widgets, xmlhttprequest on May 17, 2009 | Leave a Comment »
Get most of the website widgets and tools I’m developing in a single package that is regularly updated. Whenever a new script or script update is available, it will be included in the download file. To stay informed and up-to-date with Acid.JS, please, subscribe to my RSS feed.
The latest additions are in red. Removed or [...]
Read Full Post »
Posted in AJAX, CSS, Forms, Image Galleries, JavaScript, News, Rounded CSS Corners, Search, Tips and Tricks, Web Development, Website Widgets and Parts, XHTML, XML, tagged acid.js, AJAX, ajax cms, ajax guestbook, ajax library, ajax toolkit, ajax tools, browser gui, cms, CSS, css tricks, custom checkboxes, custom radiobuttons, customdialogs, form skinning, form styling, Forms, guestbook, javascript library, js library, selectbox replacement, website controls, website widgets, xmlhttprequest on May 10, 2009 | 2 Comments »
Here is a collection of several (mostly) AJAX scripts created between 2008 and 2009 that you may find useful:
Browser History and Bookmarks in AJAX Websites
Fixing the Browser History (Back and Forward buttons) in AJAX Websites – a small script that makes use of the JavaScript location.hash property to handle the broken back and forward browser buttons in [...]
Read Full Post »
Posted in AJAX, Acid.JS, CSS, Forms, Image Galleries, JavaScript, News, Rounded CSS Corners, Search, UX, Web Development, Website Widgets and Parts, XHTML, XML, tagged acid.js, AJAX, ajax cms, ajax guestbook, ajax library, ajax toolkit, ajax tools, browser gui, cms, CSS, css tricks, custom checkboxes, custom radiobuttons, customdialogs, form skinning, form styling, Forms, guestbook, javascript library, js library, selectbox replacement, website controls, website widgets, xmlhttprequest on May 7, 2009 | 1 Comment »
Get most of the website widgets and tools I’m developing in a single package that is regularly updated. Whenever a new script or script update is available, it will be included in the download file. To stay informed and up-to-date with Acid.JS, please, subscribe to my RSS feed.
The latest additions are in red. Removed or [...]
Read Full Post »
Posted in AJAX, CSS, Content Management, Guestbook.XML, JavaScript, News, Website Widgets and Parts, tagged AJAX, ajax guestbook, free guestbook, guest book, web 2.0 guestbook, xmlhttprequest on May 7, 2009 | 2 Comments »
Guestbook.XML is easy to use, AJAX driven, crossbrowser and skinnable guestbook that will give your visitors pleasant Web 2.0 experience on your website.
The setup of the script is a matter of minutes, and the Admin panel offers 100% flexibility and killer customization options – string customization, profanity filter, html filter, skin changer, various moderation and [...]
Read Full Post »
Posted in CSS, JavaScript, Tips and Tricks, tagged create style tag with JavaScript, createElement, createStylesheet, CSS, cssText, dynamic objects, dynamic styles, styleSheet on May 6, 2009 | 1 Comment »
Sometimes, when working with dynamically created objects on the client, it is needed to style these elements in a specific way. Due to the nature of these objects (for example – unique IDs) , they cannot be styled in the classic way, though. The document.createElement method of JavaScript can be used to create <style>…</style> tag and [...]
Read Full Post »
