タグ

2015年1月21日のブックマーク (3件)

  • SNS ボタンをオリジナルデザインにするコードの覚え書き

    Facebook, Twitter, LINE などの SNS ボタンをオリジナルデザインにするコードの覚え書きです。 ※ 文字列や URL は全て URL エンコードしてから記述します。 Twitter ———————————————————————- コードは次のような感じです。 Twitter 動作サンプルは次の通り。 – ツイートボタンのサンプル Facebook シェア ———————————————————————- いいねボタンのコードを試したのですが、うまく行かず。 代わりにシェア機能を使うことにしました。 コードは次のような感じです。 Facebook シェア 動作サンプルは次の通り。 – Facebook シェアボタンのサンプル LINE ———————————————————————- LINE は、スマホで更に LINE アプリがインストールされていないと動きません

    SNS ボタンをオリジナルデザインにするコードの覚え書き
    masakaz77
    masakaz77 2015/01/21
  • これからのWeb制作に必要な知識や気になるテクニックがよく分かるオススメの本 -新Webデザインの大原則

    マルチデバイス時代の使いやすい、分かりやすいWeb制作にどのように取り組むべきか、いま求められているWeb制作の知識や気になるテクニックが網羅されたオススメのを紹介します。 ディレクター・デザイナー・コーダーをはじめ、Web制作に携わる人はこういったを一冊はもっておいて損はないでしょう。

    これからのWeb制作に必要な知識や気になるテクニックがよく分かるオススメの本 -新Webデザインの大原則
  • jQueryでページの最上部に位置固定したフルスクリーンスライダーを設置する方法|BLACKFLAG

    少し前に「jQueryでページの最上部に位置固定した、フルスクリーンスライドショー(クロスフェード)を設置する方法」と題して、ページ最上部に位置固定したクロスフェードスライドショーのサンプルを紹介しましたが、同様の形でクロスフェードではなくフルスクリーンの状態で画像全体が横スライドして見せるスクリプトサンプルを作ってみたので紹介してみます。 言葉では少々説明しずらいのでまず動作サンプルから。 「jQueryでページの最上部に位置固定したフルスクリーンスライダーを設置する方法」サンプルを別枠で表示 ページ最上部に位置固定したフルスクリーンサイズでのスライドショーを設置します。 ※画像全体は横スライドして切り替え ページをスクロールさせるとフルスクリーンスライドショーはページ上部に固定されたままになり、下からコンテンツ要素が出現してきます。 スライドショー全体はブラウザサイズを変化させてもウィ

    jQueryでページの最上部に位置固定したフルスクリーンスライダーを設置する方法|BLACKFLAG