タグ

2016年10月26日のブックマーク (4件)

  • cubic-bezier.com

    Preview & compare Go! Duration: 1 second Library Import Export Click on a curve to compare it with the current one. To import curves, paste the code below and click “Import” Copy the code and save to a file to export Import Close

  • [CSS]高さが分からない要素やテキストを中央寄せに配置するスタイルシートのまとめ

    テキストやdiv要素など、高さが分からない要素を外側の容器の高さが不明でも、上下・左右・上下左右・ビューポートの上下左右の中央寄せに配置するCSSのテクニックを紹介します。 イラスト: Girls Design Materials 2016年1月12日にIEの古いバージョンのサポートが終了し、Windows 7/8はIE11、VistaはIE9がサポートブラウザになりました。Vistaはアレなので、実質IE11を考えてWeb制作をすればよいことになります。 参考: Internet Explorer サポートポリシー変更の重要なお知らせ そんなIE11時代、そして万が一のIE9を考慮した中央寄せに配置テクニックを紹介します。 テキストや要素を左右の中央寄せに配置 テキストや要素を上下の中央寄せに配置 テキストや要素を上下左右の中央寄せに配置 テキストや要素をビューポートの上下左右の中央寄せ

    [CSS]高さが分からない要素やテキストを中央寄せに配置するスタイルシートのまとめ
  • いくつ覚えてる?いつか役に立つかもしれないCSS画像置換の手法と歴史

    古き良き手法から、最新の手法まで。必要なときのために引き出しにしまっておきたい、画像置換の手法まとめ。 CSSの画像置換(Image Replacement)は長い歴史の中で移り変わってきました。もし、いまでもCSSで画像置換をするのなら、現在でも使える多くの有効な手法があります。一方で近い将来、CSSの画像置換を使うとグーグルが実際にペナルティーを課すようになるかもしれない、ということは知っておくべきことでしょう。いまのところは大丈夫だとしても、あまりおすすめはできません。 とは言っても、CMSまたはプロジェクトとの関係で画像置換を使わざるを得ない場合もあります。そこで、この記事ではまだ有効な、長い歴史のあるCSSの画像置換の方法を紹介します。画像置換が完全に使えなくなる前まで、これから紹介する手法さえ知っていれば十分でしょう。 ネガティブtext-indentを使うPhark手法 Ph

    いくつ覚えてる?いつか役に立つかもしれないCSS画像置換の手法と歴史
    mako0717
    mako0717 2016/10/26
  • これからのデザインの未来を示す15の変化 デザイン会社 ビートラックス: ブログ

    デザインとテクロノジーの融合がこれまでに無い程に進んでいる現在、テクノロジーよりもデザインが重要性が高まってきていると感じる。 新しい技術が開発されるたびに話題になるが、それが継続的に世の中に受け入れられるかどうかはデザインが担う部分が非常に大きい。それに伴い、私達デザイナーの仕事の内容と、ビジネスや社会に対するその影響力もどんどん広がっている。 そして、”デザイン”という言葉自体の概念も時代と共に変化している。 グラフィックデザインやWebデザインなど、これまでのいわゆる”絵を描く”ことからデザイン的考え方を事業の為の一つの戦略スタイルとして活用するケースが増えている。 特にアメリカでは、大きな企業からもデザインの重要性への注目が高まっており、今後は業績に直接影響を与えるレベルになると考えられている。 一つの時代の節目ともなる2020年に入りこれからデザインの役割とそれを取り巻く環境の変

    これからのデザインの未来を示す15の変化 デザイン会社 ビートラックス: ブログ