webサイト制作

JavaScript

フィルタリングやソートが出来る高機能プラグイン「muuri.js」

JavaScriptwebサイト制作フィルター機能、ソート機能が付いて可変グリッドレイアウトも実現出来さらにレスポンシブにも対応した、無料で商用利用も可能な Javascriptプラグインの「muuri.js」haltu.github.io...
webサイト制作

videoタグの属性を設定する

webサイト制作html5ではvideoタグを使うことで簡単にページに動画データを埋め込む事が出来ますが、スマートフォンで見た場合にはiOSとandroidで対応している物、していない物が違うので注意が必要です。場合によっては以前のように「...
webサイト制作

Google Formにオリジナルのcssを適用させてカスタマイズと自動返信機能を追加

webサイト制作以前授業でも使ったGoogleフォームですが、設置も簡単でスプレットシートと紐付けする事でお問い合わせ内容をデータベース化する事も簡単に出来てしまう、とても便利なツールですが、唯一の問題が「自分でCSSをいじれない」事です。...
webサイト制作

vs code でEmmet機能を使う

webサイト制作EmmetというのはHTMLやCSSを効率よくコーディングするためのプラグインで、SublimeText、Dreamweaver、Bracket、vs codeなど様々なエディターやIDE(統合開発環境)で利用することができ...
webサイト制作

GoogleサーチコンソールとGoogle アナリティクス

webサイト制作Google Search ConsoleとはSearch ConsoleとはWebサイトの検索結果の状況とそれに付随する情報(Webサイトの改善案・被リンク数・キーワードなど)やGoogleが認識しているページ数、Goog...
jQuery

OSS(オープンソースソフトウェア)とは?

jQuerywebサイト制作オープンソースソフトウェアとは、利用者の目的を問わずソースコードを使用、調査、再利用、修正、拡張、再配布が可能なソフトウェアの総称である。GithubやCodePenのようにソースコードをオープンして共有する、と...
webサイト制作

配色の基本

webデザインwebサイト制作webサイトはおおまかに別けるとテキスト・画像・色の3つの情報から成り立っています。3つの中でも色はユーザーに最初に伝わる情報なので、配色次第でサイトの第一印象が決まってしまいます。初心者にとって配色は難しい部...
css3

cssのクラス命名規則

css3webサイト制作小・中規模でのサイト制作では、それほど明確なcss設計をしなくても問題は起こりませんが、大規模案件になるとhtmlもcssもかなりの量になり、css設計がないと保守性が悪くなってしまったり、意図しないところに影響して...
webサイト制作

8の倍数デザイン論とそれに伴ったブレイクポイント

webデザインwebサイト制作従来、divや余白の大きさはデザインやコンテンツのボリュームによってマチマチですが、その都度値を決めるのでは無く、ある指針(ガイドライン)に沿って決める場合がよくあります。その中でも、「8の倍数デザイン論」と呼...
webサイト制作

LP(ランディングページ)の作成

webサイト制作webデザインランディングページ(Landing Page)とは本来、訪問者が最初に着地する(land)ページという意味合いでサイトのトップページの事をLPと呼んでいましたが、今ではLPというと「訪問者のアクションを誘導する...