WP2StaticでWordPressを手軽に静的サイト化！ | ブランディング、Web戦略、ホームページ制作は東京都品川区五反田のアッタデザイン｜ATTAdesign
アッタデザインのwebサイトをWordPressから静的サイトへ変更しました。 静的サイトへ変更した経緯としては、WordPressとプラグインの頻繁なバージョンアップなどのメンテナンスの煩わしさから、制作メンバーを解放するためです。 エンジニアではないメンバーも、試してみたいプラグインひとつインストールするたびに、サイトが停止してしまわないかドキドキしてしまいます。 テスト環境は用意しているのでそちらで問題ないことを確認してからインストールするよう、社内のルールとしているのですが、それでも本番サイトが停止してしまわないか、ドキドキしながらボタンを押す・・・。 正直、誰であってもそんなドキドキはしたくないはずです。 そのドキドキは憧れの異性とアッタ！ときにとっておきましょう。 今回は、そんなメンバーのドキドキから解放した「WP2Static」を使って静的サイト化する方法をご紹介します。 W
Lightbox
Getting started Download a zip of the latest release (or any previous one) from the Github Releases page. Or install using npm: npm install lightbox2 --save Open up the zip file and take a peek at the barebones, working example that is included in the /examples folder. Ready to set Lightbox up on your page? Start by including the Lightbox CSS and Javascript. You can grab both these files from the
VS Codeを使いこなせ! フロントエンジニア必須の拡張機能7選 - ICS MEDIA
「Visual Studio Code（略称：VS Code）」はMicrosoftが提供している無償で高機能なエディターです。標準でも十分な機能は備わっていますが、拡張機能をインストールすることで、より使いやすく自分にあったエディターへとカスタマイズできます。 本記事では、HTMLコーダーやフロントエンドエンジニアに役立つ拡張機能を紹介します。 1. IntelliCode IntelliCodeはMicrosoft謹製の公式プラグイン。AI支援による次世代のコード補完がJavaScriptやTypeScriptで利用できるようになります。APIの一覧がアルファベット順に提示されるのではなく、利用する可能性の高いAPIがAIによって予測されます。 コード補完の様子を次のスクリーションショットでご覧ください。入力候補の「★」マークが付いているところが、補完候補になっているところです。人工知
プログラマーにとって便利なプログレスバーのJavaScript Plugins「 9 Free Progress Bar JavaScript Plugins For Web Designers」
プログラマーにとって便利なプログレスバーのJavaScript Plugins「 9 Free Progress Bar JavaScript Plugins For Web Designers」 Webサイト閲覧中によく見かけるプログレスバーですが、最近は動きや形も様々で遊び心のあるものも増えてきています。そんな中今回は、プログラマーにとって便利なプログレスバーのJavaScript Plugins「 9 Free Progress Bar JavaScript Plugins For Web Designers」の紹介したいと思います。 Animated Goal Progress Bar jQuery plugin ベーシックなものから、ちょっと変わったものまで9種類のプログレスバーがピックアップされています。 詳しくは以下 ProgressBar.js – Progress bar
HTML5 Sortable
HTML5 Sortable is a jQuery plugin to create sortable lists and grids using native HTML5 drag and drop API. DEPRECATION NOTICE This project is not mantained anymore. I recommend using RubaXa's Sortable or voidberg's fork instead. Why another sortable plugin? Because it's better. Well, If you want to read the whole story read it here. Features Less than 1KB (minified and gzipped). Built using native
jquery プラグイン/作成 - Qiita
注意 この文章は、ここの文章をそのままコピペしたものです。 プラグイン作成に非常に有効なのでメモしました。 最新版はオリジナルの文章を読むことをお勧めします。 元文書: Plugins/Authoring - jQuery Wiki(t) jQueryを使うことが快適になってきたら、プラグインの作り方を知りたくなるでしょう。それは正解です！プラグインとメソッドでjQueryを利用することは、非常に協力で、さらに、プラグインの中に最も有効な機能を抽象化することで、開発にかける時間を大幅に節約出来ます。この記事は、プラグインを書き始める際の基本的な概要とベストプラクティス、さらに気をつける必要のある一般的な落とし穴についての記事です。 目次 さあはじめよう コンテキスト 基本 メソッドチェーンの維持 デフォルトとオプション 名前空間 6.1. プラグインのメソッド 6.2. イベント 6.3.
Gmailのように「shift + クリック」でチェックボックスの複数選択を可能にするjQueryプラグイン｜プログラムメモ
Gmailはチェックボックスを複数一気に選択したいときに先頭をまずクリックして、次に最後のチェックボックスを【シフト+クリック】するとその間にあるチェックボックスが一気に選択できて非常に便利なのですが、それをjQueryプラグインで実現するには以下のようにします。 ● 1.jQueryをダウンロード http://jquery.com/ からjQueryをダウンロードします。（ダウンロードしたファイル名を jquery.js とします。） ● 2. jQuery Field Plug-inをダウンロード http://www.pengoworks.com/workshop/jquery/field/field.plugin.htm から【jquery.field.js】をダウンロードします。 ● 3. 以下のようなチェックボックスを含むhtmlを用意します <form> <input ty
綺麗な動きになった！Web制作前に見ておきたいjQueryプラグインまとめ
作成：2014/12/8 Web制作 > 比較的最近のjQueryプラグインやプロフェッショナルな方々が作成されたスクリプトの中から、サイト制作時に取り入れてみたいエフェクトを厳選してご紹介。今風の見え方を実現できそうなものをチョイスしました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ ファーストビュー １．スライドを立体的に切り替え ２．クリックで滑らかにページ遷移させる ３．背景にスライド、フルスクリーンで固定させる ４．横に移動するフルスクリーンスライド ５．キューブ系のスライドを表示 ６．下方向へドラッグするとページを再読み込みする ７．要素を上下にフワフワ動かす ８．外部要素をクリックで表示 ９．タイピングエフェクト 動作 １０．サーチボックスを画面全体にオーバーレイさせる １１．デイトピッカー １２．ドラッグ＆ドロップ 画像をアップロードする
jQuery LoadingOverlay - Gaspare Sganga
IT Manager, GIS Analyst & Lead Developer @setin. Freelance Developer & Consultant. A flexible loading overlay jQuery plugin Contents Quick Demo Get it Features Methods Actions Options and defaults values Animations Examples History Comments and Ideas Quick Demo Try jQuery LoadingOverlay! Get it GitHub View project on GitHub or download the latest release. npm npm install gasparesganga-jquery-loadi
カレンダー実装プラグイン「Bootstrap Calendar」
「Bootstrap Calendar」はBootstrap 3ベースでカレンダーが実装できるjQueryプラグインです。 ダウンロード スクリプト <link href="bootstrap.css" type="text/css" rel="stylesheet"> <!-- Bootstrap 3 --> <link href="css/calendar.css" type="text/css" rel="stylesheet"> <script src="underscore-min.js" type="text/javascript"></script> <script src="js/calendar.js" type="text/javascript"></script> <script src="bootstrap.js" type="text/javascript"></
CakePHP 2.x – ComposerでDebugKitをインストール – SOAR CODE
前回はファイルをダウンロードしてDebugKitをインストールする方法を紹介しましたが、今回はComposerを使用してDebugKitをインストール方法をご紹介したいと思います。 前回の記事はこちら。 CakePHP 2.x – DebugKitの導入方法 前提条件Composerがインストールされていることが前提条件です。 Composerのインストール方法、基本的な使い方は下記の記事をご覧ください。 今更なComposerの基本的な使い方 そのままインストールすると…CakePHPのサイトからzipファイルをダウンロードして展開すると、composer.jsonが含まれています。 composer.jsonにはDebugKitが既に含まれているので、composer installをするとDebugKitがインストールされますが、現在のフォルダ構成上、vendorディレクトリを、pl
2016年総まとめ、JavaScriptのライブラリやjQueryのプラグイン100+α選
毎年恒例のJavaScriptのライブラリやjQueryのプラグインの総まとめを紹介します。 今年リリースされたものから、アップデートされたものまで、これからのWebページやスマホページの制作に役立つJavaScriptを100+αまとめました。 KUTE.js クロスブラウザ対応のさまざまなアニメーション、2Dと3Dの変形、SVGの変形、CSSのプロパティ値の変化、SVGのモーフィング、SVGの描画などネイティブのJavaScriptでアニメーションを実現する軽量スクリプト。 デモページ Choreographer-js 「choreographer」は振り付けという意味、CSSアニメーションのさまざまな動き・振る舞いを簡単に設定できます。 デモページ Barba.js 通常のリンクのアクションによるハードリフレッシュをなくし、HTTPリクエストと描画を最小限に抑え、更にエフェクトを加え
設置が超簡単でカスタマイズ性の高い吹き出しホバー用jQueryプラグインjquery.balloon.js - URIN HACK
設置が超簡単でカスタマイズ性の高い吹き出しホバー用jQueryプラグインjquery.balloon.js 設置が超簡単でカスタマイズ性の高い吹き出しホバー用jQueryプラグインjquery.balloon.jsの使い方。 設置方法はjQueryと本プラグインのjavascriptファイルのみでCSSや画像などは不要。どこにでも簡単に設置することができる。 設置方法 (1) プラグインをダウンロードして、jQueryの後にスクリプトファイルを読み込む。
ホームページ制作なら渋谷のウェブ制作会社【スタイル】
【スタイル】は東京都渋谷区でホームページ制作を行うウェブ制作会社です。ウェブサイト制作、SEO対策、ウェブマーケティングなどを承っています。良質テンプレートでの格安ホームページ制作プランもあります。
ホームページ制作なら渋谷のウェブ制作会社【スタイル】
【スタイル】は東京都渋谷区でホームページ制作を行うウェブ制作会社です。ウェブサイト制作、SEO対策、ウェブマーケティングなどを承っています。良質テンプレートでの格安ホームページ制作プランもあります。
CakePHPで無限スクロール - Qiita
function index(){ // ページング処理 $this->set('products',$this->paginate('Product')); } <?php echo $this->Html->script('jquery.infinitescroll.min', array('inline' => false)); ?> <?php echo $this->Html->script('products_index', array('inline' => false)); ?> <div id="products"> <?php // 表示内容 foreach($products as $product){ echo '<div class="product">'; echo '<h3>'.$post['Product']['title'].'</h3>'; echo '
初心者ツクラーの為のJavaScript入門 - トモタカラボ
要約 JavaScript、難しいと思いませんか? プログラミングなんて、やったことがない。難しくて分からない。そんな人の為に書きました。 01 はじめに この記事は、ツクールMVに適したJavaScript入門を紹介します。主に以下の人が対象です。 プログラミングって何だか分からない。if文? for文?? 何ですかそれは??? これからJavaScriptを学ぼうと思っている ツクールMVでJavaScriptプラグインを作ってみたい でも、何を揃えれば良いのか、踏み出し方がわからない ツクールMVでJavaScriptプラグインに触れるにあたり、いちばん簡単な説明書のつもりで書きました。JavaScriptプログラミング学習前の、必要な前提知識・ツール・書籍を紹介します。 02 奥深きJavaScript界への第一歩 RPGツクールMVには、JavaScriptプラグイン機構が搭載
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
リストから必要な物を選ぶUIを実現する「jQuery.SelectListActions」:phpspot開発日誌
本をめくるようなエフェクトを実装できるjQueryプラグインまとめ！
【jQuery】datetimepicerプラグイン - Qiita
