RecRec - Image to HTML WEBレイアウトの画像をアップしてドラッグ＆ドロップでHTMLに変換できる「RecRec」。 サイトのレイアウトの画像をアップロードして、ブロック部を選択するだけでHTMLとCSSを出力できるWEBベースのツールです。 生成されるHTMLはdivベース... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
HTML5/CSS3/jQueryをはじめ、サーバーやプログラミング、デザインなどウェブ制作関連のチートシートをまとめているサイトを紹介します。下記はチートシートを分類しているタグの一部です。Quickly Code [...] [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
見出しのデザインを集めたWEBデザインギャラリーMenuTOP一覧グラデーションテキストのみ上線下線丸四角囲み線斜線点線角丸aboutいろんなWEBサイトの見出し部分を集めました。デザインの参考にどうぞ。そのサイトがリニューアルした場合は画像の見出しが使用されていない場合があります。linkウェブ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
iPhoneなどのモバイルデバイスには320px、iPadやネットブックには768px、デスクトップなどのブラウザには1280px、三種類のデバイスにあわせてレイアウトを切り替えるフレームワークを紹介します。Less Framework 2ベースとなるカラムは下記のようになります。iPhoneなど... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
WanderWall ? A jQuery, CSS3 & HTML5 Hover-Based Interface | AddyOsmani.com | Where User Interface Ideas Grows jQueryとCSS3、HTML5でここまで出来るホバーインタフェース。 jQ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
WebデザインとCSSは切っても切れない関係です。 CSS、Webデザイン初心者さんは、色んなWebサイトを見て「これってどうなってるんだろう…」と思うこともたくさんあると思います。 私は色んなWebデザインを見て、CSSでどう表現するか？と考えることはとても大事だと思っています。 CSSというと... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Webサイトを制作する時のWebオーサリングツール・HTMLエディタは何を使用していますか？きっと多くの人がDreamweaverを使っていると思います。私もそうでした。が、最近私のまわりのWebデザイナーがみんなCodaというソフトを使っているのに気づき、試したところ、あまりにも使い勝手がいいの... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
よくあるツールではあるが、コンパクトにまとまっていて便利なのでご紹介。CSS3 Makerを使えば、CSS3のいろいろな技術をインタラクティブに試すことができる。角丸やグラデーション、アニメーションなど、表現力がぐっと向上したCSS3を体感するにはいいだろう。もちろんそうして試したあとはソースをダ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
2010年8月28日土曜日無料でつかえるCSS/（X）HTMLのテンプレート38個By ianw勉強になります。テンプレートとして利用しなくても、ソースみてるだけでかなり勉強になるはず。デモサイトで気に入った物を見つけたら、ソースを読み込みましょう。”神は細部に宿る”という言葉はWebデザインにも... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Frustrated with the quality of free CSS templates online but aren’t quite to the level of building your own? Tired of spending hours trying to custom... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 リセットCSS配布所、、、なんだけど、見出しとかは基本的なスタイルが当たってる。。。 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
715 Awesomely Simple and Free CSS Layouts | Design Shack シンプルでフリーな使えるCSSのレイアウト集７１５が紹介されています。 １から作らないでもこうしたものに頼ればすぐに出来ますね。自分の好みの使いやすいページを覚えておくとレイアウト作成... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Webツール , その他 , デザイン角丸や文字装飾からアニメーションまで自動作成できるCSS3ジェネレータ「CSS3.0 Maker」掲載日時：2010.08.25 18:00 コメント [0], トラックバック [0]最近、CSS3のチュートリアルなど、CSS3関連の記事をよく見かけます。C... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Ext JS is now SenchaiPhone 4のようなディスプレイピクセル密度が高いデバイスの登場で、WebデザイナやWebデベロッパの関心は、異なるピクセル濃度のデバイスにどのように対応するかといった点に集まりつつある。基本となるテクニックのいくつかはすでにいくつかのブログで紹介されて... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
この記事は8/23に掲載された「Resolution Independent Mobile UI」を訳したものです…または… ピクセルはピクセルじゃないんです。「SASSとCSS3のメリット（the benefits of SASS and CSS3）」（英語、未訳）という記事の中で、解像度に依存... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 CSS3でこんなこと出来るよ-まとめ25選。 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
まえおきご存知のとおりIEはCSS3に対応していません。 このブログでは以前コリス：たった一行を追加するだけでIE6/7/8をCSS3対応にする -CSS3 PIEで紹介されていたbehaviorスクリプトを使用しています。IEでも一部丸角やボックスシャドウが表現されていますが純粋なCSS3での表... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
制作者側にはかなり普及してきた感もあるHTML5。 情報は溢れていますが、自身も少しづつ勉強してきたのでXHTML1.0との違いなどをメモがわりにアウトプットしてみた。 (マークアップメインの話です) HTML5はW3Cより2008年1月22日に草案が発表され、2010年8月現在も草案の段階です。... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]text-shadowのカラー指定にRGBaが便利な訳 | コリス フィード](/thumbnail/474007.png)
text-shadowのカラー指定に何を使うかというのを意識していませんでしたが、下記のチップスを読んだら「なるほど」と思ったので、紹介します。A CSS3 Tip デモページ（当方作成）「text-shadow」のカラー指定には「black」「#000」などが使用できますが、「text-shad... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Tech Drive-in - Technology, Linux, Ubuntu FTW主要ブラウザの対応が進んでいることもあり、HTML5の技術を活用したデモンストレーションサイトが増えている。現在主流の技術と互換性が高いことから、すでにHTML5を採用すべきという意見もある。ブラウザの更新頻... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
