Deziner Folioのエントリーから、ウェブサイトのデザインに使用されている、最近の7つのトレンドとそのチュートリアルを紹介します。 Design Trendz ※チュートリアルのいくつかは当方で追加しています。 Lights n Shadows ライトを当てているように、シャドウ効果を持たせます。
Deziner Folioのエントリーから、ウェブサイトのデザインに使用されている、最近の7つのトレンドとそのチュートリアルを紹介します。 Design Trendz ※チュートリアルのいくつかは当方で追加しています。 Lights n Shadows ライトを当てているように、シャドウ効果を持たせます。
640x480, 800x600, 1024x768, 1280x960, 1600x1200の五つのモニターサイズでIE, Fx, Safariなどのブラウザをいっぱいに広げた時に、ブラウザ内の表示領域をまとめた一覧を紹介します。 Web Safe Area 表では各ブラウザの表示可能な領域と、全てのブラウザで表示可能な領域が一覧となっています。 Compare Web Safe Area(全てのデータ) 現在、掲載されているデータは下記の通りです。 モニターサイズ 640x480 800x600 1024x768 1280x960 1600x1200 OS+ブラウザ Windows Vista + IE Windows Vista + Fx Windows XP + IE Windows XP + Fx Mac OS X + Fx Mac OS X + Safari また、サイトでは各
水、水流、水面、水中、滴、雨、氷、水彩など、水を効果的に使用したPhotoshopのチュートリアルの紹介です。
Helvetica等のフォントを無料というかタダでダウンロードできる所みつけたよ。 でもライセンス的なところはかなり微妙かもです。 各スタイルごとにダウンロードするので面倒ですがHelvetica系だけでもTHIN~BLACKまで鬼のような数が揃ってます。 こういう場合に限らずフォントインストールすると各スタイルが独立したフォントとして認識されてしまう場合に、一つの「フォントの各スタイル」みたいな形に変えるのってどうやったらできるんでしょうね。 以下がダウンロードできるフォントたち avenir, gill sans, Square 721, standard 07_53, Square721, segoe, american typewriter, Gill Sans MT, garamond, stone sans, bahamas, officina, franklin gothic
ウェブデザインの世界においてどのようなフォントが好まれて使われているのかを調査した結果、21種類のフォントが選び出されたそうです。どれもこれも使い勝手の良さそうな、見やすくわかりやすい、それでいてインパクトのある英文フォントばかりなので、覚えておいて損はありません。 プロフェッショナルのデザイナーによく使われている21種類のフォント一覧は以下から。 21 Most Used Fonts By Professional Designers | instantShift Helvetica Frutiger Myriad Pro Avenir Std Trajan Optima Std ITC Franklin Gothic Std Futura Bickham Script Univers Eurostile Interstate Trade Gothic Gill Sans Warnock
count! なんかちょくちょく入用な時があるので作ってみました。 ご自由にどうぞ。(あんまりテストしてませんが) ソース javascript:(function() { w=window;d=document;q=w.getSelection?w.getSelection().toString():d.getSelection?d.getSelection():d.selection?d.selection.createRange().text:'';if(q) alert(q.length + '文字です。'); else alert('文字列が選択されていません!') })() どこでもLucky!をベースにしたら一瞬でできました。 ブログは自分のために書くとはよく言ったもんですね。(404 Blog Not Found:読者という神は自らを助くbloggerを助く - blogを
ブックマークレットとは? ブックマークレットは、ウェブブラウザでいつもやっているような退屈な作業をもっと簡単で便利にする無料のツールです。 ブラウザのアドオンなどをインストールする必要は一切無く、下の2つの操作で誰でも簡単に使うことが出来ます。 ブックマークレット(例えば、 Google検索 や 画像を拡大 など)を、Webブラウザのブックマークバーまたはリンクバーにドラッグ&ドロップしてください。 そのブックマークレットを使いたいページを開き、ブックマークバーのブックマークレットをクリックしてください。 ブックマークレットアイコンについて : おすすめのブックマークレット : 標準的ブックマークレット : 実験的あるいは、動作が限定的なブックマークレット : このサイト上で動作をカスタマイズ可能(右下の赤いバッジ) ライセンス このサイトで紹介しているオリジナルのブックマークレットは、M
CSSで実現するスマートなロールオーバー 暇があればコーディングコンテストの作品を眺めているのですが、ほんと勉強になります。 長谷川賞を受信したComplexさんが行っていたロールーオーバーの手法が、JavasScriptも画像置換も使わずにと素敵だったので紹介します。 サンプルはボクの方でアレンジしていますので、オリジナルも合わせて参考にお願いします。 まずサンプルのXHTMLソース <ul> <li class="ajaBtn"><a href="/ajax/"><img src="ajax_a.gif" alt="ajax" /></a></li> <li class="amaBtn"><a href="/amazon/"><img src="amazon_a.gif" alt="amazon" /></a></li> <li class="cssBtn"><a href="/css
IE6とIE7で検証する方法 2006年、待望のIE7がリリースされまた。 これまでIEのCSS実装の不十分に悩ませれた来たwebクリエイターの作業が、楽になるかというとそんなことはありません。 世の中の多くの人がIE6を使用している現状を考えるとIE6に対応させなくてはいけません。 ただ、既にIE7をインストールしたPCではIE6をインストールできない為、通常の方法では検証ができません。 検証を行うにはいくつかの方法がありますが、スタンドアローン版のIE6を利用するのがお手軽でしょう。 スタンドアローン版とは単体で起動できる、つまりインストールせずに使用できるソフトになります。 スタンドアローン版はbrowsers.evolt.orgで配布されています。 IE3~IE6などの古いバージョンのIEが配布されていますのでさまざまなブラウザで検証ができます。 IE6はie6eolas_nt.z
CSS で簡単にメニューの上下中央揃えを実現する ネタ元:CSS で簡単に上下中央揃えを実現する IEでzoom:1とdisplay:inline;を同時に指定するとdisplay:inline-block;と同等の挙動を行うようです。 haslayoutがtrueの場合にdisplay:inlineを指定すれば、inline-blockのようになるようですが、zoom以外のプロパティはdisplay値の影響を受けるプロパティが多く、この方法はzoom以外では利用できないようです。 hasLayoutに関してはコリスさんが詳しく説明されています。 参考:IEでのCSSのバグを回避するhasLayout 以下のプロパティはdisplay:inlineと同時に指定してもhaslayhoutをtrueにできない。 × display:inline-block; × height:any valu
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く