[B! CSS] Bi-213のブックマーク

縦書きWeb普及委員会

日本語の組版において「縦書きと横書きの選択肢がある」ということは極めて自然ですが、世界的にはマイナーな書字方向でもあります。一方、東アジアでは縦書きを利用している国が一定数あり、横書きの文化圏においても縦書きを利用するケースが「珍しい」というほど少なくないことも事実です。横書きの文字組が中心だった Webの世界において、縦書きの知見を取り込み、縦と横の文字組を自由にデザインできるようになることで、 Webデザインは更なる自由と高い表現の可能性を獲得できると言えます。私たち『次世代Webブラウザのテキストレイアウトに関する検討会（縦書きWeb普及委員会）』は、縦書きレイアウトの国際標準化活動を推進し、縦書きWebコンテンツの普及促進に取り組んでいます。 The concept of being able to choose between a h

Bi-213 2016/05/19

リンク

とほほのBootstrap 3入門 - とほほのWWW入門

このページは「Bootstrap 3」について説明しています。Bootstrap 4 については、「Bootstrap 4入門」を参照してください。 Bootstrap は、スマートフォンなどのモバイル端末にも対応し、レスポンシブデザインを採用した HTML, CSS, JavaScript フレームワークです。 Twitter 社で開発され、最初は「Twitter Bootstrap」と呼ばれていましたが、現在は「Bootstrap」となりました。ライセンスは MIT License で、商用利用も可能です。現時点(2018年5月6日)の最新バージョンは 4.1.1 です。 Bootstrap 2 と Bootstrap 3 以降では一部互換性の無い機能があります。 2018年1月に Bootstrap 4 も正式リリースされました。

Bi-213 2016/02/15

リンク

いま同人特設サイトが熱いっていう話 - MILKWALKEEのブログ

2014-06-22 いま同人特設サイトが熱いっていう話ここ最近何か同人イベントがある度に、個々の作者がかなり凝ったデザインのWEBページを作成してるっぽい現象がある、告知ページというかティザーとかいうかそういうの。WEBデザインとか全然詳しくないからWordPressがどうのとかCSSがどうとかそういうの全然分からないけど、自分が作ったものに対して誤解なく正確に内容が伝わることは非常に大事。これはこういう理由で作って、こういう形で、中身こうなってます。売り手が買い手にわかりやすくプレゼンするっていうの大事。リフレーミングとかビジュアライゼーションとかそういうの有るっぽいけど、デザイン、特にウェブでの情報は受け手に分かりやすく伝えましょう、っていうの最近の流れだと思う。同人特設サイト簡単に作れるっぽい Tumblrで同人音楽CD特設サイトが簡単に作れるレスポンシブなテンプレート「Tok

Bi-213 2014/07/13

リンク

意外と知らない？アイコンはWebフォントでつくるとこんなに便利！

Webフォントでアイコンをつくろう！ゆとりジェネレーションのほんだです。最近、Webフォントを使用する仕事に多く携わった関係で、 Webフォントを有効活用したものすっごく素敵なマークアップ方法に気づきました。ずばり、アイコンやちょっとしたイラストをWebフォントで作成する、というものです。（以下のデモはGoogle Chromeなど、モダンなブラウザ推奨です。） jsdo.it のシンボルフォントを使用する - jsdo.it - share JavaScript, HTML5 and CSS アイコンを作成するだけだと、あまり新鮮さはありませんが、 CSS3時代のいま、これはとっても有効なマークアップ方法となっています。詳しくは、つづきからどうぞ！色をつけるフォントなのでCSS「color:」で指定するだけで色をつけられます。もちろんマウスオーバー時に色を変更するのも、C

Bi-213 2012/05/16

リンク

【HTMLタグの簡単検索】TAG index - ホームページ作成情報

リファレンスについて HTML リファレンス HTML Living Standardに対応したリファレンスです。 HTMLタグリファレンス HTML4の時代に作成したリファレンスです。古いWebページを更新する際などに参考にしてください。 CSS リファレンス CSS2の時代に作成したリファレンスです。

Bi-213 2010/09/01

リンク

CSSのレイアウト作成に役立つ便利なリソースいろいろ

最近のページやサイト作成に欠かすことのできない「CSS（カスケーディング・スタイル・シート）」ですが、そのレイアウト作成を行う際に便利なリソース22種類です。ゼロから作るよりは楽に製作できるはず。詳細は以下の通り。 40種類のCSSレイアウトがそろっています。 Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download! CSSのフレームワーク blueprintcss - Google Code 16種類の異なるCSSベースのレイアウト intensivstation :: CSS Templates :: Templates 12種類のCSSによるレイアウト Dynamic Drive CSS Layouts- CSS Frames CSSのレイアウトを作成する

Bi-213 2010/08/11

リンク

死ぬまでに見ておくべきCSSデザインサイト集まとめ - GIGAZINE

ということで、今まで数限りなくネットのあちこちで紹介されてきたCSSデザイン関連のサイトがリスト化されてまとめられたようです。これだけあれば当分はブログなどのデザインのネタに困ることはなさそう。インスピレーションを得るのに使うもよし、デザインの参考にするのもよし、知っておいて損はないものばかりです。リストは以下の通り。 CSS Beauty | CSS Design, News, Jobs, Community, Web Standards http://www.cssbeauty.com/ CSS Drive- Categorized CSS gallery and examples. http://www.cssdrive.com/ Stylegala - Web Design Publication http://www.stylegala.com/ CSS Mania http: