![ためしがき](https://cdn-ak-scissors.b.st-hatena.com/image/square/e1dbe468bedc66e12b0f2160ff9be2e22376ef1b/height=288;version=1;width=512/https%3A%2F%2Ftameshigaki.jp%2Fresource%2Fogp.png)
ここで過去に何度もEPUB3のリフローレイアウトで扉ページ(左右中央にタイトルを配置したページ、縦ページ内でのセンタリング)は無理だと書いてきたけど、実現する方法があった(嘘書いててすみません) twitterで教えていただき、 CSSとHTMLのコードまでいただいた。本当にありがとうございます。 (ツイートにもあるように、iOS版Kindleでは意図通りにならないとのこと) 上の「猫神の場所」が教えていただいた中央揃えの方法、下の「猫神の時間」今まで使っていた右に余白25%指定したもの。比較してみると、中央揃えになっているのがわかる。 ポイントはふたつ。 中央揃えにしたいタイトルがあるページは文字方向を水平にして、タイトルを入れるブロック要素の中の文字方向を縦にする。 【赤部分】 bodyに指定してこのページ全体の文字方向を水平=横にする。 【青部分】 左右の余白をauto=自動にするこ
HTML 5.2のそれぞれの要素が入れ子にできる「子要素」、包含されることが可能な「親要素」の一覧のルールを視覚化して表示します。 ※1 a要素の親要素が包含可能であること※1 audio要素の親要素が包含可能であること※1 canvas要素の親要素が包含可能であること※1 del要素の親要素が包含可能であること※1 ins要素の親要素が包含可能であること子要素省略※1 map要素の親要素が包含可能であること※1 noscript要素の親要素が包含可能であること かつ body要素の子孫であること子要素省略※1 video要素の親要素が包含可能であること ルート要素&文書メタデータ html 親 子 head 親 子 title 親 子 base 親 子 link 親 子※HTML 5.2から可能。フレージングコンテンツが期待される場所※head要素の子孫であること meta 親 子※he
(2017年3月30日追記:フォント管理ツールに関しての記述は古くなっています。ご了承ください) DTP系の仕事をしていると、フォント環境を整理する必要が出てきます。 最近は自分だけで完結するWebの仕事しかしていないので結構ほったらかしにしていたのですが、気づいたらえらいことになっていたので、整理することにしました。 フォント管理の方針 フォント管理の基本は、 システムにインストールするフォントは最低限にする。 使うフォントは使うときだけ使用可能にする。(フォント管理ツールの使用) ということです。 あと、できれば、 未インストールフォントを選びやすくする こともやりたいのですが、これは大変なので、また次の機会にします。 現状の把握 やり方を説明する前に、現在の環境を確認しておきます。 私のマシンは、こんな感じでした。(記事を書いた2010年当時の話です) OS Windows7 Pro
こんにちは、めぐたんです。 フォント選びはデザイン制作において大切な要素。フリーフォントも種類が豊富にあり、眺めるのも楽しいですよね。 中にはつい色々と集めてしまって煩雑になってきた…と感じている方もいるのではないでしょうか?今回はそんな方にもおすすめなフリーのフォント管理ツール、「NexusFont」をご紹介します。 NexusFontとは? 「NexusFont」を使うと、フォントを分類して管理できます。そして最大の特徴は必要なフォントを必要なときだけ使えるようになること。 そもそもWindows自体、システムにたくさんのフォントを入れていると起動時のフォントデータ読み込みに負荷がかかってしまう可能性があります。かといって都度アンインストールするのもまた大変…ということで、ツールを活用し効率良く管理していきましょう! それでは、早速インストールして使ってみます。 インストールから初期設
JPG、PNG、SVG、GIF画像を画質を維持しながら圧縮。瞬時に画像のファイルサイズを縮小できます。
Smart WebP, PNG and JPEG Compression for Faster WebsitesOptimize now
Kindle Format 8 Basic Course: 今回は、「特別授業:キンドルで漫画・絵本・写真集をリリースしよう!」の補足記事を掲載します。 Kindleの電子書籍は、Amazonが公開しているパブリッシングガイドラインに沿って作成しなければいけませんが、EPUBなどのオープンな規格とは異なり、ある日突然、仕様が変わってしまうことがあります。Kindleのフォーマットは、Amazonという一企業の技術ですから、やむを得ません。 新しいガイドラインをチェックして、すでに発行中の電子書籍をアップデートしたり、新規に作成する電子書籍から作り方を変えていく必要があります。今年の1月に新しいKindleパブリッシングガイドラインが発行されましたが、想像どおり、Kindleデバイスの高精細ディスプレイに対応したルール変更が含まれていました。 Kindle Publishing Guidel
Kindle Format 8 Basic Course: 本日は、昨年の特別授業の一部を掲載します。「中学生のためのEPUB 3 入門」とは別に、体験授業が設定されています。基本的に一回しか実施されないため、じっくり学ぶ時間がありません。あくまで「体験」することを目的としており、その分、誰でも参加できるようになっています。 Amazon Kindleの場合、Kindle Comic Creatorという無償のオーサリングツールが提供されており、授業で利用しやすいため、採用することになりました。 今回は、前半部分を掲載します。 尚、図版は昨年の11月26日に開催した発表会「コミック&グラフィックノベル・プロダクションワーク/Kindleダイレクトパブリッシング・EPUB 3・HTML5ウェブコンテンツ」で使用したスライド資料を使用しています。 追記(2014年3月2日): Kindleパブ
▼ 2022 (8) ▼ 8月 (1) ボールペン画 アゲハチョウ ► 7月 (1) ► 5月 (1) ► 4月 (2) ► 3月 (2) ► 2月 (1) ► 2021 (13) ► 11月 (1) ► 7月 (1) ► 6月 (4) ► 5月 (4) ► 4月 (2) ► 1月 (1) ► 2020 (14) ► 11月 (1) ► 8月 (1) ► 7月 (2) ► 6月 (1) ► 5月 (2) ► 4月 (2) ► 3月 (2) ► 2月 (2) ► 1月 (1) ► 2019 (12) ► 11月 (1) ► 10月 (2) ► 9月 (1) ► 7月 (1) ► 6月 (1) ► 5月 (2) ► 3月 (2) ► 2月 (1) ► 1月 (1) ► 2018 (39) ► 12月 (1) ► 11月 (1) ► 10月 (3) ► 9月 (2) ► 8月 (2) ► 7月
【変更履歴 2018年2月15日】当初の記事タイトルは「いまなぜHTTPS化なのか? 技術者が知っておきたいSEOよりずっと大切なこと ― TLSの歴史と技術背景」でしたが、現行のものに変更しました。現在GoogleではWebサイトのHTTPS対応と検索結果の関係を強調しておらず、本記事の趣旨の一つにも本来は独立した問題であるSEOとHTTPS化を関連付けるという根強い誤解を解くことがありますが、当初のタイトルではかえってSEOとHTTPSを関連付けて読まれるおそれがあり、また同様の指摘もいただいたことから変更いたしました。 HTTPとHTTPSは、共にTCP通信上で動作します。したがって、いずれもTCPハンドシェイクで通信を開始します。 HTTP通信の場合には、このTCPハンドシェイク直後に、HTTPリクエストとレスポンスのやり取りが始まります。このHTTPのやり取りは平文通信であり、途
pukumukuのイラスト探検隊 イラストレーターキャラクターデザイナーのpukumuku(プクムク)が絵本やグッズ、暮らしにイラストを取り入れたりいろんな分野を絵の力で探検(チャレンジ)します Kindleの電子書籍絵本制作ツール Amazon以外で電子書籍絵本を作る時にはAdobeのIllustratorとPhotoshopで制作しInDesignを使って電子書籍用にepubデータの作成をしているのですが、Amazonの電子出版サービス「キンドル・ダイレクトパブリッシング(KDP)」では子ども向けの絵本を作成するための専用ツール「Kindle Kids’ Book Creator」というAmazonが提供している便利な絵本専用ツールがある。このツールを使うとKindleの絵本を簡単に作る事が出来ます。コミックを作る専用ツール「Kindle Comic Creator」もあるので、たとえ
2021年12月18日 CSS, ダウンロード FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。現在ほとんどすべての最新ブラウザーでFlexboxをサポートしており、Flexboxを使ったレイアウト組みが今後のWebデザインのスタンダードとなるでしょう。Webクリエイターボックスでは以前からFlexboxの使い方について紹介してきたのですが、最近Flexboxが浸透してきたこともあってか各プロパティの使い方について質問される機会が増えてきたので、チートシートとしてまとめてみました。この記事ではなるべく画像メインでプロパティーの使い方を紹介したいと思います! ↑私が10年以上利用している会計ソフト! 動画で学ぶCSS Flexbox この記事はYouTube動画でも解説しています。動画派の
HTMLページのhead内に記述する最小限の構成、そしてmeta要素やlink要素、ソーシャルサービス用の要素、デスクトップ・スマホのブラウザ用の要素などがまとめられた「<head> cheatsheet」を紹介します。 <head> cheatsheet 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 去年紹介した以前の版からいろいろと変更されています。 head内に記述する最小限の構成 head内の要素 meta要素 link要素 ソーシャル関連のhead内の要素 ブラウザ・プラットフォーム関連のhead内の要素 メモ head内に記述する最小限の構成 下記はシンプルなWebサイトで必須となるhead内に記述する最小限のタグです。 <meta charset="utf-8"> <meta http-equiv="x-ua-c
文書内のルビを一括削除(解除)する方法をご紹介します。書式を崩さず、一括してルビのみ削除することができます。 ★検索と置換を使ってEQフィールドをCommentsフィールドと文字列に置換後、一気にフィールドを通常の文字列に変換します。 ★注:手順を間違うと成功しません。(操作を間違うとルビ文字が全て消える、 といった結果になります)よく見て操作しましょう。 ■ 文書内のルビを一括して削除する ★ワイルドカードに馴染みのない方は、特に疑問を持たず下記の通りに操作してみてください。検索・置換文字列は↓をコピーペーストして構いません。 Alt+F9キーを押す → ルビがフィールドコードで表示されます。例 {EQ \* jc2 \* "Font:メイリオ" \* hps10 \o\ad(\s\up 9(ぶんしょ),文書} 文頭にカーソルを置き、「ホーム」タブ-「置換」をクリック 「オプション」をク
個人や商用で無料利用できる、日本語のフリーフォント260種類を紹介します(公開時より、2つ追加)。 ビジネスからプライベートまで、幅広く利用できるフォントが満載です! 毎年まとめていますが、去年は219種類だったので、大幅に増えています。無料でなくなったフォントや配布終了になったフォントもいくつかありました。 初紹介のフォントから既存フォントも改めてリンク・ライセンスを確認しています(※情報はこの記事の執筆時のもの)。ライセンスはWebデザインだけでなく、同人誌や印刷物などでの利用も明記。 最新版を公開!フォントの数が大幅に増えています。 2020年用、日本語のフリーフォント 417種類のまとめ フォント紹介の前に各フォント制作者からのお願いごと。 フォントを利用の際には、利用条件やライセンスを必ず確認して守ってください。 まずは個人的に、今年一年かなり使用したフォントからご紹介。 3種類
連載「写真の権利」、第三回のテーマは、広告業界で最も扱いがやっかいといわれている「建物」の写真についてです。建物写真の何がやっかいなの?と思う方もいらっしゃるかもしれませんが、長年に渡って写真素材の流通に係わってきたアマナにおいて、これまで最も多くのトラブルを引き起こす原因となった被写体が、実は「建物」なのです。詳しく見ていきましょう。 ※2020年11月27日更新 建物の管理者から広告主に直接クレーム 具体的にどのようなトラブルが多いかというと、商品広告などに建物が写った写真を使った際に、「うちのビルの写真を勝手に使ってもらっては困る」といった内容のクレームが、直接広告主側に行ってしまって大騒ぎになるというパターンがほとんどです。クレームをしてきた理由を聞くと、「うちのビルの肖像権を侵害している」などという滅茶苦茶な理由(肖像権は人間だけがもつ権利)や、「使用する場合は、事前に申請をして
現状の把握 現在の御社の集客状況や集客チャネルをヒアリング 今すぐできる対策と中長期的な対策を分析致します。 ゴールの決定 現状をヒアリングした上で、どこをゴールとして定めるのかを決定致します。集客は大前提ながら、目標を設置することで、より実践的な内容になります。
商用可のラベルとタグの無料素材 一覧 紙のテクスチャ素材をつかったラベルやアイコン素材をダウンロードできます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く