Webデザイナーに役立つWebデザインのネタ、Webデザインに関連するテクニックやツールを紹介しています。随時人気の話題だけをピックアップしているので、Webデザイン業界の動向をまとめ読みするのにも最適です。Webデザイナーの日々のWebデザイン業務にどうぞお役立てください～。
![[JS]div要素に角丸やフェードのボーダーをスタイリングするスクリプト -DivCorners | コリス Webデザイン フィード](/thumbnail/403028.png)
div要素で配置した矩形に、シンプルなボーダーや角丸、フェードのボーダーをスタイリングするスクリプトをroydukkeyから紹介します。DivCorners デモページボーダーは矩形の内側と外側に指定して配置することが可能で、ボーダー自体の幅や高さを指定してスタイリングすることができます。 上記キ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]表データの列と行をハイライトするスクリプト -TargetTable | コリス Webデザイン フィード](/thumbnail/399911.png)
表データのセルにカーソルをあわせると、その列と行をハイライトするシンプルなスクリプトをPreeoStudiosから紹介します。TargetTable デモスクリプトのセットアップは簡単で、既存の表データにも簡単に反映できます。HTMLtableに「class="targettable"」を記述しま... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Firefox , Mozilla , アドオン , フリーソフト , 仕事術ブラウザ上で何度も繰り返す操作を記録・再現できるアドオン「DéjàClick」掲載日時：2010.02.14 20:00 コメント [0], トラックバック [0]WEBサイトで何度も何度も機械みたいに同じ操作を繰り返... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Apple , GTD , Linux , MacOS , Microsoft , Windows , フリーソフト , 仕事術長くて複雑な文字列とはおさらば！スクリーンショットで簡単にスクリプトが書ける「Sikuli」掲載日時：2010.02.13 11:00 コメント [0], トラックバッ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]ブラウザのサイズに合わせてレイアウトがアニメーションで変更されるスクリプト -Sliding Resizable Grid | コリス Webデザイン フィード](/thumbnail/390483.png)
ブラウザのサイズが変更されると、レイアウトがスライドのアニメーションで変更されるスクリプトをHackito Ergo Sumから紹介します。Create Your Own Sliding Resizable Grid [...] [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
jQuery Form Tips Plugin フォーム要素にうっすらデフォルト値を入れてヒント表示できる「jQuery Form Tips」 フォームにデフォルト値を入れておくことで利用者が何をいれていいのか、というのが直感的にわかり、かつスペースもとらないのでよく使われる手法ですが、実装も超簡... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
「Rumix」は、Windows環境へ簡単にスクリプト言語“Ruby”を導入できるソフト。Windows 98/Me/2000/XPに対応するフリーソフトで、本ソフトの公式サイトからダウンロードできる。なお、Windows 2000以前のWindowsで利用する際は別途「gdiplus.dll」が... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
前回のエントリー「とっても使えるoverflowプロパティ。その使い方色々。」の補足で、Dreamweaver使ってコーディングする場合、デザインビューを使ってるとその部分が選択できない問題が有ったと思います。（確認しているのはVer8） 一時的に、宣言を取れば普通に選択できます。さて、ちょっと必... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
CSSで作るシンプルかつクールなボタンサンプル「Simply-Buttons v2」。 次のような丸みを帯びたボタンや、角丸の綺麗なボタンのサンプルがダウンロード可能です。 CSSでスタイリングして、更にJavaScript で押した際のイメージ切替が行われます。 ボタンを押すと以下のようにボタン... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Perl5.8以降における標準的なPerlの書き方を解説します。インターネットで検索するとPerl4のころの古い記述がたくさんあります。また書籍などの多くもPerl4の記法で書かれています。Perl4の記法は複雑になりやすく間違いを生みやすいのでこれからPerlを書く人はPerl5の現代的な記法で... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
光の4戦士を買ったんすが、売り文句通りレトロな感じがしていいですね。 まぁまだ2, 3時間程度しかやってないんで、これからどうなるか分かりませんが時間を見つけてやって行こうかと。さて、以前からoverflowプロパティは使い勝手が良いというか、使う場面が多いプロパティの一つですが、考えてみると色ん... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
ブラウザ上で、JavaScript を使って HTML のソースから HTML 文書を生成するのに、どんな方法があるのか調べました。なお、以下のスクリプトは HTML 文書上で実行することが前提です。表の見方XSLT の HTML 出力createHTMLDocument メソッドcreateDo... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
「HiFi RegExp Tool」を使って超高速に学ぶ正規表現入門。 先日『その場で動作させて確認する正規表現入門ツール「HiFi RegExp Tool」』として視覚的に動作が分かる正規表現ツールをご紹介しましたが、このツールを使った正規表現の入門実習を実際にしてみましょう。 入力してその場で... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
米Microsoft Corporationは27日（現地時間）、Windowsを管理するためのツール・ライブラリを集めたフレームワーク「Windows Management Framework」の正式版をWindows XP/Server 2003/Vista/Server 2008向けに無償公... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Apple , Firefox , Google , Google Chrome , Internet Explorer , Linux , Microsoft , Mozilla , Safari , Webツール , その他 , アドオン , フリーソフト , 検索 , 豆知識クリックトラッキ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Name (必須)Mail address (非公開) (必須)URIRemember personal infoYes NoCommentスタイル指定用の一部の HTMLタグが使用できます。Add Your CommentTrackbacks:0Trackback URL for this en... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
HiFi RegExp Tool - Write and Test Regular Expressions in Real-Time その場で動作させて確認する正規表現入門ツール「HiFi RegExp Tool」 ボックスの中に、正規表現を入れるだけで、リアルタイムにページの内容が正規表現に沿っ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
ウェブページに存在するリンクの中には、文書をPDF形式で開くものがよくあります。 説明書や各種リリースなどを公開するのに便利なこのPDFファイルも、開く方にとってはもどかしいこともありますね。 通常、このようなリンクをクリックした場合、お使いのPDFリーダーを起動してファイルの内容をローカルアプリ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
2009年10月17日タグ ： Ajax , JavaScript , Microsoft マイクロソフトのAjaxに関する動きが目立ってきました。以前のエントリで紹介したように、9月にはAjaxによるWebアプリケーションを最適化して起動速度を改善するツール「Doloto」の配布を開始。Ajax... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
これはすごい。Web ブラウザのアドレスバーに以下を入力し Enter すると、 今表示されている内容を直接編集できる。Firefox 3.0.14 と IE8 で出来 ることを確認した。 javascript:document.body.contentEditable='true'; docum... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
