ノンデザイナーも必見！Twitter BootStrapの特徴と導入前に確認すべき事 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちわ。アートディレクター兼2児のパパ、長岡です。 毎回子どもネタですが、最近アンパンマンを指さして「パンパーンパン」とそれっぽい発音をしている息子を見て「こいつ可愛いな」と癒されています（笑） 屈託のない笑顔と持ち前のあどけない仕草で、保育園のマダムたちをイチコロ（表現が古い？）にしているそうです。将来がちょっと心配です・・・。 さて今回は、HTML5・CSS3・jQueryを使用したフロントエンドツールの王道「Twitter Bootstrap（※ver2.3.1）」のお話。 ※この記事を書いている最中にver3.0がリリースされました！（汗）後でゆっくり触ってみたいと思います。 ▲Twitter BootStrap ver2.3.1 Web制作者なら、一度は触れたことがあることと思います。 そのまま使ってみたり、カスタマイズして使ってみたり・・・。 使い方を間違えなければ、とても
美しいWebデザインをタイプ別に！見ないと損するパーツ別ギャラリーサイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
中型ライダー（二輪）免許を持っているライターの内藤です。 本日は、ライダーキック並みの強烈さで役に立つ見本サイトをまとめてみたいと思います。 Web屋さんはご存じの方も多いかもしれませんが、ブログをしている一般の方、Webデザイン・DTPに興味のある方、お店を持っている方なども必見です！ 部品に特化した見本 部品に特化した見本サイトをご紹介します。 見出しデザイン（h1,h2,h3……その他DTPでも） はじめは見出しデザインに特化した見本サイトまとめ。 見出しデザイン.com http://midashi-design.com/ 見出しタグ（h1,h2,h3……）のデザインの見本ですが、DTPなどでもヒントになるものがたくさんあります。 カテゴライズは、グラデーション・テキストのみ・テキスト非画像・上線・下線・丸・四角・囲み線・斜線・点線・角丸。 ヘッダー部分に凝っても見出しが適当だと全
水平型リストで画像を並べた時の隙間を消す6つの方法｜web bibo
display:inline;を指定して水平に並べた場合、要素と要素の間に隙間が生じます。 これは空白類文字といって、ソースコード内の改行は半角スペースくらいの空白に変換するそうです。 XHTML&CSSを記述 li { display: inline; } <ul> <li><img src="/images/tips/h_list_space_01.png" alt="HTML" /></li> <li><img src="/images/tips/h_list_space_02.png" alt="CSS" /></li> <li><img src="/images/tips/h_list_space_03.png" alt="JavaScript" /></li> <li><img src="/images/tips/h_list_space_04.png" alt="PHP" /
Twitter Bootstrapのさまざまなテーマをダウンロードできる『Bootswatch』 | 100SHIKI
個人的にいじっていて便利そうだったのでご紹介。 Bootswatchは、Twitter社が提供するTwitter Bootstrapのさまざまなテーマをダウンロードできるサイトだ。 Twitter Bootstrapといえば簡単に今風デザインのサイトを作れるCSSフレームワークだが、それで作ると「あー、黒いトップバーだし、Twitter Bootstrapね」的になってしまうのが難点だった。 最新版ではテーマをカスタマイズできるツールもついているが、配色などを考えるのが面倒な人もいるだろう。そういう方はBootswatchを利用してみてほしい。 それにしてもどんどんウェブ作りが簡単になっていきますな・・・。
A.A.O.-公共機関サイト支援プロジェクト
2006年より開始し19年目となる2024年度公共機関ウェブサイト調査を実施します。 A.A.O.サイト、A.A.O.セミナーにて、調査結果及び解説を公表予定です。
Webアクセシビリティを理解し実践するためのポータルサイト『infoaxia(インフォアクシア)』
Accessibility is the Web. 「エー イレブン ワイ」は、Webアクセシビリティの情報提供Webサイト。 ユーザーフレンドリーでみんなが利用できるWebコンテンツづくりをサポートします。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
html5-memo.com
Components · Twitter Bootstrap
IDEA * IDEA
Amazon.co.jp: XHTML&CSSデザイン |基本原則、これだけ。: こもりまさあき, 神森勉, 小林信次, 矢野りん: 本
Dreamweaver プロフェッショナル・スタイル [CS3対応]![Dreamweaver プロフェッショナル・スタイル [CS3対応]](https://cdn-ak-scissors.b.st-hatena.com/image/square/fe9f9fc0c807df5d154c7decf602a2e112d75c73/height=288;version=1;width=512/https%3A%2F%2Fm.media-amazon.com%2Fimages%2FI%2F31YE7dzwWXL._SL500_.jpg)
DesignWalker