WP2StaticでWordPressを手軽に静的サイト化！ | ブランディング、Web戦略、ホームページ制作は東京都品川区五反田のアッタデザイン｜ATTAdesign
アッタデザインのwebサイトをWordPressから静的サイトへ変更しました。 静的サイトへ変更した経緯としては、WordPressとプラグインの頻繁なバージョンアップなどのメンテナンスの煩わしさから、制作メンバーを解放するためです。 エンジニアではないメンバーも、試してみたいプラグインひとつインストールするたびに、サイトが停止してしまわないかドキドキしてしまいます。 テスト環境は用意しているのでそちらで問題ないことを確認してからインストールするよう、社内のルールとしているのですが、それでも本番サイトが停止してしまわないか、ドキドキしながらボタンを押す・・・。 正直、誰であってもそんなドキドキはしたくないはずです。 そのドキドキは憧れの異性とアッタ！ときにとっておきましょう。 今回は、そんなメンバーのドキドキから解放した「WP2Static」を使って静的サイト化する方法をご紹介します。 W
carouFredSelで画面横幅いっぱいのスライダーや、レスポンシブスライダーを実装する｜Gimmick log
<div id="slider"> <div id="wrapper"> <ul id="carousel"> <li><a href="#"><img src="../images/main-bnr/01.jpg" width="600" height="300" /></a></li> <li><a href="#"><img src="../images/main-bnr/02.jpg" width="600" height="300" /></a></li> <li><a href="#"><img src="../images/main-bnr/03.jpg" width="600" height="300" /></a></li> <li><a href="#"><img src="../images/main-bnr/04.jpg" width="600" height="3
Lightbox
Lightbox 3 — Zero dependencies. Fluid animations. Built for touch. Check it out → 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
scrollnav.js
A small, dependency free JavaScript plugin for auto generating and tracking single page navigation (aka a Table of Contents) Get started View the demos Features Simple setup Pass your page’s content to scrollnav and it will generate the navigation and track scrolling automatically. Fully customizable All the styling is up to you, make scrollnav look and behave however works best for your project.
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
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
テキストを均等割り付けしてくれるjQueryプラグイン「jQuery.justify.js」
Justified / ark 先日仕事で「Webページにおける文字の均等割り付け」を行わなければならない場面がありまして。 「そんなんCSSで簡単にできるでしょ」と思っていたら、text-align:justify;がwebkit系のブラウザだと上手く動かないことが発覚。 無理やりスペースつこうて揃えてやろうかなどと思っていたところ、NxWorldの@nxworld_net さんにテキストの均等割り付けをしてくれるjQueryプラグイン「jQuery.justify.js」を教えて頂きました:) 参考：文字の均等割り付けを行うjQueryプラグイン jQuery.justify.js | php-tips @OZPA 情報古いし試してないので保証はできないんですが、http://t.co/8Efen0aVwGみたいなjustify実装みたいなjQueryプラグイン使うとかですかね…。僕は
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
タイプライターアニメーションエフェクト実装「jQuery.Hypertext.Typewriter」:phpspot開発日誌
テキストを部分的にアニメーションしながら交換できる「jQuery Text Rotator」:phpspot開発日誌
リストから必要な物を選ぶUIを実現する「jQuery.SelectListActions」:phpspot開発日誌
巨大データでも高速に動作する「jquery.dgtable」:phpspot開発日誌
GitHub - slywalker/TwitterBootstrap: Plugin for CakePHP2 to use Bootstrap, from Twitter (CSS JS Framework)
https://cdn.jsdelivr.net/gh/loganstellway/ZoomIt@master/demo.html
ドラッグ＆ドロップで調整できるタイムテーブルUI「jq.Schedule」:phpspot開発日誌
GitHub - humaan/Modaal: An accessible dialog window library for all humans.
GitHub - sutara79/jquery.breadcrumbs-generator: jQuery plugin to generate breadcrumb list automatically from sitemap.
Contact Form 7に確認画面をものすごく簡単に付けられるプラグイン | アイティーエー株式会社
Animate Css Jquery