[CSS][縦書] CSS研究部Webサイトを立ち上げました｜TechRacho by BPS株式会社
お久しぶりです、hachi8833です。 9月に弊社内にてCSS研究部会が結成され、このたび以下の公式ページを公開いたしました。 CSS研究部 -- BPS株式会社 第一回部会 -- part 1 弊社では日本語縦書きビューアエンジン[超縦書]電子書籍での縦書き表示に力を入れており、CTOのbabaさんを始めとするメンバーが、W3CのCSS仕様と各ブラウザでのCSS実装の違いなどの先進的な課題に日々取り組んでいます。 部会での成果は今度上のページにて継続的に発表いたしますので、どうぞご期待ください。 ブラウザごとに縦書き表示がいかに異なるか CSS部ページのお披露目代わりに縦書き表示のサンプルをご紹介します。CSS研究部トップページの冒頭に掲載されている縦書きサンプルを使用して、ブラウザによる縦書き表示の違いを確認できます。皆様の環境ではどのように表示されるでしょうか? ご自由にさまざまな
![[CSS][縦書] CSS研究部Webサイトを立ち上げました｜TechRacho by BPS株式会社](https://cdn-ak-scissors.b.st-hatena.com/image/square/688799418e6705d87fd79219f7e27f11b84a007b/height=288;version=1;width=512/https%3A%2F%2Ftechracho.bpsinc.jp%2Fwp-content%2Fuploads%2F2014%2F11%2Fcsslab-square-e1416377125309.png)
CSS Writing Modes Level 3
CSS Writing Modes Level 3 日本語訳 このページ は、 W3C により，副題の日付にて編集者草案として公開された† CSS Writing Modes Level 3 を日本語に翻訳したものです。 この翻訳の正確性は保証されません。 この仕様の公式な文書は英語版であり、この日本語版は公式のものではありません。 【 と 】で囲まれた部分は【訳者による注釈】です。 （他のウェブ関連仕様の一覧と共通機能の詳細） 更新：2014-11-24 （公開：2014-06-18 ） このページの大部分はスクリプトにより生成されています（ 古いブラウザなど，一部のブラウザには対応していません： ）。 本文ダブルクリックで当該箇所の原文が表示されます（左下隅に各種 表示切替ボタン — CSS や DOM の対応が古いブラウザでは、一部機能しないことがあります）。 誤訳その他ご指摘／ご意
CSS Flexible Box （Flexbox） を使ってみよう - 最新仕様対応版 | WWW WATCH
スクリーンサイズや可変するウィンドウサイズなどに柔軟に対応するレイアウトが可能な CSS Flexible Box について、最新の W3C 仕様に基づいた解説をサンプルソースを使いながらやってみます。 CSS3 のモジュールとして策定されている CSS Flexible Box （CSS3 Flexbox） は、CSS によるレイアウトを実現するための仕組み。 レイアウトのための CSS プロパティは他にもありますが、CSS Flexible Box は特にスクリーンサイズや可変するウィンドウサイズなどに柔軟に対応した、その名の通りフレキシブルなレイアウトが可能です。 現在最新の仕様書は下記。2012年 9月 18日付けで勧告候補になっています。 CSS Flexible Box Layout Module - W3C Candidate Recommendation, 18 Septe
koboのEPUB3縦書きをためしてみた (CSS組版ブログ)
前回記事ではUTR50（Unicode縦書きの文字の向き仕様）の議論を紹介しましたが、UTR50が何に使われるかというと、まずCSSの縦書き仕様（CSS3 Writing Modes）であり、それを使っているEPUB3の縦書き実装です。そこで最新のEPUB3対応リーダー（とくにkobo Touch）で縦書きの文字の向きがどうなっているか、ためしてみました。 縦書きでの文字の方向をテストするEPUB3サンプルを作りました。 EpubTextOrientation.kepub.epub: いくつかの文字について-epub-text-orientation対応をテスト UnicodeVertical2.kepub.epub: Unicode全体について縦書きの文字の向きmvoとsvoをテスト 次の画像は、サンプルEpubTextOrientation.kepub.epubをkoboで表示したもの
UTR50（Unicode縦書きの文字の向き仕様）標準化のために (CSS組版ブログ)
ツイッターでの議論（ハッシュタグ #UTR50）のまとめサイト： UTR#50（Unicodeの縦書きの文字の向き）の話題 #UTR50 議論は主に2つあると思います。 SVO（英数字正立）の議論 ひとつはUTR50が定義しようとしている2つの縦書きモード SVO（Stacked Vertical Orientation = 英数字も正立）およびMVO (Mixed Vertical Orientation = 英数字は横倒し）のどちらが日本語の縦書きのデフォルトの文字の方向として便利であるかということ。今朝の @TokKoba （小林徳滋＠アンテナハウス）のツイート: 「英数字正立論」を「SVOを基本とするコンテンツマークアップのすすめ」という題名に変更しようかと思案中。横書きした文書を縦書きで表示したとき、できるだけそのまま読め、かつ、マークアップが容易という点で、MVO方式よりSVO
W3C日本語組版ノートとCSS3 2012-03 @ JAGAT
2. HISTORY Year JIS W3C/IDPF Products 1993 JIS X4051 Word 6.0 1995 Word/Outlook 95 1997 Word/Outlook 97 1999 International Layout (WD) 2000 IE 5.5 2001 CSS3 module: text (WD) IE 6, InDesign 1.0 2003 CSS3 Text Module (CR) 2005 CSS Text Module Level 3 (WD) 2008 JLREQ 2010 WebKit 2011 EPUB 3.0 2012 JLREQ
Building Books with CSS3
You can style each of these page areas individually, if for example you want to add navigation tabs or running headers or footers (see below for more on those). The Paged Media Editor’s Draft has a great description of sizing and positioning of margin boxes. All but the corner margin boxes have variable widths (for boxes on the horizontal edges) or heights (for boxes along the vertical edges), and
CSS3 Reference ～ CSS3のリファレンスサイト ～
ようこそ、CSS3 Reference ～ CSS3のリファレンスサイト ～へ。 ここではCSS3 のデモンストレーションと解説を行っています。 2018/07/28 レスポンシブ対応しました。 2011/05/10 リスト関係できました。相変わらずな感じです。 2011/05/09 内容追加関連、できました。これも相当に未実装のプロパティが多いです 2011/03/24 ページメディア関連、できました。どう見てもページ関係無いのが幾分混じっています。 2011/03/02 ベーシックボックス関連、できました。どんだけ多いの。。 2011/01/10 テキスト関連できました。すごい未実装ぷりです。 2011/01/01 グリッド関連できました。全然実装されてないので解説のみ。 2010/11/02 アニメーション関連できました。ぬるぬる動きます。ホントにぬるぬるした感じです。 2010/1
CSS reference - CSS: Cascading Style Sheets | MDN
CSS Tutorials CSS basics CSS first steps CSS first steps overview What is CSS? Getting started with CSS How CSS is structured How CSS works Assessment: Styling a biography page CSS building blocks CSS building blocks overview CSS selectors Type, class, and ID selectors Attribute selectors Pseudo-classes and pseudo-elements Combinators Cascade, specificity, and inheritance Cascade layers The box mo
CSS3の勉強になるかも！？画像を使わないボタンの作成手順
CSS3を使うと画像のようなボタンも簡単に作れます。よくあるタイプのボタンですが、できあがりのコードだけだと勉強にならないので、作り方を順番に紹介していきます。 今回、ChomeとFirefoxで動作確認しています。IEだとグラデーションが使えないので、同じボタンがたくさんあるように見えます。スマホサイト用なんかだと十分実用的だと思います。
HTML5の基本的なシンプルテンプレート「HTML5 Reset」
ブラウザなどの制約によってまだまだ全ての現場で利用できるとは言いがたい状況ではありますが、国内でも徐々に利用されてきているHTML5。そろそろ手をつけようと思っているWEBクリエイターの皆様も多いと思います。そこで今回紹介するのはHTML5+CSS3を利用した汎用テンプレート「HTML5 Reset」。 こちらのテンプレートは基本的なCSS、リセットCSSなど非常に分かりやすい構成で組み込まれており、カスタマイズして利用したり、構造を学んだりすることができるようになっています。 詳しくは以下 こちらのテンプレートは2010年から公開がスタートし、バージョンアップが続けられれ、現在はV2としてリリースされています。 本を読み解いて覚えるのは確実ですが、時間がかかりますし、HTMLの基礎ができている方であれば、習うより慣れろで、こう行ったテンプレートを触っていったほうが、遥かに学習効率がよさそ
画像を一切使わずCSSで描かれた「けいおん！」の澪がマジですごい！
今回紹介するのは、画像を一切使わずにhtml+CSSだけで「けいおん！」の秋山 澪を描いた技術デモ作品です。実際に作品を見てもらえば分かると思いますが、ものすごくクオリティが高くて普通に画像にしか見えないレベルです。久しぶりにCSSで絵を描く作品で驚かされたので、これはぜひ紹介せねばと思い記事を書きました。 「けいおん！」（K-ON!）は、軽音楽部で4人の高校生たちがガールズバンドを組み、音楽活動を行っていくストーリーで人気のかきふらい氏による4コマ漫画作品です。2年前にアニメ化、今月12月より映画が公開されている人気作品ですね。秋山 澪はその作品に登場するキャラクターです。その秋山 澪をまったくの画像なしで、html+CSSのコードだけで表現しています。 私も以前にCSSでドラえもんなど様々な作品を描いたりしましたが、はっきりいってhtml+CSSのコードだけで絵を描くのはとても大変です
HTML5 and CSS3 - Adobe - The Expressive Web - Beta
The Expressive Web is an Adobe-curated resource website for the advocacy, support, and advancement of HTML5 and CSS3 web development.Copyright © 2011 Adobe Systems incorporated. All rights reserved. Use of this website signifies your agreement to the Terms of User and Online Privacy Policy. Resources About Adobe and HTML5
「強い禁則」は主流か？——『日本語組版処理の要件』へのフィードバック（追記あり） - もじのなまえ
概要 『日本語組版処理の要件』（以下、『要件』と略）では、3.1.7 行頭禁則において、その対象として小書きの仮名と長音記号を含めている。しかし、ある公立図書館に架蔵する近代小説を抽出調査したところ、そうした強い禁則を採用した書籍はごく少数に止まることが分かった。『要件』のこの部分は日本語組版の実態に即しておらず、改めた方がよいと考える。 『日本語組版処理の要件』における行頭禁則の規定 公的な性格が強い『要件』 『要件』は日本語組版の概説文書である。ウェブの標準化団体W3Cの技術ノートとして公開されており、英語のものが正式版で日本語版は単なる翻訳という位置づけだ（ただし、筆者の英語能力ゆえに本稿では日本語版を対象とさせていただく）。 日本には以前から組版規格としてJIS X 4051:2004『日本語文書の組版方法』があったが、これは総ページが200をこえる膨大な文書であり、日本語を話さな
HTML5、CSS3に関する情報まとめ。リファレンス情報、辞典サイト、CSSジェネレーター、Validatorなど知識～活用まで ｜https://wp.yat-net.com/name
2011年 07月 11日 HTML5、CSS3に関する情報まとめ。リファレンス情報、辞典サイト、CSSジェネレーター、Validatorなど知識～活用まで カテゴリ： CSS3 HTML HTMLとCSS タグ：CodingCSS3ジェネレーター作成支援ツール 現状HTML5とCSS3を利用したサイトの構築は自分の仕事上では出てきそうにないのですが、そうは言っても何も情報を収集しないわけにも行かないのでブックマークは当然しています。しかし、ただ単に貯めてるだけだといざという時活用出来ないので、一度ブログに書き留めておこうと思います。 html5 現状深く調べておらずリファレンスやタグ辞典的なものを収集しています。最近友人のクロ（@CROO1379）が色々情報を収集してサイトを構築しており、リファレンス的な意味ではかなり拾えそうな感じになっています。
Adobeアカデミックストア
Get 20+ {{creative-cloud}} for less than the price of 3 apps. The All Apps plan includes 20+ apps and services plus 20,000 fonts, storage, templates, and tutorials for less than the price of {{acrobat}}, {{photoshop}}, and {{premiere-pro}} sold separately. https://main--cc--adobecom.hlx.page/cc-shared/fragments/merch/products/catalog/marquee/includes {{free-trial}} {{buy-now}}
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and
CSS Images Module Level 3
CSS Images Module Level 3 W3C Candidate Recommendation Draft, 18 December 2023 More details about this document This version: https://www.w3.org/TR/2023/CRD-css-images-3-20231218/ Latest published version: https://www.w3.org/TR/css-images-3/ Editor's Draft: https://drafts.csswg.org/css-images-3/ Previous Versions: https://www.w3.org/TR/2019/CR-css-images-3-20191010/ https://www.w3.org/TR/2012/CR-c
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Platform Status - Microsoft Edge Developer
新しいCSSの仕様を色々調べてみた
