タグ

2020年7月2日のブックマーク (2件)

  • CSSボタンデザイン120個以上!どこよりも詳しく作り方を解説!

    なぜCSSでボタンを作るのか?その前に、なぜCSSでボタンを作るのか?について少しだけ考えたいと思います。 簡単に言ってしまえば、 軽い!拡張性がある!解像度の心配がない!簡単!と言った理由ではないでしょうか? 画像でボタンを作ることも多いと思いますが、「画像じゃないほうがいいなあ」と思うことも多いと思います。 もちろん、デザイナーから上がってきたデザインデータからボタンを切り取って、HTMLに設置して、CSSでホバーはopacity:0.8、とかやれば簡単ではありますが、デザインツールの進化やレスポンシブの一般化に伴い、そういったイケてなくて古臭いやり方はあまり望ましくないです。 特にWebの場合、テストの繰り返しが必要ですが、画像でボタンを作るとなるとテスト用にいくつもの画像を作らなくてはいけません。色やテキストを変えるとなると画像すべてを修正する必要があります。しかし、CSSボタンで

    CSSボタンデザイン120個以上!どこよりも詳しく作り方を解説!
    syun128
    syun128 2020/07/02
  • Instagramの投稿をslick.jsを使ってスライダー表示する方法

    インスタグラムのdeveloper登録 アクセストークンとクライアントIDの取得 インスタグラムのuser id取得 instaFeed.jsの導入 Slick.jsの導入 インスタグラムのdeveloper登録とアクセストークン&クライアントIDの取得 この辺りはいろんなサイトに情報が掲載されているのでそちらを参照ください。こちら参考にされてください。 Instagram APIを使ってインスタグラムの画像をウェブサイト上に表示する インスタグラムのuser id取得 次にインスタグラムのuser idを取得します。これはいわゆるユーザーネームとは違います。 下のurlをコピーして、ASCCESS-TOKENの部分を先ほど取得したアクセストークンに置き換えてください。 https://api.instagram.com/v1/users/self/?access_token=ACCESS

    Instagramの投稿をslick.jsを使ってスライダー表示する方法