なんか、このサイトBootstrapくさい。そう感じることはありませんか? その理由はズバリ、欧文ベースでつくられたフレームワークを文字構造の違う日本語で適用した際に不都合が出てしまっているからです。 それらが醸し出す違和感を放っておくと、Bootstrapくささを生み出す大きな原因になってしまいます。 そもそもの問題として、欧文と比較して和文は文字の要素が多く、文字自体のリズムも少ないため、どうしても複雑で単調に見えてしまいます。 しかし、和文だからといってあきらめることはありません。BootstrapのCSSを少しだけ変えるだけでグッと見た目がよくなる隠し味をご紹介します。 1. line-heightで行間にゆとりを。明朝やゴシックなど、フォントの種類が言葉の印象を表すように、文字の行間は読みやすさ、文章全体の雰囲気を左右します。 欧文をベースに設計されたBootstrapをそのまま
徐々に浸透しつつあるGoogleのデザインガイドライン、マテリアルデザインですが、先日ようやく日本語版も公式にリリースされました。 マテリアルデザインやマテリアルモーションは実世界のモチーフを用いて、ユーザーがより直感的にUIを把握・誘導できるようにするためのものです。詳しくは以下の記事をご覧ください。 https://popinsight.jp/blog/?p=49390 この記事ではUIコンセプトやポートフォリオをたくさん掲載しているMaterialUpから、マテリアルデザインを用いたデザイン例をピックアップしてご紹介していきます。すべてCodePenで実装済みの作品なので、裏側のコードを見て実装のヒントに役立ててください。 MaterialUpのオススメUIコンセプト5選 1. ミュージックプレイヤー 楽曲再生アプリのUIコンセプトです。プレイボタンを押すとジャケットやシークバーがレ
あなたは1日に何回歯磨きをしていますか?何回磨いても、磨き残しが有ればプラークが溜まっています。以下でお伝えする正しい歯磨きの方法を確認して、プラークコントロール。歯周病を防ぎましょう。 歯周病の予防や治療はプラークを取り除くことが重要 歯磨きだけでプラークを完全に取り除くことは難しいですが、できるだけ磨き残しをなくし、歯周病を防ぐためには、毎食後に歯を「磨いている」より、寝る前だけでも「磨けている」ことが重要。 1日のうちに何回磨いても、実際にはきちんと磨けていない人が多く、プラークが取り除かれなければ歯周病は起こります。歯周病が起きたら、正しく磨けていない、ということです。 正しい歯磨きの方法をしていないことが、中等度以上の歯周病を持つ人が以前より増えている背景にあると考えられます。 歯周病があると歯並びが悪くなったり、歯と歯の間の隙間が広がったりしやすく、歯肉の色も悪くなりがち。見た
先日、クロスバイクを買った記事を書いたが、実は今回購入した実物を載せていなかった。 購入の経緯については以前の記事をご参照いただきたい。 dankantakeshi.hatenablog.com 8月の中旬に購入して、約2か月で約500km走り回った感想やこれからやりたいことなんかも書いておきたい。 GIANT ESCAPE R3 2017のスペック まずはスペックを公式サイトから。 SIZE:430(XS)、465(S)、500(M)mm WEIGHT:10.7kg(465mm) FRAME:ALUXX-Grade Aluminum FORK:Cr-mo DRIVETRAIN:SHIMANO ALTUS / TY710 CRANK SET:PROWHEEL SWIFT Triple BRAKES:SHIMANO EF500 + TEKTRO RX1 WHEELS:GIANT SPINFO
前回のエントリーには予想外に多くのアクセス、はてなスター、ブックマークをいただき、驚きつつも感謝しています。ありがとうございました。 今回のブログタイトルに掲げた「英語が読めるようになるには英語を読むしかない」は、ご存知村上春樹氏の言葉で、これはまさに真理だと思います。しかし、英文法のいくつかのルールに関しては、英語だけを読んでそこから習得しようと思ったら大変なことになるのではないかと思わざるを得ないものがあります。むしろ先人の知見を日本語で教わった方が、近道になるのではないかと考えます。今回はそれを書いてみます。 スポンサーリンク たとえばこんな感じだ。行方昭夫氏の『英文快読術 (岩波現代文庫)』から、過去完了形の「大過去」と呼ばれる用法に関する説明である。 これは英文を書く上の一種の約束事の一つで,初めに一回過去完了形を用いれば,そこから話が過去よりもっと前の大過去に及ぶという合図にな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く