Initializerとは? Initializrは、HTML5対応のWebサイトの雛形を生成できるWebサービスだ。Modernizr、jQuery、Bootstrap2といったJavaScript/CSSライブラリに対応しており、マウスクリックで構成をカスタマイズするだけで、Webサイトの雛形... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Twitterをはじめコミュニケーションが基本のサービスで欲しくなるのが吹き出し風のデザインです。そんなデザインをオンラインで簡単に作成できるのがCSS Arrow Pleaseです。 0 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Home > まとめ > その他まとめ > 「シンプル・イズ・ベスト」、ミニマルデザインの無料WordPressテーマ素材20個まとめ 必要最低限の機能やコンテンツ、写真などを、可能なかぎりシンプルにレイアウトする、ミニマルデザイン。 分かりやすく情報をまとめるだけでなく、Webデザインのトレン... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
美しい単一ページの無料テンプレート集。 CSS/HTMLの勉強にも使えそうですが、細かいところで単一ページらしいアイデアが使われているところも見所です。 色々と使い所満載のテンプレート集 単一ページだからと思って油断していましたがなかなかのクオリティでびっくり。 Free Single-Page ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]余分なHTMLは加えずに、セマンティックに実装するスマートフォン用のナビゲーション | コリス フィード](/thumbnail/713667.png)
デスクトップ時はアイテムが水平に並び、スマートフォン時は省スペースのドロップダウン型に変わるナビゲーションを実装するチュートリアルを紹介します。 デモページ：幅480pxで表示 実装 HTML HTMLは非常にシンプルで、リスト要素を使いnav要素で内包するだけです。 <nav id="nav-w... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
[HTML・CSS] CSS3で影をつける際に役立つ、ドロップシャドウバリエーションいろいろ [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
どうも、@OZPA です。 先月、当ブログのテーマをWordPressにて自作した私。 しかしながら、実はそれまでWordPressの知識どころかhtmlすらろくすっぽきちんと理解していない人間だったのです。 今回はそんな私がWordpressのテーマを一から自作するまでにやったことを備忘録がわり... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
スマートフォンが普及してきて、Webサイトを作る時、スマートフォンサイトも一緒に制作している方も多くなってきていると思います。私もスマホサイトを制作する機会が増え、だんだんEvernoteに保存していたスマートフォンサイトを作る時の小技がたまってきたので、iPhoneで使える小技を中心にまとめて記... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
グローバルナビゲーションはロゴの下に配置されていることが多いですが、スクロールするとナビゲーション部分だけが上部に固定されるようなものをjQueryでやってみたいと思います。 html & css htmlです。 html <h1><a href="#">タイトル</a></h1> <div cl... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
みなさんは、サイトをスクラッチで作る時にどうされていますか？ HTMLやCSSをイチから作り込んでいくのは大変ですよね。 フリーでHTMLやCSSのテンプレートもいろいろありますが、デザイン要素がガチガチで修正しづらかったり、あまりにもシンプルすぎて結局ゴリゴリ作らないといけなかったりします。 最... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
InitializrっていうHTML5のテンプレ を15秒で作成出来る(らしい)ツール があるんですが、このWebツールが、 話題のTwitter Bootstrap 2にも対応 したみたいです。人気のフレーム ワークなのでありがたいですねー。 土曜日ですし、軽い話題。15秒でHTML5のテンプレ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 なにこれクソ便利。便利と思う前にTwitterBootstrapに+αしてこのようにリリースしていることにすごく関心する。見習うべきところはそこ 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
PHPCSSフレームワークのような、Webアプリのフロント用ツールキットのような、TwitterのBootstrapがいい感じです。フォームのmargin/paddingの具合やプリセットの表現がほんとスマートで、やりすぎないのにすごく丁寧。http://twitter.github.com/bo... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Webデザイン(220)デザイン(554)Webサービス(967)Web開発(81)Web制作(41) シャッフル 【HTML/CSS】見出しデザインの参考になるWEBサイトまとめ [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
HTML5+CSS3のテンプレートを集めているページのまとめ [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
シリーズっぽくやってたSassを覚えようですが、今回は今までご紹介したSassに関する知識が有れば、直ぐにでも使えそうな一式をご用意しました。 まぁ、HTMLとかは過去の新規でサイトを作るのに使えそうなの一式。とそんなに変わってないので、SCSSファイルだけ有れば良いと思いますがHTMLとかあった... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ブラウザなどの制約によってまだまだ全ての現場で利用できるとは言いがたい状況ではありますが、国内でも徐々に利用されてきているHTML5。そろそろ手をつけようと思っているWEBクリエイターの皆様も多いと思います。そこで今回紹介するのはHTML5+CSS3を利用した汎用テンプレート「HTML5 Rese... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
50 Beautiful Yet Free HTML5 And CSS3 Templates | Free and Useful Online Resources for Designers and Developers ビューティホーなHTML5＆CSS3テンプレート５０ HTML5、CSS3の... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 jsやcssもスケルトンとして一通り用意して、classは一杯あるからExploreElementsを見ながら使ってね、って感じかな。css疎いから有り難い 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
結構参考になったので備忘録がてら ご紹介。Webサイトの制作スピードを より向上させるために、汎用的なUI を集めて、マークアップも綺麗な状態 で済むように設計されたスターター キット、というかフレームワークです。 制作スピードを向上させる目的で作られたHTML5フレームワークです。レイアウトだけ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
