Interlinks Manager｜WordPress の内部リンクを監視できるプラグイン - Naifix
Google コアアップデート対策の教科書 最近になってブログのアクセス数が激減したならぜひご一読ください。初心者向けにコアアップデートの傾向と対策をわかりやすく解説しています。 内部リンク最適化プラグイン Interlinks Manager 内部リンクの管理・最適化におすすめのプラグインが、こちらの「Interlinks Manager」です。 このプラグインの機能をざっとあげてみます。 投稿内からのリンク数チェック 投稿内からの被リンク数チェック 内部リンクの強さ（価値）を計算 内部リンククリック数チェック 特定のキーワードに自動リンク SEO を意識しているブロガーにとって重宝すること間違いなしのプラグインですね。 有料（$ 33）ですが、機能を考えるなら安いものだと思います。買い切りタイプなので、追加費用も発生しません。 Search Console の内部リンクとどう違うのか
Slidebars.js【Ver2】の使い方、設定方法～バージョンが変わってます
スマホでスライドして表示するドロワーメニュー、jQueryプラグイン「Slidebars」の使い方、設置方法です。こちらの内容はバージョン2です。2016年6月頃のバージョンアップされ、公式ページもリニューアルされています。 以前のバージョンはこちらのページをご覧ください。 ⇒軽量！Slidebars.jsの使い方～スマホでスライドするドロワーメニュー それではまずは サンプルデモ１ サンプルデモ２ 以前のバージョンとの違いスライドメニューを表示するときのエフェクトがOff-Canvas Menu Effectsになっています。それと以前はオプション設定が結構あったのですがサイトを見る限りなくなっているようです。 Slidebarsの使い方、設定方法jQueryとSlidebarsよりダウンロードしたファイルのdistのフォルダからslidebars.min.jsとslidebars.mi
CSSで実装するハンバーガーメニュークリック時のエフェクト 10＋ - NxWorld
ハンバーガーメニューは「メニューだとわかりづらい」と言われることも多いですが、特にスマートフォンサイトなどでは実装する機会はやはり多くはなってきているので、今回はそのハンバーガーメニューをクリックした時（メニューが展開しているときなどのアクティブ時）のエフェクトをCSSで実装したサンプルをまとめました。 よく見る「×」のようなクローズボタンに変化するものから矢印に変化するものまで全12種類あります。
テキストリンクのホバー時に使えるエフェクト・デザインサンプル 15 - NxWorld
文章内のテキストリンクやテキストのみで実装しているようなナビゲーションリンクなどで使えそうなホバーエフェクト・デザインのサンプルです。 文字数が変化したり改行が頻繁に入るような場所などでは正直使い辛くて利用できる場面が限られてしまうものも多いのですが、シンプルなHTMLとCSSで様々な見せ方ができます。 サンプルの中で特にdisplay: inline-block;を記述しているタイプのものが意図しない箇所で改行されたり、逆にされなかったりということがあるので注意して下さい。 実際にどのような動きになってしまうのかはブラウザを縮めて確認してもらったり、または自身で環境を用意して実装・確認をしてもらうとよりわかりやすいと思います。 ここで紹介するエフェクトは、基本的に<a href="#">リンク</a>のようなHTMLに対して実装したものになります。 また、サンプルコードに含まれていません
デザイナーに必要な「作る」と「考える」バランス
作るだけだと失うバランス スキルが多ければ就職のチャンスが増えるでしょうし、デザインとコードの間を取り持つためのコミュニケーションの手間も省けます。新しい技術を取り入れたデザインが考えられることで、表現の幅も広がるはずです。柔軟性、拡張性のあるデザインを作るときにコード脳が役立ちますが、デザイナー自らがコードを書く必要性はないと考えています。 小さな組織、フリーランスであればコードを書かざるを得ない状況があるので、それは仕方ありません。『書けるべき』という強い表現が、どのような状況にも当てはまるように聞こえてしまうことに疑問を感じます。また、制作スキルばかりに力を入れても、デザイナーとしてのスキルの伸びに限界がある考えています。 デザインは人によって様々な定義が出てくるややこしい言葉ですが、私の中で「作る」ことと「考える」ことの 2 つに分けています。作ることは、何か目に見えるもの、触れる
[WordPress] WordPress 4.6 からヘッダーに表示されるようになった DNS プリフェッチを非表示にする
絵文字の DNS プリフェッチだけを削除したい場合 WordPress の絵文字機能をフックで外して使用していない場合も多いのではないでしょうか、その場合このリンクタグも必要ないため非表示にしてしまいたいです。その場合は functions.php へ以下の記述を追加します。 add_filter( 'emoji_svg_url', '__return_false' ); wp_resource_hints() を通して表示される DNS プリフェッチをすべて非表示にする プラグインの関係か、サイトによっては絵文字以外の DNS プリフェッチが表示されていました。 ウェブフォントや Bootstrap などの CDN は DNS プリフェッチされていた方がよいと思いますが、もし表示したくない場合は以下のように wp_resource_hints フィルターフックを使って非表示にすることがで
![[WordPress] WordPress 4.6 からヘッダーに表示されるようになった DNS プリフェッチを非表示にする](https://cdn-ak-scissors.b.st-hatena.com/image/square/98d899b3e6cfaeed07de9932a89bf89d4863472c/height=288;version=1;width=512/https%3A%2F%2Fmemocarilog.info%2Fwp-content%2Fuploads%2F2013%2F11%2Fimages.jpeg)
最新版！あらゆるWebページを作成する時に使える、必要最小限をまとめたHTML5のテンプレート
HTML5でWebページを作成する時のベースになる必要最小限の構成で実装されたHTML5のテンプレートを紹介します。 スニペットに登録しておくと、便利ですね。 HTML5 Boilerplate -GitHub イラスト: Girls Design Materials HTML5のテンプレート HTML5のテンプレートの解説 HTML5のテンプレート HTML5 Boilerplateのテンプレートを日本語化しました。 ライセンスはMITライセンスで、商用利用、修正、配布、サブライセンス可です。 <!doctype html> <html class="no-js" lang="ja"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>タイトル</title
自動でタブ切り替えもできるjQueryプラグイン「Tabslet」！
[/html] jQuery本体とjquery.tabslet.min.jsを/bodyの手前に読み込みます。 [html] [/html] その下に下記のスクリプトを記述します。 これがデフォルトの状態になります。 [html] [/html] どのタブから始めるか設定できます。 [html] [/html] マウスオーバーで切り替える事ができます。 [html] [/html] アニメーションで切り替える事ができます。 [html] [/html] 自動で切り替える事ができます。 [html] [/html] 「previous」、「next」のボタンを付ける事ができます。 [html] [/html] 切替時の前にイベントを設定する事ができます。 [html] [/html] 切替時の後にイベントを設定する事ができます。 [html] [/html] プラグインを使わないスキルを身に
[jQuery]スマートフォンにも対応してる画像表示プラグイン
サイトにある画像をしっかり見せたい時にレスポンシブデザインにも対応してる良さ気なプラグインを発見した。 『LightBox』っていうんだけど、僕の知ってるライトボックスじゃない方。 オリジナル：Lightbox 今回見つけたプラグイン：Lightbox · Formstone 今回見つけたプラグインは1ヶ月くらい前に見つけたんだけど、その時は『Boxer』って名前で、Formstoneってテーマの中の1つのコンポーネントとしてリリースされていた。 今の最新版はテーマに統合されて「Lightbox」って名前に改名されているので、そこから持ってこなければいけない様子。 どちらも基本的なUIは変わらなくて、githubで公開もされているので、好きな方を使えばいいと思う。 スマートフォンだとスワイプで画像を切替えられる本家のLightboxを試したら、PCとスマートフォンどちらも同じクリック（タッ
![[jQuery]スマートフォンにも対応してる画像表示プラグイン](https://cdn-ak-scissors.b.st-hatena.com/image/square/549020230e5d57b0286c993f251e50c30abbf24d/height=288;version=1;width=512/https%3A%2F%2Fhawk-a.com%2Fwp%2Fwp-content%2Fuploads%2F2015%2F04%2F963d7ddfa12c956d68a15f0360cf438e2.jpg)
美しいオーバーレイメニューを実装できる「Responsive overlay menu」 – bl6.jp
Responsive overlay menuはレスポンシブに対応した美しいオーバーレイメニューを実装することができるフレームワークです。画面全体にオーバーレイがかかり、その中に好きなメニューを作成することができます。 以下はResponsive overlay menuのフル版のデモになります。 デモ 右上にあるハンバーガーメニューをクリックすると、フェードで画面全体にオーバーレイがかかりメニューが表示されます。 余白をたっぷり取ってあるので、スッキリして見やすいデザインですね。レスポンシブなのでスマホからでも見やすいです。 ベースとなるマークアップはこんな感じです。 <div class="menu-btn"> <a class="btn-open" href="javascript:void(0)"></a> </div> <div class="overlay"> <!-- ここに
CSSでアンダーラインアニメーション - Qiita
マウスが乗るとアンダーラインが出現するアニメーション。 *Gif画像の黒い線はソースコードとは関係ないです。 左から右へ .text{ position: relative; display: inline-block; font-size: 2em; } .text:before{ position: absolute; top: 1.3em; left: 0; content: ""; display: inline-block; width: 0; height: 2px; background: #34BBF3; transition: 2s; } .text:hover:before{ width: 100%; }
รูเล็ต ทดลองเล่นรูเล็ต เว็บพนันออนไลน์ อันดับ 1 เครดิตฟรีกดรับเอง
7 คาสิโนออนไลน์ ชั้นนำที่ดีเยี่ยมที่สุด Ichimaruni-design คาสิโนออนไลน์ ขอชี้แนะ 6 เว็บเดิมพันออนไลน์ชั้นหนึ่ง ที่มีครบทุกสิ่งที่มีความต้องการ ไม่ว่าจะเป็น คาสิโนออนไลน์ บาคาร่าออนไลน์ ไพ่โป๊กเกอร์ออนไลน์ พร้อมรับโปรโปรชันเครดิตฟรีที่แจกให้แบบจุใจ เว็บไซต์ตรงไม่ผ่าเอเย่นต์ เล่นง่าย ได้เครดิตฟรี ๆ ไปเลย UFABET เครดิตฟรี ไม่รับไม่ได้แล้ว กับโปรเด็ด โบนัสปัง UFABET เครดิตฟรี สิ่งดีๆที่พวกเรามีให้เฉพา
iPhone/iPad/Apple Watch解像度(画面サイズ)早見表 - Qiita
用語解説 ポイント boundsやframe等で使用される論理的な画面サイズ。通常はこれを意識してプログラムを作成します。 ピクセル 描画が行われる論理的な画面サイズ。ピクセルパーフェクトな描画が必要な場合には、このグリッドに合うように描画を行う必要があります。 デバイス 端末に搭載された液晶の物理的なピクセル数。これが上記ピクセル数と一致しない場合には、ピクセルパーフェクトの描画は非常に難しくなります。 このサイトの解説がわかりやすいです。 https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions 拡大モード iPhone6, 6 Plusでは、画面設定から拡大モードが選択できます。 上記の表にまとめた通り、retinaの倍率はそのままで、ワンサイズ小さいiPhone相当のポイント数になります。 iPho
デザインをレスポンシブに対応させる時に役立つjQuery・プラグイン6（サンプルあり） - Design Color
レスポンシブ対応jQueryコード 1.スクロールすると現れて追尾するトップへ戻るボタン スクロールすると現れるページ上部へ戻るボタンです。よく見るやつですね。PC版ではスクロールするとふわっと画面右下に現れて追尾しますが、スマホ版（ウィンドウ幅480px以下）ではついてこられると鬱陶しいので画面最下部に固定しています。 まずは、ある程度スクロールするとフェードインして現れるjQueryコード。 <!-- jQuery --> <script> $(function(){ var pageTop = $("#pageTop"); pageTop.click(function () { $('body, html').animate({ scrollTop: 0 }, 300); return false; }); $(window).scroll(function () { if($(th
CSS初心者にも簡単に使える！スクロールに連動するさまざまなエフェクトを実装できるスクリプト -AOS
スクロールすると、コンテンツをふわっと表示させたり、パタリと回転させたり、ズームさせたり、軽快なアニメーションを使ったエフェクトを実装できるスクリプトを紹介します。 jQueryは不要で、非常に軽量のライブラリです。 実装は簡単で、外部ファイルを2行記述して、classを与えるだけ。
レスポンシブ対応したモーダルウィンドウのプラグインのまとめ
こんにちは、工藤です。 今回は以前まとめたものが古かったので、jQueryを使ったモーダルウィンドウのプラグインを改めてまとめました。 レスポンシブ対応しているもののみに絞っています。 Boxer（Lightbox） DEMO GitHub（Boxer） GitHub（Lightbox） 以前までは『Boxer』というプラグイン単体だったのですが『Formstone』というテーマの1つになり、それに伴い『Lightbox』という名前に変更になったようです。ややこしいです。 ただ比較しても挙動は（見た限りだと）そんなに違わないので好きな方を使ってよいかと思います。 『Boxer』の方が設置は簡単です。 このプラグインのいいところはレスポンシブに対応している、かつスマートフォンで見た場合には最適化して表示してくれるところです。 こんな感じにきれいに表示してくれるので重宝しています。 動画やイン
CSS3 Flexbox UIパターン集「Flexbox Patterns」
CSS3で利用できるようになったFlexbox。WEBアプリやレスポンシブを想定して開発されたものですが、まだまだ現場ではそれほど普及していないのが現状です。今日紹介するのはそんなFlexboxを理解・利用するための様々なUIを簡単に利用できるCSSのFlexbox UIパターン集「Flexbox Patterns」です。 「Flexbox Patterns」は利用しやすくなるようにそれぞれのユーザーインターフェイス毎に、簡単な解説と、CSSとHTMLがセットでコピーできるようになっており、コピー＆ペーストで利用できるようになっています。 詳しくは以下 上記のようにCSSとHTMLがコピーできる形でまとめられているため、技術者でなくてもパーツだけなら簡単に組み込むことが可能です。 現在は実用的なものから、なかなかニッチなものまで全部で10のユーザーインターフェイスが登録されています。シンプ
RightFont for Mac – すべての Mac に必要なただ一つのフォント マネージャ :: [ FLAT ] Develop | ONO TAKEHIKO from aguije inc.
Mac 内のフォント管理にながらく FontExplorer X Pro を使ってきたが、あらゆる面で機能を凌駕するフォント マネージャが登場していたので閃光の様に乗り換えた。アイ・アム・ フラッシュ 。トライアルのダウンロードができないところがやや心配だったものの、ウェブサイトからしてしっかりしている感が伝わったので Team License で購入してもらった。 結果、購入して本当に良かったと思える。太陽系に住んでいる全ての Mac ユーザーが使えばいい。それはまあ言い過ぎだとしても、ウェブなり DTP なりデザイン業で大量のフォントを扱われている方には導入をおすすめせざるを得ない。 Sync! Sync! Sync! RightFont はライブラリをフォルダで管理する仕組みとなっており Dropbox と Google Drive 内へのライブラリ設置をサポートしています。つまり複
![RightFont for Mac – すべての Mac に必要なただ一つのフォント マネージャ :: [ FLAT ] Develop | ONO TAKEHIKO from aguije inc.](https://cdn-ak-scissors.b.st-hatena.com/image/square/b11a137f67576a9a5f617a842ef72a6c94887edd/height=288;version=1;width=512/http%3A%2F%2Fflat.press%2Fwp%2Fwp-content%2Fuploads%2F2015%2F12%2Feyecatch-medium.jpg)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
RightFont for Macで高速フォント検索！フォント管理の悩みがなくなる！ - 株式会社bridge
Expired - domain expired