タグ

instagramとcssに関するweb_designerのブックマーク (2)

  • Web制作者は要チェック!Instagramに使用されているCSSのテクニック

    Instagramに使用されているCSSのテクニックを紹介します。 世界で多くのユーザーが利用し、閲覧する環境もさまざまなデバイスに対応する必要があります。下記のモックアップをどのように実装しますか? Inspect Element As A Way To Feed Your Curiosity by Ahmad Shadeed はじめに Instagramに使用されているCSSのテクニック レイアウトにCSS GridやFlexboxを使用していない Instagramのアンケートに使用されているCSSのテクニック 終わりに はじめに フロントエンドのデベロッパーにとっての最高の贈り物のひとつは、Webページを調べるだけで何がどのように実装されているのか、CSSが裏でどのように機能しているのか確認できることです。Webページを見ている時に気になるレイアウトやエフェクトがあり、どのように実

    Web制作者は要チェック!Instagramに使用されているCSSのテクニック
  • 適用するだけでインスタ映え?クールで便利な画像フィルター系CSSライブラリ5選

    現在はFacebook傘下にある、大人気の無料の写真共有サービスInstagram(以下、インスタグラム)。日では*「インスタ」とも呼ばれ、フォトジェニックな写真をアップロードして人気を博しているユーザーは「インスタグラマー」*として注目を集めています。 クールでフォトジェニックな写真は*「インスタ映え」とも形容され、一方で2018年1月頃から、真逆の価値観として「インスタ萎え」*という言葉もプチ流行しています。インスタグラムには標準でも多数のフィルターが用意されており、こうしたフィルターで画像処理を行いながら撮られたかっこいい写真は、ホームページやブログで引用されることもあります。 しかし、わざわざインスタグラム経由でフィルターを使わなくとも、少しの手間で簡単に「インスタ映え」する方法があればどうでしょう?しかもその手間が10分未満だったら? そこで今回は、そうした短時間であっという間

    適用するだけでインスタ映え?クールで便利な画像フィルター系CSSライブラリ5選
  • 1