webとwebデザインに関するmiruconsのブックマーク (3)

  • 日本らしさを表現!CSSで文字の縦書きに挑戦!

    2017年8月24日 CSSの書籍は元々上から下、右から左という縦書きで書かれてきました。しかしWebサイトでは横書きが基なので、縦書きを取り入れることで日らしさやWebサイトの個性を引き立てられます。かつてのWebサイト制作では縦書きが難しく、多くの場合画像を使って表示されてきましたが、CSSでも縦書きが実装できるようになりました!今回はそんな縦書き表現に注目したいと思います! ↑私が10年以上利用している会計ソフト! 縦書きにするには 縦書きを設定するのはとっても簡単!縦書きにしたい箇所にCSSで writing-mode: vertical-rl; を記述します。この「vertical」が縦、「rl」が右から左(Right to Left)という意味です。 また、IE用には別の書き方になります。 -ms- というベンダープレフィックスを付け、tb-rl(上から下、右から左=

    日本らしさを表現!CSSで文字の縦書きに挑戦!
  • FreeFrontend

    Welcome to our updated collection of CSS headers for August 2023. This collection includes 5 new items, hand-picked from various resources such as CodePen, GitHub, and other online platforms. These examples are free to use and can be easily integrated into your web pages to give them a unique and stylish look. Headers are an essential part of a website's design and functionality. They typically co

    mirucons
    mirucons 2017/06/21
    シンプルなものから凝ったものまで。いいね
  • 全ての人が知っておくべきデザイン・レイアウトの基本ルールとテクニック15選 - LITERALLY

    デザイナーでなくとも、デザインについてのいくつかのルールを知っておくと、日々の生活で何かと役に立つ。今回は、誰もが知っておくべきデザインの基原則・テクニックを紹介する。 1.デザインの基原則を覚えよう 1-1.「1/3ルール」を覚えよう レイアウトや写真の構成を考えるときには、黄金比*1よりも「1/3の法則」が便利だ。上の図のように、全体を9等分割したとき、各線の交点(図の丸点)に主張したいモノを配置するようにする。これだけで、不思議とスッキリとしたデザインになる。技の1つとして覚えておこう。 1-2.端をそろえて線をつくろう 写真や文などの「要素の端」をきちんとそろえると、きれいに整理されて見える。これはデザインにおいてとくに重要な基ルールだ。全てをそろえる必要はないが、縦にいくつか要素を並べる場合は常に意識しよう。 1-3.視線の流れを意識したデザインにしよう 情報がたくさん詰め

    全ての人が知っておくべきデザイン・レイアウトの基本ルールとテクニック15選 - LITERALLY
  • 1