jQuery「$.get()」を使ってページ最下部で追加データを取得
TwitterやFacebookのように一番下までスクロールしたら自動的に追加データを読み込んで表…
小金井にあるWEB制作会社の備忘録
MEMORANDUM数多くのホームページをご依頼いただいている中で、実際に株式会社衆が制作に携わった案件の中で使用している手法や、基礎知識に関しての備忘録を掲載。
自社でホームページの制作やシステム開発を行われる際の参考例として、またはホームページをご依頼される際の予備知識としてお役にたてれば嬉しいです。
-
javascript
-
CSS
CSS「transition」を使ってマウスオーバー時にアンダーラインを表示
グローバルメニューにマウスを乗せた際の動きもバリエーションが増え、サイトによって様々。このサイトで…
-
javascript
jQueryでテキストをタイピング風に一文字ずつ表示
キャッチコピーなどを効果的に見せたいときに使用したタイピング風に一文字づつ文字を表示される方法をメ…
-
CSS
CSS「keyframes」を使ってアニメーション効果を実装
オンマウス時などにCSSのみで簡易的なアニメーション効果を実装する方法をメモ @keyfra…
-
javascript
jQueryでページ遷移時にフィルターを左右に開閉してコンテンツを切り替える
採用サイトを作成した際に、ページ遷移にアクセントをつけたくて実装した開閉アニメーションの方法をメモ…
-
javascript
jQueryでアニメーション効果を遅延して適応させる
サイト内で画像などを複数並べてアニメーションさせる場合に、一度にアニメーションを適応させるのではな…
-
その他
InstaWindowを使ってインスタグラムの投稿をホームページに埋め込む
インスタグラムのサイト埋め込みと言えば「instawidget」が有名だったんですが、サービスが使…
-
PHP
PHPの「date」関数で日付（現時刻と指定日）を取得
新着情報や購入情報などデータベースへ日付を登録する際に使用するdate関数の使い方をメモ。指定日や…
-
PHP
全てのアクセスを一カ所に集約するフロントコントローラー
MVCと呼ばれる各種フレームワークで、良く利用されるのが「フロントコントローラー」という構成。全…
-
PHP
メールの入力値をPHPの正規表現「preg_match」でチェック
メールフォーム等での入力値チェック（バリデーション）。PHPの「preg_match」（正規表現）…
-
javascript
jQuery「scrollTop」でページ内リンクのスムーススクロール
ランディングページ（LP）では、どこのサイトでも使用されているページ内リンクでのスムーススクロール…
-
javascript
クリックで動くプルダウンメニューの作成
メニューの項目数が増えてくると一度で全てを表示するのは難しい。だからといってカテゴリーに分けて何…
-
CSS
文字サイズは「rem」を使って一括管理
webサイトを作る上で、文字の大きさを考慮することは非常に大切。一文字ずつ「px」で設定しても良い…
-
CSS
「transform」でマウスオーバー時に画像を反転（3D回転）
以前求人サイトを手掛けた時に使用した、マウスオーバーの時に3D回転（反転）をする方法をメモ 。使用…
-
CSS
疑似要素と「counter」で自動ナンバリング
ポイント等を表現する時にナンバリングをしていますが、項目増えたり、並び替えた際に番号の振り直し忘れ…
-
その他
ホームページの公開。サーバー選びは「転送量」を参考にする
AWSなどのクラウドサーバーも一般的になってきたので、従来のレンタルサーバー(共有サーバー)は実際…
-
javascript
画像を無限ループさせる「ループスライダー」
「むさし野クリニック」の制作に携わった際に使用したループスライダーの実装方法をメモ。個々の画像をじ…
-
その他
Twitterカードを導入して情報発信
コンテンツマーケティングの一環として、自社でブログを書いてツイッターで情報発信という流れをされてい…
-
CSS
Font Awesomeを使ってWebアイコンを実装
ホームページを制作する中でアイキャッチ等のポイントとして使われているアイコン。以前は画像を作成して…
-
その他
常時SSL化。ホームページのURLを「http」から「https」に変更する方法
2019年12月から2020年2月にかけ、Google ChromeではWebサイト内の「HTTP…
-
javascript
JSON-LDを使った構造化データマークアップ
構造化データとは、検索エンジンがサイトの内容をきちんと認識できるよう、検索エンジンに対してコンテン…
-
CSS
Google Web Fontを使って文字を装飾する
コンテンツのテキスト部分より目立つようにしたい場合に、画像を作成して表現することの多かった見出しや…