JavaScript– tag –
-
テクノロジー
WordPress管理画面の 外観 > カスタマイズ に設定項目を追加する方法
近年、WordPressのバージョンが上がってからは、テーマの質や管理画面の編集機能が向上したことで、ソースファイルを直接編集する機会が減ってきました。 特に「外観 > カスタマイズ」では、画面を見ながらリアルタイムで編集した内容が反映されるのでと... -
テクノロジー
あらゆるデータを可視化するJavaScriptライブラリ「D3.js」最強説
Adobe Flashが衰退していく中、WEB上での描画に関して最も優秀なJavaScriptライブラリとして今回紹介したいのが、「D3.js」です。タイトルに「データを可視化する」と書くと、データをグラフ化すると捉えがちですが、D3.jsの凄いところはグラフだけでなく... -
テクノロジー
Pace.jsのプログレスバーがページのローディングを美しく魅せる
昔は、スマホもブラウザでWEBサイトのページを読み込むと、ローディング用のアイコンがグルグル回るだけでしたが、今ではプログレスバーが標準搭載されています。残念ながら、未だにパソコンのブラウザはタブのファビコン辺りがグルグル回るだけで、どのく... -
テクノロジー
Offcanvasを付けたBootstrapのベーステンプレート作ったよ!
Offcanvas(オフキャンバス)とは、皆さんご存知のiOSやAndroidなどのスマートフォンでは当たり前のように使っているもので、画面の横(左右)からスルッと飛び出してくるメニューのことで、今回はBootstrapにこのOffcanvasを付けたベーステンプレートを作... -
テクノロジー
究極のパララックスサイトを作るなら1度はparallax.jsを見るべし!
特殊なメガネをかけて見る3Dテレビや、裸眼で立体的に見えるゲーム、スマホが流行ってきた頃、WEBデザイナーやAppleは3Dなんて必要ないと言わんばかりに"視差効果"を使ったデザインが流行りだしたことを今でも覚えています。WEB2.0と言われていた時代には... -
メディア
WEB屋なら素材を毎月無料ダウンロードできる”Envato”のアカウントを作成するべき!
Envato(エンバト)は画像や動画だけでなく、HTMLテンプレートやWordPressのテーマ、ソースコードまで高品質な素材を格安で販売しているサイトです。 Envatoには有料の素材を毎月無料でダウンロードできるサービスがあり、アカウント作っておけば登録した... -
テクノロジー
【jQuery Steps】入力フォームをウィザード(ステップ)形式にするjQueryプラグイン
HTMLで大量の入力項目があるフォームを作成した際に、ページが縦に長くなり過ぎてしまうと、同じ縦幅で横移動できたらと思うことはないでしょか。そこで、今回ご紹介するのが「jQuery Steps」というjQueryのプラグインです。個人的にはPCで利用する場合は... -
テクノロジー
CDNでWEBサイトを高速化!CDNを利用する場合のメリットとデメリット
近年、特にスマホなどの回線の細い端末では、高速化することが重要視されるようになり、CDNの存在がが広まって認知されるようになってきています。私もCDNを利用する機会が増え、WEBサイトの高速化だけでなく開発が少し楽になったと感じています。今回はCD... -
テクノロジー
WordPressテーマのベースを3つ制作!レスポンシブ対応でオプション機能付き♪
最初、WordPressのテーマを自分で作ろうと思ったら、何から手を付けていいかわかりませんでした。WordPressのテーマを自作する人のために、「ブランクテーマ」というベース的なテーマが存在します。今回は利用したブランクテーマとCSSフレームワーク、そし... -
テクノロジー
WordPressの記事内にJavaScriptを挿入する4つの方法
今回はWordPressで独自のJavaScriptを有効化する方法を4つご紹介します。WordPressで特定の記事だけJavaScriptを読み込ませたい場合、そのままscriptタグを記載してもWordPressの機能で削除されてしまいます。たぶん、セキュリティ対策だと思うのですが、...