デザイン・コーディング
-
レスポンシブ対応コーディングのコツ、画像・動画・テキストを最適化
レスポンシブなウェブサイトで様々な画面サイズやデバイスに対応するためには、コーディングに工夫が必要です。 画面サイズに応じて最適化することでユーザーにとって見や…
-
クリックで開閉アコーディオンメニューの作成例 jQuery、CSSのみ
スマホサイトで利用する機会の多いアコーディオンメニュー。スペースを節約しつつ、多くの情報を表示できるので、ウェブサイトやアプリのUIによく使われます。 この記事…
-
SCSS mixinの使い方とレスポンシブサイトで使えるおすすめ実例集
SCSSはは簡潔かつ読みやすいCSSコードを書くことができる上に、効率的にコーディングできるCSSの拡張言語です。使い始めた頃は便利さに驚愕していました。その中…
-
一定期間、Newマークやバナーを表示・非表示
指定の月日が来たら非表示にする 新しく更新したページに「New!」を付けて、一定期間がすぎたら自動的に消えるようにする。 マークを表示したい場所に下記スクリプト…
-
bxSlider カスタマイズとオプション一覧
bxSliderは、レスポンシンデザインに対応したカルーセルスライダーが作成できるライブラリです。 レスポンシブ対応なので様々な画面サイズに対応できて、ナビゲー…