Webで縦書きなどを実現する「CSS Writing Modes Level 3」、ついにW3Cの「勧告」に － Publickey

2019/12/10 210 users Publickey CSS 勧告 文書 HTML

Webで縦書きなどを実現する「CSS Writing Modes Level 3」、ついにW3Cの「勧告」に HTMLで構造化された文書に対してスタイルを与える「Cascading Style Sheet」（CSS）は「CSS 2」から、directionプロパティでテキストの表示方向を左から右か、右から左かを指定可能でした。 今回勧告になった「CSS Writing Modes Level ... 続きを読む

日本のWebデザインで見かける10個の特徴 | コリス

2018/09/05 322 users コリス ソリューション 漢字 アプローチ 文字

ここ数年で、日本のWebデザインは大きく進化しました。 洗練されたデザインといえば、海外のものでしたが、今では日本でも数多く見られます。 デザインのスタイル、芸術的アプローチ、高度なソリューション、そして漢字や縦書きの文字を使ったデザインなど、日本のWebデザインで見かける10個の特徴を紹介します。 10 Dis... 続きを読む

2018年に使いたいWebデザイントレンド ！ファーストビューのアイデア集 | コムテブログ

2017/09/10 77 users ファーストビュー コムテブログ アイデア集 遊び心 レイアウト

作成：2017/09/11 更新：2017/09/11 Webデザイン 「提案されたものの、このレイアウトよく見るんだよなぁ」とクライアントさんに思われないように個性を出したい。今回は2018年も使える「遊び心を加えた」Webデザイントレンド、ファーストビューデザインのアイデアをまとめました。 近年増えてきたファーストビューのレイアウトは スプリットスクリーン（分割） シネマグラフ 縦書きのGナビ... 続きを読む

日本らしさを表現！CSSで文字の縦書きに挑戦！ | Webクリエイターボックス

2017/08/24 94 users 横書き CSS Webクリエイターボックス 挑戦 表現

2017年8月24日 CSS 日本の書籍は元々上から下、右から左という縦書きで書かれてきました。しかしWebサイトでは横書きが基本なので、縦書きを取り入れることで日本らしさやWebサイトの個性を引き立てられます。かつてのWebサイト制作では縦書きが難しく、多くの場合画像を使って表示されてきましたが、CSSでも縦書きが実装できるようになりました！今回はそんな縦書き表現に注目したいと思います！ 縦書き... 続きを読む

モリサワ、17の新フォント発表　「言葉によって形が変わる」書体など - ITmedia NEWS

2017/07/28 594 users モリサワ みちくさ シトリン 文脈 書体

モリサワは7月28日、2017年秋にリリースする新書体を発表した。新たに発表したフォントは、98の言語と海外の表記ルールに対応する「Citrine」（シトリン）のほか、縦書きの際文字のつながりによって形が変化する「みちくさ」など17書体。 「みちくさ」には、連綿体（文字を続けて書く書体）や代替字形（前後関係に依存する書体）が用意されており、OpenType機能によって文脈を考慮した書体を呼び出すと... 続きを読む

フォントが大好物な人におすすめ！チェックしておきたい日本語の新作フリーフォントのまとめ | コリス

2017/06/29 114 users コリス デザインフォント 新作フリーフォント フォント 大好物

最近リリースされたひらがな・カタカナ・漢字が使える日本語の新作フリーフォントを紹介します。 昭和レトロなフォント、縦書きの本文に適したフォント、タイトルやコピーにぴったりなデザインフォントなど、たくさんのフォントがリリースされています。 最近のだけでなく、これまで全部の日本語の無料フォントは下記をどうぞ。 2017年用、日本語のフリーフォント260種類のまとめ -商用サイトだけでなく紙や同人誌など... 続きを読む

縦書きでレスポンシブなブログを作った - yuhei blog

2017/05/11 122 users ウェブデザイン yuhei blog Next.js 要素

2017 - 05 - 08 縦書きでレスポンシブなブログを作った 趣味で会社の人のサイトを作った 。縦書きでレスポンシブなブログ。 prismic.io と Next.js で作った。 ウェブデザインに縦書きを活かすことは難しい。部分的に取り入れることはできても、縦書きの文章を主要な要素として扱うのはかなり難がある。というのも、ウェブサイトは縦にスクロールするのが当たり前だけど、普通に縦書きで実... 続きを読む

縦書きや擬音や魔方陣のフォント大集合！マンガや同人誌に無料で使える日本語のフリーフォントのまとめ | コリス

2016/11/01 229 users 魔方陣 コリス フリーフォント 擬音 セリフ

縦書きのマンガのセリフや吹き出しに、実際に聞こえる音や様子を表現する音を書き文字に、普通の人には読めないヒエログリフ・神代文字や魔方陣にぴったりの文字など、マンガや同人誌に無料で利用できる日本語のフリーフォントを紹介します。 Rounded Mgen + 個人・商用サイトで無料利用可。同人誌や各種印刷物なども可。 「フリーフォントを一つだけ」と聞かれたら、この使いやすい丸ゴシックのフリーフォントが... 続きを読む

商用利用OK！2015年にリリースされた無料フォント35 | Webクリエイターボックス

2015/12/17 555 users Webクリエイターボックス 商用利用OK 明朝体 ハレ 二週間

2015年も残り二週間！今年も数多くの素敵フォントがリリースされました！この一年を振り返って、「これは！」と思ったフォントをいくつか紹介します。どれも無料でダウンロードでき、商用利用可能なものです。みなさんのお気に入りが見つかると幸いです。 日本語フォント はれのそら明朝 かしこまりがちな明朝体に丸っこさをプラスしてスッキリ美しく仕上がったフォント。縦書きでもきれいです。 JKゴシックL 丸っこく... 続きを読む

いつから「！」や「？」の後ろのスペースは消えちゃったのかな - Labo.299

2015/06/03 241 users Labo.299 スペース 感嘆符 疑問符 少数派

2015-06-04 いつから「！」や「？」の後ろのスペースは消えちゃったのかな 文章なんちゃって このブログのこと 長いこと縦書き主体の紙媒体にいたせいか、私は縦書きの方が読みやすい。でも、上のアンケートではまたもや少数派になってしまった。情報発信の場が、紙からＷｅｂへと移り変わってしまった現在に、２０世紀を遠く感じる。　ところで、いつから感嘆符や疑問符の後にスペースを入れなくなってしまったのだ... 続きを読む

横書きと縦書きで違いはありますか？ - 村上さんのところ／村上春樹 期間限定公式サイト

2015/03/27 3559 users 横書き 村上春樹 アップルユーザー iTe 村上さん

2015-03-27 横書きと縦書きで違いはありますか？ 村上さんにおりいって質問・相談したいこと 読者↔村上春樹 ハルキさんは執筆にMac OS機をお使いで、EG-Wordなき今、縦書き表示を諦め、横書きワープロでお書きになっていると、どこかで読みましたが本当ですか？　 もしそうなら、横書きで綴られる物語は縦書きの時と何かしらの影響はあると感じますか？　 僕も長年のアップルユーザーですが、iTe... 続きを読む

漢字やひらがなの縦書きにも対応！宛名にぴったりな手書きのフリーの日本語フォントのまとめ | コリス

2014/11/28 141 users 毛筆 コリス 文面 マジックインキ 宛名

年賀状の宛名や文面に、心をこめた手書きっぽさを演出する手書きの日本語フォントを紹介します。 毛筆もペンもマジックインキも全部無料で利用できます！ ぐんまちゃんの年賀状：ご当地キャラクター年賀状の無料素材 各フォントで縦書...記事の続きを読む 続きを読む

Internet Explorer 11で縦書き表示と縦書きのルビ表示が改善。教科書や電子書籍などに － Publickey

2014/07/14 74 users 行間 Publickey ルビ 見栄え マイクロソフト

マイクロソフトは6月にアップデートしたInternet Explorer 11で縦書き表示のアップデートを行い、縦書き表示における文字のベースラインセンタリングとルビの位置表示を改善したことを明らかにしました。 改善によって、ルビ付きの行とルビなしの行が混在した場合でも行間が均等に表示され、見栄えが良くなりました。 同社が用意した縦書き表示のテストページ「Vertical Writing Mode... 続きを読む

「短冊メーカー」の“パクリ”指摘された「tanzaku．net」が謝罪、サービス終了 - ITmedia ニュース

2014/07/07 98 users パクリ 謝罪 短冊 短冊メーカー 七夕

投稿したテキストを縦書きに変換し、七夕の短冊のようなデザインでツイートできるWebアプリ「短冊メーカー」のソースコードをコピーして作られたとみられる「tanzaku.net」が、7月7日夕方にサービスを終了した。「tanzaku.net」側は「短冊メーカー」を参考に作ったことを認め、「心よりお詫び申し上げます」と謝罪している。 短冊メーカーは、開発者のMasaruさんが昨年、七夕の日に向けて公開し... 続きを読む

佐村河内守さんの謝罪文（全文）：朝日新聞デジタル

2014/02/11 398 users 全文 朝日新聞デジタル 佐村河内守さん 謝罪文 自筆

１５日未明に出された佐村河内守さんの自筆の謝罪文の全文は、以下の通り（原文は縦書き）。お詫び今まで私の起こしたことについて深く謝罪したいと思いペンをとりました。そしてすぐに説明が出来なくて申し訳ありませんでした。弁護士さんにも本当のことが言えなくて、決断するのに時間がかかってしまったのです。また、私のせいで、多くの方々に大変な迷惑をかけてしまったことを心からお詫びしたいと思っています。私のＣＤを買... 続きを読む

ここ数年のブラウザのデフォルトスタイルシート。縦書きとかHTML5とか。｜Web Design KOJIKA17

2014/02/05 93 users published CSS about ブラウザ 最初

KOJIKA17 Home - About - RSS ここ数年のブラウザのデフォルトスタイルシート。縦書きとかHTML5とか。 Published: 2014-02-05 Categories: css, 最初からブラウザに設定されているスタイルシートを、「User Agent Style Sheets」といいます。(以下、UA Style Sheets) ここ数年でUA Style Sheet... 続きを読む

モンゴル 文字事情､ 悩まし続けている「文字」の変遷 政治勢力に翻弄され、縦書きと横書きを行ったり来たり

2013/09/18 126 users 横書き モンゴル 変遷 政治勢力 文字

今年の夏は、北京から内モンゴル自治区北東部ハイラルを通り、満洲里を抜け、ロシアへ入り、ブリヤートの中心地ウランウデから南にウランバートル、そして北京に戻るルートで調査旅行を行った。 収集した資料はほぼ現地で送ることになるのだが、重要なので持ち帰りたかったり、送る荷物に入り切らなかったりして何冊かは持って移動することになる モンゴル文字を苦しそうに読むモンゴル人 漢字と満州文字が併記された中国の故宮... 続きを読む

一発で縦書きツイートを作成できる「縦つい。」 : ライフハッカー［日本版］

2013/03/16 53 users ライフハッカー 縦書きツイート Twitter 横書き 一発

Twitter , Webツール , オフにやること , 最新テック 一発で縦書きツイートを作成できる「縦つい。」 2013.03.16 17:00 Twitterは基本的には横書きの文化ですが、実は縦書きでも表現できるのです。 今回紹介する「縦つい。」は、横書きで書いた文字を自動で縦書きにしてくれるツール。しかも「ツイートする」をクリックすれば、そのままTwitterに投稿できます。日本古来の縦... 続きを読む

名刺に心理学的な効果を反映させるデザインのポイントまとめ - GIGAZINE

2013/01/18 93 users 横書き 見地 白地 GIGAZINE 一口

By Michael Kappel 名刺と一口にいってもそのデザインは千差万別。似たような「白地に黒文字」の名刺であっても、縦書きか横書きかというだけでもイメージは変わってきます。心理学的な見地から、名刺をデザインするときにどうすれば効果的なのかということを、Uprinting blogがまとめています。 The Psychology of Business Cards | UPrinting B... 続きを読む

jsdvi - JavaScriptでdviプレビューアを書いてみるというネタ - naoya_t@hatenablog

2012/12/09 95 users HatenaBlog Safari Firefox 捧ぐ ネタ

2012-12-10 jsdvi - JavaScriptでdviプレビューアを書いてみるというネタ Advent Calendar TeX TeX & LaTeX Advent Calendar 2012に捧ぐ デモ http://naoyat.github.com/jsdvi/Google Chrome前提。Firefoxだと縦書きができない。Safariは大丈夫っぽい。その他のブラウザは未調... 続きを読む

Big Sky :: grep で文字列を縦書きに変換

2012/11/28 52 users grep foo foo.txt div txt

grep の -o オプションを使うとマッチした部分だけ列挙してくれる。 例えば <div>foo</div><div>bar</div> <div>bar</div> というテキストファイル foo.txt に対して grep -o "<div[^>]*>[^<]*<\/div>" foo.txt と実行すると <div>foo</div> <div>bar</div> <div>bar</di... 続きを読む

HTMLで縦書きを実現するJavaScriptライブラリまとめ - ネモウスドットコム

2012/11/12 158 users ネモウスドットコム HTML Web制作 以下 Webサイト

2012-11-12 HTMLで縦書きを実現するJavaScriptライブラリまとめ Web制作 JavaScript 縦書きのWebサイトを作ることになりそうなので、HTMLで縦書きを実現するJavaScriptライブラリをまとめてみた。 JavaScriptライブラリ 現在フリーで配布されている有名な縦書き用JavaScriptライブラリとして、以下の2つがある。 竹取 JS nehan - ... 続きを読む

EPUB 3のISO国際標準化作業で、日本が資金難による離脱の可能性。JEPAが支援募金を呼びかけ － Publickey

2012/10/05 158 users JEPA デファクトスタンダード IDPF Forum ルビ

電子書籍の標準フォーマットとしてIDPF（International Digital Publishing Forum、国際電子出版フォーラム）によって昨年10月に策定されたEPUB 3は、縦書きやルビといった日本語対応を含む多くの多言語対応の実現などがあり、急速に普及し始めています。 EPUB 3は事実上の業界標準（デファクトスタンダード）の地位を得ました。そして現在、このEPUB 3をISO／... 続きを読む

やさしさゴシック正式にフォントダウンロード開始 | フォントな、情報。オープンソースの安心フリーフォントのダウンロード

2012/03/11 76 users フォント 安心フリーフォント オープンソース ホールド 本日

fontyasashisa やさしさゴシック正式にフォントダウンロード開始 やさしさゴシック、本日より正式にダウンロード開始です。実際にPhotoshopで 使用してベタうちするとこんな感じです。縦書きのサンプルも短いけどこんな感じ。 このフォントのボールド（太い文字）をただいま作成中です。その他にもいろいろな デザインのフォントを作成してるので、ひっそり応援してください。 新作公開時にメルマガで... 続きを読む

イーストに聞いてみた：電子書籍フォーマット「EPUB 3」ってぶっちゃけどうよ？ (1/4) - 電子書籍情報が満載! eBook USER

2011/08/10 102 users イースト eBook USER ePub ルビ EPUB 3

EPUB 3にまつわる疑問の数々が氷解 電子書籍フォーマット「EPUB 3」がいよいよ登場する。縦書きやルビ、圏点といった日本語組版特有のルールが世界標準に取り入れられたことで、関係者の感慨もひとしおのようだ。 もっとも、一般の読者からすると、自分が読みたい本が確実に手に入るのであれば、フォーマットが何であるかにそれほど関心がないのも事実。「別にEPUB 3がなくても日本語の電子書籍はApp St... 続きを読む