ブログを毎月30万PVにするために僕が行なっている15の戦略 | gori.me

2012/03/21 1720 users gori.me 清音 カスタマイズ 戦略 WordPress

僕がこのブログで実施したSEO対策は下記ページを参考にさせてもらった。ここにあるものは可能な限りやることを強くオススメする。 WordPressでブログを作ったらまずやる26項目―SEO・アクセスアップのためのカスタマイズ | 清音のSEOブログ 特に強くオススメするのは以下の項目： プラグイン「All in One SEO」の導入 プラグイン「Dagon Design Sitemap Gener... 続きを読む

ゲーム感覚でレイアウトを組み立てる、HTML5+CSS3に対応したレイアウトジェネレーター -PageBlox | コリス

2012/06/22 394 users PageBlox コリス CSS3 知識 HTML5

HTML5やCSS3の専門的な知識は必要とせずに、ゲーム感覚で簡単に作成できるレイアウトジェネレーターを紹介します。 PageBlox PageBloxの使い方は簡単です。 下記ページにアクセスします。 レイアウトジェネ [...] 続きを読む

23,000点以上の商用利用可のクリップアート集 -WP Clipart | コリス

2008/12/14 393 users クリップアート コリス カテゴリ一覧 トップ 個人

WP Clipartでは、23,000点以上の個人・商用利用可のフリーのクリップアートがダウンロードできます。 WP Clipart ダウンロードできるクリップアートのカテゴリ一覧のトップは、下記ページになります。 [...] 続きを読む

ヒエログリフ・トンパ文字・ルーン文字など、普通の人にはちょっと読めないフリーフォントのまとめ | コリス

2018/03/11 315 users コリス フリーフォント 数式 バーコード 遊び心満載

ヒエログリフ・トンパ文字・ルーン文字などの古代象形文字をはじめ、小説やアニメにでてくる不思議な文字、バーコードや数式やイケメンフォントなど、遊び心満載のフリーフォントを紹介します。 文字として使うだけでなく、背景や飾りなどデザインの一部に使っても面白そうですね。 普通に読める日本語のフリーフォントは、下記ページにまとめました。 2018年用、 日本語のフリーフォント 312種類のまとめ 続きを読む

[CSS]シンプルなHTMLで、ギザギザのかわいいボーダーをつくるスタイルシートのテクニック | コリス

2014/08/27 290 users div コリス シャドウ CSS HTML

シンプルなHTMLで、シャドウを加えたギザギザのかわいいボーダーをつくるスタイルシートのテクニックを紹介します。 実際の動作は、下記ページで確認できます。 Jagged Border HTML まずは、デモのHTMLから。 デモは3つのギザギザがあるので、3つのdivを使用します。 [html] [/html] ギザギザを一つにした最小限のセットは、こんな感じです。 [html] [/html] ... 続きを読む

.htaccessのリダイレクト関連を手軽に設定できるオンラインサービス -Free .htaccess Redirect Generator | コリス

2012/07/29 272 users コリス htaccess htaccessファイル 箇所 個別

.htaccessの特にリダイレクト関連の使用項目をチェックし、個別に設定する箇所を記述するだけで手軽に.htaccessファイルを作成できるオンラインサービスを紹介します。 Free .htaccess Redirect Generator .htaccessファイルを編集する際は、必ずバックアップをとることをお勧めします。 .htaccessの利用方法やもう少し詳しい説明は、下記ページをご覧く... 続きを読む

[JS]なにこれ楽しい！インタラクション満載の路線図を実装するスクリプト -transitive.js | コリス

2014/05/23 248 users コリス GitHub canvas スクリプト 路線図

路線図の入り組んでいるところって、分かりにくいですよね。 そんな問題を解決するCanvasで実装するインタラクション満載の路線図のスクリプトを紹介します。 ↓くっついてて分かりにくい箇所も、こんな感じに移動できます。 transitive.js -GitHub 実際の動作は、下記ページで確認できます。 デモページ 上のアニメーションgifみたいに移動させることだけでなく、ホイール操作での拡大縮小や... 続きを読む

3D美少女ゲームメーカーILLUSION（イリュージョン）が活動終了。開発およびSteam含む全プラットフォームでの製品販売を終了へ - AUTOMATON

2023/07/14 244 users AUTOMATON イリュージョン Illusion 開発

【 ILLUSION 活動終了のお知らせ 】 ゲーム開発ブランド「ILLUSION」は8/18(金)を持ちまして開発・販売を終了致します。 詳細は下記ページをご覧下さい。https://t.co/uAbSCV5uyT 長らくのご支援、ご声援を頂き本当にありがとうございました。 pic.twitter.com/3Vit9b8xhW — イリュージョン (@ILLUSION_staff) July 14, ... 続きを読む

[CSS]文字にちょっとかわいいエフェクトを加えるスタイルシート -Opening Type | コリス

2013/10/28 223 users パタ コリス エフェクト span要素 スゴイ

画像は一切使用せず、その文字をホバーするとパタっと開くエフェクトを実装するスタイルシートを紹介します。 単に開くだけでなく、シャドウも開きに応じて変化してるのがスゴイ！ 実際の動作は、下記ページで確認できます。 Opening type 面白そうなので、日本語でも試してみました。 日本語、しかも漢字でもOK 実装はこんな感じになります。 HTML 文字はspan要素で配置し、上に表示されるホワイト... 続きを読む

マウスで引いた線が生き物になる「Manifest」 - GIGAZINE

2006/08/28 192 users プランクトン manifest 図形 GIGAZINE 速度

JavaAppletでできており、線を引く速度や長さ、描く図形に応じていろいろな生き物が生成されます。生み出された生き物はプランクトンみたいにふよふよと漂っているものや、ビクンビクンと動き回るモノまでいろいろです。 遊び方は以下の通り。 実際に動かすには下記ページへ。 manifestOnline Built with Processing 素早く線を引いたり、ゆっくり線を引いたり、長くしたり短く... 続きを読む

プレゼンや企画書をより魅力的に！商用でも無料でつかえるインフォグラフィック用のベクター素材 | コリス

2014/08/27 177 users インフォグラフィック コリス 有料 バック ダウンロード

個人でも商用でも無料で利用できる、インフォグラフィックのベクター素材をInfographic Template Shopから紹介します。 Infographic Template Shop Infographic Template Shopに数多くある有料のインフォグラフィックの素材から、10種類$30分がパックになって無料でダウンロードできます。 ダウンロードは、下記ページから。 Free In... 続きを読む

JavaScriptとCSSは不要！SVGの気持ちいいアニメーションで作られた超軽量のかわいいローディング -SVG Loaders | コリス

2014/12/10 129 users ローディング コリス SVG Step SVGファイル

JavaScriptもCSSも画像も使用せず、SVGで実装された軽快で気持ちいいアニメーションで動くローディングのアイコンを紹介します。 ページに実装する時もJavaScript/CSSは必要ありません。簡単なHTMLでOK！ デモページ SVG Loadersの使い方 使い方は、簡単！ Step 1: SVGファイルをダウンロード 下記ページの右サイドの「Downlaod ZIP」から、SVGフ... 続きを読む

[CSS]フォームにちょっとだけアニメーションを加えて楽しくするスタイルシート -Animated Toggles | コリス

2013/11/27 120 users コリス CSS HTML アニメーション 動作

フォームのチェックボックスとラジオボタンに余分はタグは使用せずに、ちょっとだけアニメーションを加えて楽しくするスタイルシートを紹介します。 実際の動作は、下記ページで確認できます。 Animated Toggles HTML チェックボックスもラジオボタンも通常通りにマークアップします。 余分なタグは特にありません。 [html] Animated Toggles! Apples Oranges ... 続きを読む

[CSS]アイコンのデザインに合ったかわいい動きをclassを加えるだけで実装できるスタイルシート -Font Awesome Animation | コリス

2014/02/26 114 users コリス class Chr CSS GitHub

classを加えるだけでさまざまなアイコンが利用できるFont Awesomeを使って、各アイコンのデザインに合ったかわいい動きをアニメーションで与えるスタイルシートを紹介します。 ベルはリンリン♪、いいねは上下に、スピナーはぐるぐる動きます。 Font Awesome Animation Font Awesome Animation -GitHub 実際の動作は、下記ページで楽しめます。 Chr... 続きを読む

[CSS]フォームを入力する際、気持ちいいアニメーションで入力欄をちょっとだけ目立たせるスタイルシートのテクニック | コリス

2014/07/22 94 users コリス some active CSS フォーカス

ユーザーがフォームの入力欄をフォーカス・アクティブした際、アニメーションを加えて入力欄をちょっとだけ目立たせるスタイルシートを紹介します。 アニメーションでおっと思わせるだけでなく、入力欄が複数並んでいる時にアニメーションで目立たせるとフォーカスを失わずに入力できる効果もありますね。 実際の動作は下記ページで楽しめます。 上記以外にもたくさんのアニメーションがあります。 Some :active ... 続きを読む

[CSS]ボタンにぷるるんとかわいいアニメーションを与えるスタイルシート -Galatin effect | コリス

2014/05/21 91 users アニメーションgif アニメーション ゼリー デモ HTML

a要素にテキストを配置して実装したシンプルなボタンに、ゼリーのようにぷるるんとさせるアニメーションを与えるスタイルシートを紹介します。 ↓は、デモをアニメーションgifにしてみました。 実際の動作は、下記ページで楽しめます。 Gelatin over button effect with Sass HTML HTMLは非常にシンプルです。 [html] Click Here Click Here ... 続きを読む

[CSS]OS X Yosemiteのように背景が透ける美しいパネルを実装するスタイルシート | コリス

2014/06/04 84 users コリス Yosemite ブラー 半透明 CSS

昨日発表された2014年秋リリースのOS X 10.10 Yosemiteで採用予定の背景を半透明のブラーで透けさせる美しいパネルを実装するスタイルシートを紹介します。 記事は一日遅れですが、スタイルシートは当日で、仕事が早いですｗ パネルは、タイトル部分とコンテンツ部分で異なる加減で透けています。 ドラッグで移動もでき、透ける背景も変わります。キレイですね！ 動作は、下記ページで楽しめます。 O... 続きを読む

商用利用無料、紙・布・生地・黒板などのテクスチャをシームレスに使えるパターン素材のまとめ | コリス

2015/10/26 83 users コリス 石こう シームレス 黒板 テクスチャ

紙・布・生地・黒板・皮・木目・石こうなど、繊細な質感を表現したテクスチャをシームレスに使えるパターン素材を紹介します。 下記の素材は全て個人でも商用でも無料で利用できます。 詳しくは下記ページをご覧ください。 ライセンス...記事の続きを読む 続きを読む

地味だけど便利！Photoshopでカラーの明度のバリエーションを簡単に展開できる機能拡張 -Lighten / Darken Color | コリス

2013/10/20 81 users コリス カラーピッカー 明度 中程 Photoshop

Lighten / Darken Color カラーの明度を変更するのはもちろんPhotoshopのカラーピッカーで調整することはできますが、いちいち手作業でやるのは面倒くさいもの。そんな時は、この機能拡張を入れるとショートカットで簡単にできます。 明度を10%の増減で展開 Lighten / Darken Colorのインストール インストールは簡単です。 下記ページの中程の「Downloade... 続きを読む

SVG初心者に！SVGとCSSでボーダーにちょっとかっこいいアニメーションをつけるデモ | コリス

2014/03/11 69 users コリス SVG アニメーションgif コピペ HTML

SVGをちょっと始めてみたいな、という人にもちょうどよさそうなテキストの周りに表示するボーダーをアニメーションで表示するデモを紹介します。 デモのアニメーションgif 実際の動きは、下記ページで確認できます。 テキストやカラー、サイズなどを変更してお楽しみください。 SVG Border Animation コードは簡単、コピペで利用できます。 HTML [html] coliss [/html]... 続きを読む

ぷるるんと動くアニメーションが気持ちいい！新感覚のナビゲーション -Gooey pagination | コリス

2014/10/30 67 users Safari Firefox Chrome コリス 縦長ページ

コンテンツスライダーや縦長ページのナビゲーションでよく見かけるビュレットタイプのナビゲーションをかわいいアニメーションで実装するテクニックを紹介します。 アニメーションの操作が気持ちいいので、コンテンツより楽しんでしまうかも。 実際の操作は、下記ページでお楽しみください。 ※Chrome, Safari, Firefox, IEは11では動作しました。 Page scroll concept こっ... 続きを読む

[CSS]サークル状のエレメントにかわいいアニメーションを与えるスタイルシート -CSS3 Circle Animation | コリス

2013/11/20 63 users コリス Firefox Chrome アニメーション ホバー時

シンプルなHTMLでサークル状に実装したエレメントのホバー時に、かわいいアニメーションを与えるスタイルシートを紹介します。 実際の動作は、下記ページで確認できます。 Chrome, Firefoxなどのブラウザでご覧ください。 CSS3 Circle Animation アイデアの元となったのは、こちらのサイトの中央のサークル。 Vibrant Villages サークルのアニメーションは、ここで... 続きを読む

約1万円台でFirefox OS搭載SIMフリースマホ「Flame」日本発売開始 - GIGAZINE

2014/07/25 62 users Flame GIGAZINE www.mozilla.jp

開発者向けのリファレンス端末「Flame」の販売予告アナウンスが5月28日にされていましたが、ついに7月28日(月)から日本でも販売されることがわかりました。 Flame の販売を開始いたします！ | Mozilla Japan ブログ http://www.mozilla.jp/blog/entry/10416/ 販売受付開始は7月28日(月)12時より下記ページからで、価格は税込で1万9980... 続きを読む

あなたのTwitter, WordPress, Tumblrを美しいタイムライン状にするオンラインサービス-Timekiwi | コリス

2011/10/31 61 users Twitter tumblr コリス 商用 WordPress

Timekiwiの使い方 Timekiwiを使ってみました Timekiwiの使い方 Timekiwiの利用は、個人に限りに無料です（商用は有料）。 下記ページにアクセスし、Twitterならアカウント、WordPress, TumblrならURLを入力し、「Show me my timeline」ボタンをクリックします。 timekiwi — create a beautiful timelin... 続きを読む

これは便利！Googleの画像検索で透過画像を見つけ出す -Alpha Finder | コリス

2012/10/17 57 users Chrome Chrome ウェブストア インストール 画像

Alpha Finder Alpha Finderのインストール Alpha Finderの使い方 Alpha Finderのインストール Alpha Finderのインストールは簡単で、下記ページにChromeでアクセスし機能拡張をインストールしてください。 Chrome ウェブストア - Alpha Finder インストールが完了したら、Googleの画像検索へアクセス！ Google 画像... 続きを読む