前回の、Bootstrap3 LESSのカスタマイズ -環境設定編で、Grunt環境構築などの準備をしましたが、今回はカスタマイズする方法について解説します。 Grunt起動 １．ターミナルを開きbootstrapフォルダまで移動 ま…
2013/10/03 に、いいねボタンのxfbml・HTML5版使用時の対応方法追記しました cssのフォントの指定で、Helvetica（Helvetica Neue）が最初に指定されていて、Helveticaフォントがインストール…
はじめてBootstrap LESSをがっつりカスタマイズしたので、今回はその覚え書きです。 Bootstrap3 Lessを使用するにあたり、Gruntを導入したほうが俄然便利なため、今回はGruntの導入から説明いたします。 Bot…
こんにちは、先日「いいね！」ボタンを複数配置する方法をご紹介致しました。 「いいね！」ボタンを複数配置する方法 今回さらに複数の「いいね！」ボタン(100個)などを配置する方法をご紹介致します。 前回の方法だとOGPを記述…
スタイルガイドって重要だなと痛感したので、StyleDoccoの導入方法についてまとめました。 「スタイルガイド」って何？ まずは「スタイルガイド」といってもピンとこない人がいるかもしれないのでその説明です。 Wikipediaによる…
本日は各種ソーシャルボタンの設置方法についてご紹介しようと思います。 各種ボタン ツイートボタン Likeボックス +1ボタン Lineで送る ツイートボタン 1.コード取得…
モバイルファーストを意識したスマホのコーディングは何かと手間がかかります。 ツールを上手く利用して、読込み・コーディングスピード両方の高速化を目指しましょう！ コーディングの何が変わったの？ まず、モバイルファーストのコー…
先日、Facebook OGPの設定方法を掲載しましたので今回はTwitterのタイムラインにサイト情報を投稿する方法を掲載したいと思います。 ツイートの詳細表示でそのページのタイトルや概要、アイコン写真などを表示するものです。 …
Facebookアプリ作成時のちょっとした注意点です。 Facebookアプリは、読込みデータに拡張子がhtmlのデータを使用するとほぼ上手くいきません。。。 HTMLのみで作成したデータでも、最終的に拡張子だけはphpに変更するよ…
こんにちは 前回、Facebookページのスクロールを消す方法についてご紹介致しましたので 本日はFacebookページの高さを指定する方法についてご紹介したいと思います。 ■head部分 [code]<script …
