画像をグループでソート、クリックでライトボックス表示し、かつjquery3.xに対応させる
2018-10-20
サイト内で複数の画像をまとめて表示するときに項目でソートできるjqueryのプラグイン「Shuffle.js」。 まずはデモページをご覧ください Shuffle.jsCategorize, sort, and filte…続きを読む
もっともっとモックアップを活用しよう 1
2018-10-13
Mockup（モックアップ ※模型の意）とはデザインなどの現場で使われる手法の一つで、作成過程で完成イメージをビジュアル的に確認するために使われるもので、プレゼンテーションやブランディングイメージ作成シーンに欠かせないも…続きを読む
ユーザビリティ向上のためにサイトの表示スピードを改善する
2018-10-09
真夜中WEBがコンセプトとして掲げる3つの要素に「軽さ」があります。 軽さとは、サイトを構成するhtmlやcss、javascript、php、画像などのファイル群自体の容量の小ささを言いますが、このことだけにとどまらず…続きを読む
Google fontsで日本語Webフォントの正式版がリリースされたらしいので試してみた
2018-10-01
いままでもGoogle fontsは「Google Fonts + 日本語早期アクセス」として日本語WEBフォントを無料で提供していましたが、今回正式に8種類の日本語WEBフォントがリリースされたようです。 Google…続きを読む
Atom vs VSCode vs Brackets、もっとも使いやすいエディタはこれだ！…といいな
2018-09-26
真夜中WEBではWYSIWYGエディタを使用せず、テキストエディタを使ってホームページ制作を行っております。 具体的にはWindowsでは「サクラエディタ」を、Macでは「mi」を使用しているんですが、OSごとにエディタ…続きを読む
ホームページに3DCGコンテンツを埋め込んでブラウザでグリグリ動かす1
2018-09-11
3DCGコンテンツの埋め込み方法としては、 1、sketchfabという3DCGデータ投稿・共有サービスを利用してサクッと埋め込む方法 Sketchfab – Your 3D content on web, …続きを読む