レスポンシブサイト作成時のjsのブレイクポイント対応
レスポンシブ対応でサイトを制作時に「$(window).width()」や「$(window).i…
数多くのホームページをご依頼いただいている中で、実際に株式会社衆が制作に携わった案件の中で使用している手法や、基礎知識に関しての備忘録を掲載。
自社でホームページの制作やシステム開発を行われる際の参考例として、またはホームページをご依頼される際の予備知識としてお役にたてれば嬉しいです。
レスポンシブ対応でサイトを制作時に「$(window).width()」や「$(window).i…
jQueryを使用したページスクロールアクション(パララックス)の一つ。対象コンテンツの直前で、コ…
レンタルサービスのサイト制作に携わった際に使用した、jQuery用プラグイン「datepicker…
電話番号を記載する際にPCの場合は番号の記載のみで問題ありませんが、スマートフォンの場合は直接電話…
「東洋堂」のランディングページ制作に携わった際に使用したランダムでの画像表示の実装方法をメモ。アク…
PC、スマホともにフリック(ドラッグ)できる自動送り式のイメージスライダーを実装した時のソースをメ…
wordpress(ワードプレス)の投稿記事を別サイト(同一ドメイン)で読み込みで表示したという相…
jQueryで一定の要素を基準に、上の下層や下の階層の値を取得したり、クラスを変更したりする場合が…
「電気会社」のキャンペーンページを作成した際に使用した、電気料金のシミュレーション機能の制作方法を…
「欅BodyTherapistSchool」の制作に携わった際に使用したスライドショウの実装方法…
観光地になっている飲食サービスのホームページの制作に携わった際に、外国の方にも理解できるようにと多…
「ゴルフ大会」のキャンペーンページを作成した際に使用した、モーション付きのスムーススクロールの方法…
「国際HAN-ZOU整体専門学院」の制作に携わった際に使用したスライドショウの実装方法をメモ。動…
「FLORABeautyオンラインカレッジ」の制作に携わった際に使用したスライドショウの実装方法を…
飲食店サイトを作成した際にしようした簡単なスライドショーの方法をメモ。画像の切り替わりはフェードイ…
TwitterやFacebookのように一番下までスクロールしたら自動的に追加データを読み込んで表…
キャッチコピーなどを効果的に見せたいときに使用したタイピング風に一文字づつ文字を表示される方法をメ…
採用サイトを作成した際に、ページ遷移にアクセントをつけたくて実装した開閉アニメーションの方法をメモ…
サイト内で画像などを複数並べてアニメーションさせる場合に、一度にアニメーションを適応させるのではな…
ランディングページ(LP)では、どこのサイトでも使用されているページ内リンクでのスムーススクロール…
メニューの項目数が増えてくると一度で全てを表示するのは難しい。だからといってカテゴリーに分けて何…
病院のホームページ制作に携わった際に使用したループスライダーの実装方法をメモ。個々の画像をじっくり…
構造化データとは、検索エンジンがサイトの内容をきちんと認識できるよう、検索エンジンに対してコンテン…