RecRec - Image to HTML WEBレイアウトの画像をアップしてドラッグ＆ドロップでHTMLに変換できる「RecRec」。 サイトのレイアウトの画像をアップロードして、ブロック部を選択するだけでHTMLとCSSを出力できるWEBベースのツールです。 生成されるHTMLはdivベース... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
見出しのデザインを集めたWEBデザインギャラリーMenuTOP一覧グラデーションテキストのみ上線下線丸四角囲み線斜線点線角丸aboutいろんなWEBサイトの見出し部分を集めました。デザインの参考にどうぞ。そのサイトがリニューアルした場合は画像の見出しが使用されていない場合があります。linkウェブ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
どういう需要があるのかはわかりませんが、画像ファイルを一切使わずにCSSのみで作ったアイコン集「Peculiar」です。ページ上ではサンプルとして16×16ピクセルですが、実際にはいくらでも拡大が可能となっています。 詳細は以下から。 Peculiar http://lucianmarin.com... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
The requested blog was not found -- unless you requested that of Dan Kogai (小飼 弾).ソースはこんな感じ。/** You need base64.js.* cf: http://blog.livedoor.jp/dank... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
すでに激しく既出ですが、初めてやったのでメモ的にエントリーしておきますよ。Internet Explorer 6でも透過PNGを使う方法ですね。本当は「IE6、爆発（ｒｙ」と思っていたりするわけですが、百式クーポンで必要だったのでやってみました。↑ このバッジを表示させるのに必要だったので・・・。... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
AjaxianIE9がCanvas要素をサポートすることで、これまで広く使われてこなかったテクニックが、もしかしたら注目されることになるかもしれない。Ajaxianに掲載されているWant to pack JS and CSS really well? Convert it to a PNG an... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Ext JS is now SenchaiPhone 4のようなディスプレイピクセル密度が高いデバイスの登場で、WebデザイナやWebデベロッパの関心は、異なるピクセル濃度のデバイスにどのように対応するかといった点に集まりつつある。基本となるテクニックのいくつかはすでにいくつかのブログで紹介されて... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
この記事は8/23に掲載された「Resolution Independent Mobile UI」を訳したものです…または… ピクセルはピクセルじゃないんです。「SASSとCSS3のメリット（the benefits of SASS and CSS3）」（英語、未訳）という記事の中で、解像度に依存... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Tech Drive-in - Technology, Linux, Ubuntu FTW主要ブラウザの対応が進んでいることもあり、HTML5の技術を活用したデモンストレーションサイトが増えている。現在主流の技術と互換性が高いことから、すでにHTML5を採用すべきという意見もある。ブラウザの更新頻... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
iPhone4 がついに届いて興奮気味のgunjiです。 2週間待ちでした！待ってる間に、iPhone4も対象としたWEBアプリ（ネイティブアプリのweb view を含む） のコーディングで気をつけることについておさらいしていたところ、Retinaディスプレイに画像を対応させるのって意外とめんど... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
WaltPad - A TypePad-powered blog by Walt DickinsoniPhone 4のディスプレイ解像度はiPhone 3GS/3Gに比べ縦2倍、横2倍になっている。Retinaディスプレイと呼ばれるこの高DPIディスプレイはフォントなどのスケーラブルデータを美しく... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]サイズが不明なボックスいっぱいに背景画像を表示するスタイルシート | コリス フィード](/thumbnail/465252.png)
一枚の画像で、サイズ指定があるものやないものなど異なるサイズのボックスいっぱいに背景を表示するスタイルシートを紹介します。CSS3 Background Images – 100% width/height of container デモ上記三つのデモは上から順に、widthとheightの指定あ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]画像の四辺のボーダーを一味違ったスタイルにするチュートリアル | コリス フィード](/thumbnail/457285.png)
デモのキャプチャ（100%） ※クリックで全表示実装は下記のようになります。HTML疑似要素「:after」を使用するため、spanでimg要素を内包します。疑似要素「:after」を使用して、スタイルを適用します。span,img{padding:0;margin:0;border:0;}.fa... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
昨日ご紹介した「【微18禁】 なにげないテキストに隠されたアート…」を読んで早速ジェネレータを作ってくれた人がいましたよ！素晴らしい…というか、仕事速すぎ！使い方はカンタンで好きな画像をアップロードしてちょっと待つだけですね。↑ 画像ファイルの種類やサイズの制限があるのでご注意！↑ なんの変哲もな... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
jQueryとCSSで、ボタンがゆっくりと切り替わるチュートリアルです。とても簡単にできる上に、実用面での使い勝手も良いかもしれません。まずは、こちらのデモをご覧くださいDemoマウスオーバーでゆっくり画像が切り替わるのがお分かり頂けると思います。jQueryでシンプルに動かしています。使用するに... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 JQuery:ProfessorCloud: 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
画像は一切使ってない！？CSS3だけで描いた“ドラえもん”がすごい2010年5月6日 14時05分コンピュータ・IT文：飯塚朋子こちらの“ドラえもん”のイラスト、どうやって描かれていると思いますか？PhotoshopやIllustratorなどの画像編集ソフトで描かれているようにも見えますが、実は... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
12 Excellent CSS3 Button and Menu Techniques | Tutorials 綺麗にデザインされたCSS3ボタンのエントリがまとまってましたのでご紹介です。 ボタンと言っても奥が深くていろんなデザインがありますが、サンプルとして把握しておけば実装したいときに参考... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
かっこいいスライドショーを作りたい。そんなときにおすすめなのが、『28 Useful JQuery Sliders You Need To Download』。jQueryのかっこいいスライドショースクリプト集です。かなりいい感じのものが揃っています。Automatic Image Slider ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ショートカット背景｜ 画像加工｜ ボタン｜ ナビゲーション｜ ロゴ｜ CSS｜ 素材サイト背景Fresh Generator グラデーションや角丸をpng形式で作成できます。【Box】ボックスのサイズ・色・不透明度・影【Corners】角丸の有無・カーブの加減【Border】ボーダーのサイズ・色・... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
