facebookの埋め込み レスポンシブ対応
facebookのタイムライン埋め込みは、読み込み時にサイズが決まってしまうので、リアルタイムのウインドウサイズ変更には対応していません。 ウインドウリサイズ後にリロードするようにして、ウインドウサイズの可変に対応しまし…
slickカスタマイズ
オプションが多く汎用性の高いslidk-Sliderですが、自社の制作時に使いやすいよう、もう少し踏み込んで調整してみました。
スマホ用スライドメニュー（meanMenu）
スマホサイトのハンバーガーメニューを、meanMenuをベースに、カスタマイズしやすいよう調整しました。
アコーディオンコンテンツ
レスポンシブ対応のサイト作成において、PCは通常のタイトル＋段落、 スマホではアコーディオンメニューのように開閉するパターンがあります。 JSの設定値でブレイクポイントを変更できます。デフォルトでは768を境にしています…
画像のマウスオーバー
画像にマウスオーバーした際の動きをちょっとし凝ってみました。
FacebookのAPIでできること(Graph APIとはなにか)
Facebookは外部からデータを取得したり投稿したり更新したり・・・いろいろできるAPIを用意しています。 このAPIを『Graph API』といいます。 APIとは簡単にいうとアプリケーション同士がデータなどをやり取…
Movabletypeで予約カレンダーを構築する。
カレンダーに「空室・残りわずか・満室」を表示する、予約カレンダーのテーマを作成しました。 ・月＝１記事として構成 ・日付ごとにステータス「空室・残りわずか・満室」を表示します。 ・休業日を色づけ ・2012年から2032…
WordPressのバージョンアップ手順
WordPressをバージョンアップする手順をご紹介します。
WordPressのデータベースバックアップ手順
WordPressのデータベースをバックアップする手順をご紹介します。
Movabletypeで多言語（日・英・中）サイトを構築する。
多言語（日・英・中）サイトを構築するMovabletypeテーマを作成しました。 従来からあるファイル名による切り分けでなく、ドメイン直下のディレクトリによる切り替えを行います。 ※従来のテーマ hogehoge.com…
ブログのフィードを埋め込む (Google Feed APIの代替手段)
Google Feed APIがサービス停止しました。APIを使わずにフィードを取得する方法をご紹介します。
スクロールすると一定の位置でメニューを固定する方法
画面をスクロールしてある一定の位置まで行き、メニューが隠れそうになったときに、画面の上部に固定する方法です。
フォーム｜入力欄の長さを最適化
フォームをコーディングするとき、各項目の長さをどれくらいにするかを考えることがあります。毎回考えなくても済むように、コピペで使えるフォームのフォーマットサンプルを考えました。
基本設定
サイトの基本情報をSCSSのスニペットとしてまとめました。
コピーライト
Copyright(コピーライト：著作権表示)サンプルです。
フォームテーブル
テーブルのスタイル、ブレイクポイント等は、テーブルの項目を参照してください。 View 必須項目名 ○○は入力必須です。…などのエラー表示 項目名 入力例、補足など Source [crayon-5c6d41531ce1…
ボタン基本スタイル
ボタンの基本スタイルです。 各ブレイクポイントでインラインボタンからブロックボタンに切り替わります。 View 基本 button xsでブロックボタン 基本 button smでブロックボタン 基本 button md…
遷移ボタン
View buttonBox 基本並び（float:left） 戻る 進む buttonBox 逆並び（float:right） 進む 戻る buttonBox center配置（ボタンx2） ※.row の max-w…
ブレークポイントCSS切り替え
ブレークポイントで表示する内容を切り替える方法のサンプルです。 画面サイズ768pxを基準に表示を切り替えます。 使用するclass名 .sp：画面サイズがxsより小さい時に適用（表示）します。 .pc：画面サイズがms…
新着情報リスト
新着情報のリストを表示するスニペットです。