一度書いたコードは二度と探さない！スニペットを究めて快適コーディング！【HTML, CSS, JavaScript】 | WebNAUT by Beeworks
一度書いたコードは二度と探さない！スニペットを究めて快適コーディング！【HTML, CSS, JavaScript】 ※この記事は2013年8月26日に執筆された記事です。現在は仕様が異なる可能性があります。 気がつけば繰り返し同じ単語で検索し、同じコードを書いている…なんてことはありませんか？「この部分の記述、もう一回使うことがあるかも」と思ったらぜひスニペットとして登録しておきましょう！ スニペットとは繰り返し登場するコードの断片、またはそれをすぐに呼び出せるように管理するエディタの機能のことです。自分がよく使用する記述をスニペットにしておけばいちいち検索したり、昔書いたソースを探ってみたりすることなく、使いたい時に正確な記述をサッと呼び出して使うことができます。 Dreamweaver、Sublime Textなどのオーサリングツールやテキストエディタにはスニペットを自在に使うための
IE5.5・IE6で半透明PNGを使いこなす｜クロノドライブ
IE5.5・IE6が半透明PNGに対応してないために、半透明を使用したデザインのコーディングを諦める（または妥協）という苦い経験をしたことはないでしょうか。 そんな人のため（私のためでもありますが・・・）に、IE5.5・IE6で半透明PNGを使う方法をまとめました。 半透明PNGの使い方を覚えて頼れるコーダーを目指しましょう。 ※サンプルを確認するためにはIE6でご覧ください。 IE独自拡張のfilterを使う サンプル（使用前） ◇良いところ ・Java Scriptを使わず手軽に使用できます。 ◇悪いところ ・CSSで背景に指定したものには使えません。 ・クリッカブルマップが使えません。 ・div などのタグで対象画像を囲うため、場合によっては無駄なタグを追加する羽目になります。 ◇使用時の注意点 ・対象画像の幅・高さをCSSプロパティの width と height で必ず指定しまし
画像を矩形以外の形状で表示したい人のためのチュートリアル
画像にPNGマスクを使用して、ブラシストローク状、サークル状など、矩形とは異なる形状で表示するチュートリアルを紹介します。 デモページ もう一つのサークル状のデモは、下記ページのギャラリーのサムネイルとして使用されています。 Roundfolio 画像の枚数が少ないのであれば個別に画像を作成してもよいかもしれませんが、このデモのように数多くあると、このテクニックを使用した方がより効率よく実装できます。 [ad#ad-2] 画像の作り方 画像は3種類が必要で、全て同じサイズにします。 ロールオーバー用の画像 ※透過PNG画像 マスク用の画像 ※透過PNG画像 ベースとなる画像 サークル状に使用する画像3種類 制作：HTML, CSS, JavaScript HTML ロールオーバーとマスク用に2つの空span要素を使用します。 <a href="images/gallery-full.jpg
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Starbucks React Pattern Library