Googleの新ツールが便利すぎる！デザイナーやディレクター向けの新しいデザインツール -ProjectVisBug | コリス
VisBugはChromeの機能拡張で、ブラウザに表示したページのデザインやコンテンツを検証・編集できます。グリッドの確認はもちろん、要素を移動させたり、入れ替えたり、別の画像にしたり、テキストを編集したり、カラーを変更したりなど、さまざまなアイデアを実行・テストすることができます。 制作や検証時だけでなく、クライアントとの打ち合わせ、社内ミーティングなど、活躍するシーンがたくさんある便利ツールです。 VisBug -GitHub VisBugの特徴 VisBugのインストール VisBugの機能 VisBugの特徴 VisBugはChromeの機能拡張で、デベロッパーツールのデザイナーやディレクター向けという感じです。開発者のAdam Argyle氏は、Googleの現役UXエンジニア。 機能拡張なので、使うのは簡単です。 Chromeで当ブログを表示し、VisBugを起動してみました。
WordPressの不正ログインに効果あり！管理画面のログイン時のURL(wp-login.php)を簡単に変更できるプラグイン -Login rebuilder
WordPressの管理画面へのログイン時のURL(wp-login.php)を簡単に変更できる国産プラグインを紹介します。 管理画面に総当たり攻撃をされて困っている人は是非お試しください。 当ブログはこのプラグインを使用して解決しました、作者様に感謝！ Login rebuilder -Plugin Directory Login rebuilder公式ページ（日本語） Login rebuilderのインストール Login rebuilderの設定 Login rebuilderのインストール WordPress公式のPlugin Directoryから通常のプラグインと同様にインストールできます。 管理画面の「プラグイン」から「新規追加」を選択。 「プラグインの検索」に「Login rebuilder」を入力して検索。 「Login rebuilder」の「いますぐインストール」を
WordPressのパーマリンク設定を変更して、SEOや日本語URLの対策をしよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、メディア事業部のエリーです。 みなさん、「パーマリンク」というものをご存知ですか？ 生きていく上でおおよそ必要のなさそうな単語ですが、WordPressでブログを書いている人やこれからブログを始めようとしている人には、とても重要なものです。 またブログに限らず、Webサイトの根幹に関わる要素の1つとして、初期段階で構成を決定した方が良いと言われています。 そこで今回は、一体どんなパーマリンクが理想的なのか、なぜ重要なのかをWordPressに最適化した超高速サーバー「Z.com for WordPress」さんにお聞きしました。 ▼目次 パーマリンクってなに？ 理想的なパーマリンクは？ 上記パーマリンクが理想的な4つの理由 なんでシンプルなURL構造が良いの？ 日本語URLはダメなの？ パーマリンクとSEOの関係は？ 解析しやすいパーマリンクって？ パーマリンクの設定の仕方 1
Ajaxのページ遷移でURLが変更できるjQueryプラグイン「PJAX」
Ajaxのページ遷移でURLが変更できるjQueryプラグイン「PJAX」の紹介です。 １．はじめに jQuery.ajax()を使ってウェブページのコンテンツを入れ替えた場合、ブラウザのURLは変更されません。 が、本エントリーで紹介する「PJAX」を利用すれば、コンテンツを入れ替えと同時にURLの変更を行うことができます。 PJAX 「PJAX」とは「pushState」と「Ajax」を組み合わせた機能をもつjQueryプラグインです。 URLの変更は「History API」というHTML5の機能を使って実現しています。 「pushState」は、History APIで履歴を追加するメソッドを指します。 ２．プラグインのダウンロード PJAXのダウンロードページにアクセスし、最新版のjquery.pjax.jsまたはjquery.pjax.min.jsをダウンロードします。 ３．サ
PowerPointで2スライド目のページ番号を「1」にする方法
PowerPointで2スライド目のページ番号を「1」にする方法を紹介します。 ここではPowerPoint 2010を使って説明します。 １．ページ番号を挿入する まず、PowerPointでページ番号を挿入する方法です。 メニューバーから「挿入」タブをクリック。 「スライド番号」のアイコンをクリック。 ウィンドウ幅を狭くしているとアイコンが小さくなっているので注意してください。 「ヘッダーとフッター」画面が開くので、「スライド」タブの「スライド番号」をチェックして「すべてに適用」をクリック。 これで全スライドの右下にページ番号が表示されます。 （クリックで拡大） ２．タイトルにページ番号をつけない タイトルスライド（=1ページ目）にページ番号をつけたくない場合、さきほどの画面で「タイトルスライドに表示しない」をチェックして「すべてに適用」をクリック。 これで1スライド目のページ番号は非
サイトルートに表示する | DriftwoodJP
トップページを作成するWordPress の管理パネル 固定ページ > 新規追加 でサイトのトップページを作成し、公開する。 ルートディレクトリを設定する管理パネルで「設定 > 一般設定」を開く。サイトのアドレス (URL) 欄を、ルートディレクトリの URL に変更し、保存する。
【WordPressで感覚的にヘッダー画像を変更できる機能を付ける】カスタムヘッダー機能を付けて納品するとお客さんにとても喜ばれます｜今村だけがよくわかるブログ
【WordPressで感覚的にヘッダー画像を変更できる機能を付ける】カスタムヘッダー機能を付けて納品するとお客さんにとても喜ばれます Webサイトを作る際に「ヘッダー」って結構凝りますよね。カッコイイ、インパクトあるキレイな画像やロゴなどで目を惹いて、サイトの印象を決めるのに一役買っていますかね。 私のこのブログの場合は、ヘッダーにロゴを入れています。このヘッダーにあるロゴのおかげで、結構サイトの存在を覚えてもらいやすくなっていますよ。「ああ～、あの色がいっぱいあるサイトね」みたいな・・・ そんなヘッダーですが、手軽に管理できる方法がWordPressにはあります。「カスタムヘッダー」機能と呼ばれています。この「カスタムヘッダー」機能を導入して納品すると、お客さんにとても喜ばれます。 ではでは、導入方法をご紹介します～。 ヘッダーを管理する「カスタムヘッダー」機能を追加それでは、ご使用のテ
WordPressでスラッグが自動で変更される場合の対処
WordPressでスラッグが自動で（勝手に）変更される場合の対処について、情報展開します。 １．問題点 固定ページなどで「スラッグ」に「news」と設定しました。が、自動保存されたあとのパーマリンクの末尾が「news」ではなく、「news-2」になってしまいます。 また、公開後は「スラッグ」の内容も「news-2」に変更されてしまいます。「スラッグ」の内容を「news」に戻しても変更できません。 ２．原因と対処 「news-2」「news-3」という風に、末尾に番号が付与されるのは、同じスラッグの記事がすでに存在しているのが原因です。 スラッグを変更できるようにするには、同じスラッグの記事のスラッグ名を変更するか、その記事が不要であればゴミ箱に移動したあと、完全に削除します（下）。 完全に削除しないと同じスラッグが存在しているとみなされます。 ３．真の原因 そもそも、スラッグの末尾に番号
jQueryでグローバルメニュー内のリストから「現在のページ」のURLを持ったリストにclassを加える
グローバルメニュー内のリストの中で 現在のページの部分にclassを与える事 で今いるページだけをスタイリングする 事が出来ます。静的なサイトなら手作業 で済みますが、CMSとかASPになると、その 中のルールに依存するので少し厄介です。 某所で悩んでる人を見かけたので書いてみます。本当はさほどネタがないんですが。 実装 「現在のページ」のリンクだけclassが加わっていますので赤い文字にスタイリングする事が出来ました。 コードvar url = window.location; $('.menu a[href="'+url+'"]').addClass('current');jQueryはこれだけです。別にjQueryじゃなくてもよくね？ってコードですが。 現在のページのURLを取得して属性フィルタで判別してcurrentっていうclassを与えます。これで「現在閲覧中のページ」のリンク
Movable Typeでログイン後の管理画面を変更する「ScreenChangerプラグイン」
Movable Typeのログイン後の管理画面を変更する「ScreenChangerプラグイン」を公開します。 １．基本 Movable Typeでは、ログイン後の管理画面はユーザーダッシュボードになります（下）。 デフォルトでダッシュボードを表示させるのは、ログインしたユーザーによっては複数ブログの権限をもっている場合があり、どのブログ（またはウェブサイト）の管理画面を表示させればよいか一意に決められないのが理由のひとつと思われます。 また、「一律、ブログ記事一覧画面を出せばいいのでは？」と思われるかもしれませんが、デザイナーやコメント投稿者など、記事編集権限をもたないユーザーもいるので、単純に決めることができません。 ２．機能 ということで、本プラグインを適用すればログイン後の画面をブログ記事一覧画面に変更します。 具体的には次の動作になります。 システム管理者：システムのブログ記事一
[JS]CSSファイルに変更を加えてもリフレッシュ無しで反映させるスクリプト -CSSrefresh
CSSファイルに変更を加えてもページのリフレッシュ無しで変更を反映させるスクリプト（とブックマークレット）を紹介します。 CSSrefresh - automatically refresh CSS files [ad#ad-2] CSSrefreshは制作時に役立つスクリプトで、CSSファイルに変更を加えて保存すると、ページのリフレッシュ無しで変更を反映させます。 CSSrefreshの使い方 使い方は簡単で、2通りあります。 CSSrefreshをインクルードする 使用するページにCSSrefreshを外部スクリプトとして記述します。 <head> <link rel="stylesheet" type="text/css" href="css/site.css" /> <script type="text/javascript" src="js/cssrefresh.js"></sc
jQueryで長いページの区切り（セクション）ごとに背景を変化させる
Posted: 2011.11.07 / Category: javascript / Tag: jQuery, アニメーション 最近は一ページに内容を詰め込んだ縦長のページが増えてきましたね。 そこでスクロールすると区切り（セクション）ごとに背景が変化したら、面白いのではないのかと思いましたのでやってみました。 html sectionはhtml5ではなくdivにclassでマークアップした昔ながらの形式にしました。 html <div class="section"> <h2>Section0</h2> <p> ここは0番目のコンテンツです。 </p> </div> <div class="section"> <h2>Section1</h2> <p> ここは1番目のコンテンツです。 </p> </div> <div class="section"> <h2>Section2</h2>
設定も簡単・軽量(5KB)・シンプルな、Webサイトのフォントサイズを変更できるjQueryプラグイン・Font sizer
なかなか便利かもと思ったのでメモ。よくある、 フォントサイズを変更できるやつなんですけど、 設定が凄く楽で軽量なjQueryプラグインです。 導入も楽なので積極的にうまく入れて行きたい ですねー。正直使ってもらえるか分からない ものですけど、あれば誰かに役に立つかも 知れませんし。 軽量でシンプルなフォントサイザーです。クロスブラウザで動作してくれて細かい設定も簡単に出来ます。ライセンスはMITとGPLのデュアルライセンスとなっています。 これこれ。よく見かけますよね。多くの場合は小、中、大となっていますが、これはもっと細かい設定を簡単に行えます。ボタンは若干分かりにくいのでその辺は工夫してみてください。 設定を変えるプラグイン（jquery.fontSizer.js）を開いて20行目あたりの変数定義の部分です。 var defaults = { maxSize: 30, minSize:
CharsetEncoder プラグイン v0.12
Movable Typeで、任意の文字エンコーディング（文字コード）のページを出力する「CharsetEncoder プラグイン」をバージョンアップしました。 １．変更点 文字エンコーディングからShift_JISを選択した場合、「～」などの文字が「?」に文字化けする不具合を対処しました。hinashikiさんからのコメントでこの不具合を知りました。この場をお借りしてお礼申し上げます。 対処前のShift_JISの表示 対処後のShift_JISの表示 文字化けをなくすための具体的な対処内容は、Shift_JISを選択した場合に「CP932」というエンコーディングを明示的に選択できるようにした点です。 プラグイン設定画面 テンプレート設定画面 CP932とは、MicrosoftによるShift_JISの独自拡張です。Windows環境で作成した記事をShift_JISで文字エンコーディング
PageButeプラグインで分割したページの文字コードを変更する方法
Movable Typeで人気の静的ページ分割プラグイン「PageBute」で、分割したページの文字コードを変更する方法を紹介します。 １．はじめに MTで出力するページの文字コードはUTF-8ですが、mt-config.cgiに環境変数「PublishCharset」を設定することで、他の文字コードで出力することも可能です（注：MT5以降はUTF-8のみサポート）。 ただしPageButeプラグインを使った分割ページでは、この環境変数の設定が反映されないようです。 ということで、分割したページの文字コードを変更する方法を紹介します。 次の画面は、PageButeプラグインでページ分割したページ（左下にページ送りのナビゲーションあり）の文字エンコーディングが「Shift_JIS」に変わったことを示したものです。 文字コードを変更する方法は次の通りです。文字コードはブログ（ウェブサイト）また
jQuery Title Alert | Jonatan Heyman | heyman.info
A little more than a year ago I wrote a small jQuery plugin at ESN where I work, called jquery-titlealert. It provides functionality for flashing a notification message in the browser title. Title alert notifications can be useful when you want to notify a user of some kind of web page event (for example an incoming chat message), when the user has another window, or another browser tab, in focus.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
ブログ
YouTube人気急上昇
YouTube人気急上昇