SPA（シングルページアプリケーション）のフレームワークと聞くと、どうしてもReactやAngular等のJavaScriptのライブラリを想像すると思いますが、今回は学習コストがかかるような複雑なものでなく、iOSやAndroidのネイティブアプリのようなUIを実現するた...

近年、WordPressのバージョンが上がってからは、テーマの質や管理画面の編集機能が向上したことで、ソースファイルを直接編集する機会が減ってきました。 特に「外観 ＞ カスタマイズ」では、画面を見ながらリアルタイムで編集した内容が反映されるのでと...

Adobe Flashが衰退していく中、WEB上での描画に関して最も優秀なJavaScriptライブラリとして今回紹介したいのが、「D3.js」です。タイトルに「データを可視化する」と書くと、データをグラフ化すると捉えがちですが、D3.jsの凄いところはグラフだけでなく...

Offcanvas（オフキャンバス）とは、皆さんご存知のiOSやAndroidなどのスマートフォンでは当たり前のように使っているもので、画面の横（左右）からスルッと飛び出してくるメニューのことで、今回はBootstrapにこのOffcanvasを付けたベーステンプレートを作...

特殊なメガネをかけて見る3Dテレビや、裸眼で立体的に見えるゲーム、スマホが流行ってきた頃、WEBデザイナーやAppleは3Dなんて必要ないと言わんばかりに"視差効果"を使ったデザインが流行りだしたことを今でも覚えています。WEB2.0と言われていた時代には...

Photoshopなどの画像編集ソフトを使わずに、CSSだけで画像に明るさやコントラストの調整、モノクロやぼかしなどの効果（エフェクト）を与えることができる無料のオンラインツールを作成しました！写真を選択してスライドバーを動かすだけで、CSSのfilterプ...

Envato（エンバト）は画像や動画だけでなく、HTMLテンプレートやWordPressのテーマ、ソースコードまで高品質な素材を格安で販売しているサイトです。 Envatoには有料の素材を毎月無料でダウンロードできるサービスがあり、アカウント作っておけば登録した...

近年、特にスマホなどの回線の細い端末では、高速化することが重要視されるようになり、CDNの存在がが広まって認知されるようになってきています。私もCDNを利用する機会が増え、WEBサイトの高速化だけでなく開発が少し楽になったと感じています。今回はCD...

最初、WordPressのテーマを自分で作ろうと思ったら、何から手を付けていいかわかりませんでした。WordPressのテーマを自作する人のために、「ブランクテーマ」というベース的なテーマが存在します。今回は利用したブランクテーマとCSSフレームワーク、そし...