HTML5 Placeholder Styling with CSS
4/25/2011: This attribute is not styleable as of Opera 11. Internet Explorer 10 will introduce placeholder support. Last week I showed you how you could style selected text with CSS. I've searched for more interesting CSS style properties and found another: INPUT placeholder styling. Let me show you how to style placeholder text within INPUTelements with some unique CSS code. The CSS Firefox emplo
LightFace: Facebook Lightbox for MooTools
One of the web components I've always loved has been Facebook's modal dialog. This "lightbox" isn't like others: no dark overlay, no obnoxious animating to size, and it doesn't try to do "too much." With Facebook's dialog in mind, I've created LightFace: a Facebook lightbox clone for MooTools. LightFace and its family of classes work well with iFrames, images, AJAX-requested content, static p
Animated AJAX Record Deletion Using jQuery
I'm a huge fan of WordPress' method of individual article deletion. You click the delete link, the menu item animates red, and the item disappears. Here's how to achieve that functionality with jQuery JavaScript. The PHP - Content & Header The following snippet goes at the top of the page: if(isset($_GET['delete'])) { $result = mysql_query('DELETE FROM my_table WHERE item_id = '.(int)$_GET['delete
Create a TinyURL with PHP
TinyURL is an awesome service. For those who don't know what TinyURL is, TinyURL allows you to take a long URL like "https://davidwalsh.name/jquery-link-nudging" and turn it into "http://tinyurl.com/67c4se". Using the PHP and TinyURL API, you can create these tiny URLs on the fly! The PHP //gets the data from a URL function get_tiny_url($url) { $ch = curl_init(); $timeout = 5; curl_setopt($ch,CURL
jQuery Random Link Color Animations
We all know that we can set a link's :hover color, but what if we want to add a bit more dynamism and flair? jQuery allows you to not only animate to a specified color, but also allows you to animate to a random color. The jQuery JavaScript $(document).ready(function() { var randomLinks = $('a.random-color'); var original = randomLinks.css('color'); randomLinks.hover(function() { //mouseover var c
MooTools 1.2 Image Protector: dwProtector Example
Right-click or try to drag the below image to your desktop. MooTools says no! For the sake of this example, I've given the protector image a red border.
Fancy Navigation with MooTools JavaScript
The XHTML <ul> <li><a href="somewhere.php" class="nav">Nav Item 1</a></li> <li><a href="somewhere.php" class="nav">Nav Item 2</a></li> <li><a href="somewhere.php" class="nav">Nav Item 3</a></li> <li><a href="somewhere.php" class="nav">Nav Item 4</a></li> <li><a href="somewhere.php" class="nav">Nav Item 5</a></li> <li><a href="somewhere.php" class="nav">Nav Item 6</a></li> <li><a href="somewhere.ph
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Force Login to View WordPress Blog Pages
Prevent Page Zooming in Mobile Browsers
ID Your Body Using PHP
Replace Content in PRE Tags with HTML Entities
AJAX For Evil: Spyjax with jQuery
Use FURL to Retrieve Website Headers
MooTools Text Flipping
MooTools dwCheckboxes Plugin
Add the Script & Style Feed to Your Website
Send Email Notifications for Broken Images Using MooTools 1.2