少し気が早いですが、今年も残すところ あと僅かです。ここで、Web制作をする にあたって、個人的に、とても参考にな った素晴らしいエントリーをご紹介します。 基本的にまとめ記事が大好物なので、 まとめのまとめ、という形になってしまい ますがご了承願います。 まぁ、単なる個人的なメモです。今年はお世話になりました、という感謝の意を込めてリンク&トラフィックで返したいのと、自分の復習用リンク集です。来年もたぶんお世話になる記事だと思いますので、備忘録も兼ねて。順不同です。 尚、当ブログのエントリは御礼の場であるこの記事では割愛しています。後日、別記事にてまとめさせて頂きますので、宜しければ御覧ください。 デザイン読み物系が多いです。正月とかで見直す用。 配色パターンからWebデザインを考えるウェブデザインでこれは気をつけたいの35のポイントデザインQRコードの作り方非デザイナーのためのデザイン
ベクター形式の画像は拡大しても画質が劣化しないので、大サイズの画像やポスターの作成の際に便利です。そんなベクター素材を配布するサイトを資料集としてまとめてみました。よろしければご参考に。 Vecteezy ベクター画像配布サイトの定番 Official Site QVectors 膨大にあります Official Site Vecter Junky 10000のベクター素材が投稿されている Official Site ClipartLab EPS ベクター形式のクリップアートが膨大に配布されている Official Site Vector Valley 少数で高品質。オススメ Official Site 123Freevectors カテゴリーから探せるベクター素材サイト Official Site DragonArtz Designs 名刺、クリップアート、背景など高品質なベクター画像が
1円も使わずMacを高速化出来る8つの方法。 – 和洋風KAI
「人間のストレスのほとんどは、突き詰めていけば "遅い" ことのいら立ちである」といっていたのが、かの天才芸人松本人志。 言われてみれば、そのとおりだなぁと。 つまり裏をかえせばあらゆる事のスピードが上がればストレスはなくなっていくわけです。 というわけで、一日中ずっと使わざるを得ないMacを高速化すればストレスはガクンと無くなるに違いない! ってわけで、訳の分からない口上でございますが、ネットに散らばる1円も使わずMacを高速化出来るTipsをまとめてみたので、お役に立てれば幸いでございやす。 1.OnyXでMac内のゴミを掃除してもらおう。 「Macの不可視ファイル表示」というタイトルにしましたが、クリーニングやメンテナンスにも使える「OnyX」は本当に重宝しています。 .で始まるファイルを確認する | labs.yusukenakanishi.comというエントリーからトラックバック
最近、Macが重くなり、虹色アイコンが 出るようになってきたので、高速化する方法を調べました。 今回は、高速化に有効だった方法を紹介します。 ①「OnyX」でMac内をクリーニング Mac内のお掃除に便利なのが「OnyX」です。 詳細はこちらをどうぞ。 Macの不可視ファイル表示やメンテナンス/クリーニングに「OnyX」が便利 システムやインターネット、 ログなどのキャッシュを削除してくれるのですが、 これだけで数GBの容量が確保できたりすることもあります。 ②ネットがサクサクつながるカンタン設定 インターネット環境を最適にするには「dolipo」と、 カンタンなシステム環境設定が効果的のようです。 詳細はこちら。 お金をかけずMacのネット環境を3倍高速化！騙されたと思ってdolipoとGooglePublicDNSを導入しよう ③たまった不要ファイルを削除 キャッシュや長
ファビコン（favicon）とは？代表的なサイズと基本の作成方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
ファビコンはサイト閲覧時のタブ以外にも、多くの場所で使われていることがわかります。 また、上記以外にも検索結果画面にも表示されるため、そのサイトを表す適切なアイコンを設定するようにしましょう。 作成時のサイズは512px × 512pxのみでOK これだけサイズがあると、全て用意するのかと不安になってしまいますが、WordPress4.3以降のバージョンであれば512px × 512pxのPNG形式ファイルを作成すれば全てに対応してくれるようになりました。 複数作成する必要はないので安心してください。 WordPress以外の場合 WordPressを利用しておらず上記のような自動適用の機能がない場合、またはWordPressが4.3以前のバージョンの場合は、各サイズのアイコンを用意する必要があります。 各ブラウザのファビコン表示サイズは先ほどの表の通り16px × 16px が一般的です
Forgot the Milk. - Firefox の意外と知らない10の基本機能という記事に触発されて、集めてみた。一応、全部、デフォルトの Firefox で利用でき、面倒な設定も不要なはずだ。 もくじ 選択したテキストで検索 選択した部分のソースを表示 テキストの URL をすばやく開く 履歴を個別に削除する 複数の ID・パスワード をマウス操作だけで選択 オートスクロール サイトアイコンをドラッグ 検索バーを電卓代わりにする 複数ページを一気に開く（セッションの保存と復元） スーパーリロード おまけ キーボードショートカットとマウスショートカット 選択したテキストで検索 選択したテキストのコンテキスト（右クリック）メニューの中から「～で検索」を実行すると簡単に検索エンジンで検索することがでる。～の部分は検索バーで選択されている検索エンジンになる。また、選択したテキストを検索バー
このブログも4年目くらいになるのですが、相変わらず知識の乏しいまま手探りでずっとやってきていて、夜な夜な WordPress の管理画面を開いて、訳も分からずサイトの裏側を弄っている毎日です。 そして今まで色んなトラブルに見舞われながらも、開設当初は 40個近く使っていたプラグインが、今は10個まで減って参りました。 とりあえず、今このサイトで使われている WordPressプラグイン をまとめておきます。 今使っているのはこの10個。 Jetpack by WordPress.com WP-Optimize Advanced lazy load All In One SEO Pack CloudFlare VaultPress Simple Tags SyntaxHighlighter Evolved WP Multibyte Patch Akismet まぁ、だいたいメジャーなものばか
今回は新たにTwitter検索機能、タブを選択してから読み込みを開始、サードパーティによって許可なく追加されたアドオンを無効化、WebGLへのさらなる対応、HTML5で右クリックしたときのコンテキストメニューへ任意の項目を追加などの新機能が加わっており、メモリ使用量も前回のFirefox7に引き続き削減されています。また、Android版のFirefoxもパワーアップしています。 Mozilla Japan ブログ - Twitter 検索とブラウジングをさらに便利にする新機能を追加した Mozilla Firefox の最新版を公開 http://mozilla.jp/blog/entry/7466/ Firefox 8 の主な新機能を紹介します Mozilla Developer Street (modest) https://dev.mozilla.jp/2011/09/firefo
NicoCache_nl
べっ、別にアンタのためにキャッシュしてるんじゃないんだからね！！ [2008/02/09] NicoCache_nl rc1 is now available!! ScreenShots: -1-, -2-, -3-, -4-, -5-. 使い方とか機能に関する説明の更新は間に合わなかったのでまたこんど！ [2008/02/16] 雑誌掲載・Webでの再配布などについての文章を追加いたしました。 [2008/02/21] 聖地巡礼しててふと思いついて、こんなのをつくった。少し反省している。 [2008/04/21] 関連タグ検索をスタート。nlの拡張からでも使えます。 NicoCache_nlって？ ニコニコ動画(RC2)で見た動画をキャッシュするツールNicoCacheの改造版です。 オミトロンと2つ使用するのはなんかだるいので勝手に改造。 増えた機能は、おおよそ次の感じ。 ページへ
カレンダーやプロジェクト管理ページなどの幅広いコンテンツをサクッと作成できるネットサービス「Notion」で作成したページを、ダイレクトに転換できるというサービスが「Anotion」です。Anotionは「発信までのハードルがとにかく低いブログサービス」「ドキュメントの編集から公開までのステップがとにかく楽なサービス」を目指したとのことなので、実際に試してみました。 Notionに書くだけでWebサイトが作れるAnotion https://anotion.so/ Anotionは「Notion」で作成したページをウェブサイトに転換するというサービス。Notionについては、以下の記事で詳しく使い方を解説しているので、そちらを参照してください。 基本無料でToDoリストやタスク管理ボードが作成可能＆オンライン共有や複数人での編集もできる「Notion」を使ってみた - GIGAZINE A
WordPressのテーマって、どんなフローで開発していますか？ 新しいテーマフレームワーク「Beas」なら、便利なコンポーネントを組み合わせて進められるので、テーマ制作が捗りそうです。 いますぐWordPressテーマを自分で作成したいなら、しっかりとコーディングされた信頼できるテーマフレームワークの利用をお勧めします。フレームワークはWordPressに一般的な機能やコンポーネントを提供してくれるので、独自のデザインを作成できるようになります。また、フレームワークを利用するとテーマの作成時間を劇的に短縮できます。 Thierry Mullerが作成した新しいWordPressのテーマフレームワークの1つ、Beansを試してみたので紹介します。Beansについては過去にJames GeorgeがSitePointの『Introducing Beans: A Streamlined Wor
Googleが提唱しているフラットUIを発展させたデザインがマテリアルデザインです。アイコンを単純化して情報構造を明確にするだけでなく、さらにマウスオーバーやタップ時のアニメーション、色の変化をつけることでシステムがどういう状態にいるかが明確になります。 そんなマテリアルデザインにフォーカスして作られたアイコン集がMaterial Iconsです。 Material Iconsの使い方 Material Iconsは数百種類のアイコンが提供されています。 アクション系。 特徴としては一つのアイコンで終わりではなく、その状態によって斜線を引いたり、アイコンを重ねたアイコンがあることでしょう。 アラート、AV、コミュニケーション。 音量アイコン一つとっても、音量の大小、ミュート、設定不可などとパターンが作られています。 コンテンツとデバイス。 スマートフォンでも利用も想定されていますのでデバイ
すいません、先に書いておきます。Operaの新規バージョンリリース時に各所で現れるいつものアレです。 389 名前： カキツバタ(北海道)：2009/08/25(火) 08:41:18.33 id:cGSAzQyb アドは必要最低限としてこれだけ入れてる。それでも便利さで他のブラウザ圧倒的してるな Abduction!：右クリからWeb画面のスクリーンショット等キャプチャーが出来る Context Search：右クリックから利用可能な Web 検索機能を拡張して、インスコされている検索エンジンを選べる CacheViewer：キャッシュを一覧表示して、検索や並べ替えを行う。ファイルの表示、保存、削除が可能 Dafizilla Table2Clipboard：ページの行や列を、配置を保ったままクリップボードにコピーできるようにします。 Download Statusbar：シンプルなステー
商用可のフリー素材でお目当てのモノを探すのは、それなりに時間と手間が掛かります。そんな単調な作業を簡略化させる方法がありますので、ご紹介します。 Iconfinder 数にして163,529ものフリーアイコンの中から検索することが出来ます。これでアイコン配布サイトを飛び回る必要ももうありません。サイズごとに絞り込みも可 FindBrushes 約14000のフォトショップブラシを検索することが出来るサイト。これも膨大な配布サイトの中から検索できるので、あちこち探し回る手間が省けます。 igosso flickerの商用利用可能なフリー素材を検索するサービス。ただし、改変禁止の素材も混じっています。 flickr Creative Commons Search こちらもflickrの商用可の素材を探す方法なのですが、こちらは改変禁止の画像は取り除いた検索が出来ます。 Creative Com
Skip to the content 名前順 A（39） B（6） C（27） D（25） E（16） F（12） G（247） H（23） I（62） L（10） M（5） N（8） P（19） Q（1） R（37） S（45） T（46） U（23） V（2） W（342） Z（1） _（5） その他（1） 情報別 コメント情報（49） 投稿情報（207） タクソノミー情報（69） サイト情報（193） テーマ情報（136） ユーザー情報（69） カスタムフィールド情報（16） リンク情報（8） リクエスト情報（26） ユーティリティ（225） プラグイン（4） その他（0） 目的別 調べる（153） 表示する（110） 取得する（472） 操作する（146） 設定する（89） 削除する（35） SSL（0） ブロックエディター（5） バージョン別 wp_checkdate（1） M
[iPad] Diet Coda: iPadでHTMLコードが書ける！コード補完や言語カラーもサポート。超使いやすい！ | AppBank
iPadで快適にHTMLやCSSがコーディングできるアプリDiet Codaの登場です！ iPadでHTMLコーディングができる時代がやってきました！ コードの言語カラーリングは、もちろん入力補完や専用ショートカットメニューなど、快適にコーディングできる環境がそろっています。サーバーが対応していればSSHターミナルの操作も可能です。 高機能、高性能なWebオーサリングツールを詳しくチェックしていきます。 サーバーの設定を行う まずは編集するサーバの設定を行います。透明なノートの中心に書かれた【＋】をタップします。 サイト設定を行います。プロトコルはSFTP以外にFTP、FTP with lmplicit SSL、FTP with TLS/SSLが選べます。 サイトの情報が正しく読み込めると、サイト内ファイルからイメージアイコンが作成されます。 ファイル編集を開始するために、サイトアイコンを
![[iPad] Diet Coda: iPadでHTMLコードが書ける！コード補完や言語カラーもサポート。超使いやすい！ | AppBank](https://cdn-ak-scissors.b.st-hatena.com/image/square/7a8cd602546e57fee8dbc33313cb8fed20541de2/height=288;version=1;width=512/https%3A%2F%2Fwww.appbank.net%2Fwp-content%2Fuploads%2F2012%2F05%2Ficon17.png)
Push7を導入。設置方法。ブログ・ウェブの更新をプッシュ通知してくれます - ビジョンミッション成長ブログ
Push7というブログやウェブの更新をプッシュ通知してくれるサービスがあります。プッシュ通知というのは、iPhoneやスマホで、ホーム画面に通知が出る、あれですね。 Push7 | Webサイト運営者のための、Webプッシュ通知サービス あのプッシュ通知がブログを更新すると、受け取れるようにできます。 ということで、Push7をこの「はてなブログ」に導入、設置してみたので、簡単にご紹介します。 iPhoneなどiOSの場合は、アプリを使って通知を受け取るというようになっています。 Push7 GNEX Ltd. ニュース 無料 iPhoneなどでPush7の通知を受け取りたい方は、こちらのアプリをダウンロードしてください。Androidでは、アプリは必要ありませんね。 ブラウザのChromeでも受け取ることができます。 Push7を導入。設置方法。ブログ・ウェブの更新をプッシュ通知 新規登
初心者でも出来る！WordPressでゼロからアフィリエイト用のペラサイトを作る方法を徹底紹介!! | WebStar Marketing Blog
こんにちはWebデザイナー＆ディレクターのよねこです。 今回はWordPressでゼロからアフィリエイト用のペラサイトを作る方法を紹介しています。 ペラサイトとはアフィリエイターさんの専門用語で『１ページで構成されたアフィリエイトサイト』のことを指します。 このページさえ見ておけば全部わかる！という記事を目指して作成しています。なるべく要点を抑えて説明していきたいと思いますので、ぜひ参考にしてみてくださいね。 最初にお伝えしておきますと、この記事はとても長いので、時間のない方はブックマークしてあとで読むのをオススメします。 この記事はこんな人におすすめです WordPressでアフィリエイトのペラサイトが作りたい人 WordPressデビューしたい初心者 サイト作成時にどこから手を付けてよいかわからない人 おすすめのテーマやプラグインについて知りたい人 WordPressで作成するペラサイ
Firefox 8 の主な新機能を紹介します
9/27 には Firefox 7 のリリースが予定されていますが、同時に Firefox 8 の開発はベータチャンネルへと切り替わり、数日中に最初のベータ版が公開されます。ベータチャンネルでは基本的に安定性や互換性の修正が行われるのみで、新機能は追加されません。Firefox 8 のリリースは 11/08 を予定していますが、機能が確定するこのタイミングで、主な新機能と改良点を一足先にご紹介します。 Firefox 8 の特徴 Firefox 8 ではアドオンの管理機能が強化され、ユーザの確認なくアドオンがインストールされないようになります。パフォーマンス面では、メモリ使用量を引き続き削減すると共に、タブを多数使っていても起動時間を短くできるよう、タブを選択するまで読み込まない設定が追加されます。ユーザインターフェイス面では、タブのドラッグ時のアニメーションにより操作性を向上したり、デフ
【コラム】クリエイターのためのライフハック (86) iPhone用Webアプリをデスクトップで利用する方法 | クリエイティブ | マイコミジャーナル
Fluid は Mac で利用出来る無料アプリケーション。右側のリンクからダウンロードしてください iPhone / iPod touch は、先進的なタッチインターフェイスが魅力ではありますが、iTunes App Store からダウンロードすることが出来るアプリケーションの数々を利用することで、自分だけのデバイスにすることが出来ます。インストールするアプリケーションも豊富ですが、iPhone / iPod touch 用にカスタマイズされたウェブサイトも少なくありません。特に Google は力を入れており、Gmail や Google Reader は専用インターフェイスでサービスが提供されています。この他にも国内外問わずお馴染みのサービスが iPhone / iPod で最適な形で見れるようなデザインを別途用意しています。 コンパクトかつシンプルに情報が集約されているので、iPh
クソスレドンキーノ : かたっぱしからFirefoxアドオンを挙げてく - livedoor Blog（ブログ）
1:以下、名無しにかわりましてVIPがお送りします :2008/10/04(土) 19:12:55.20 ID:r9Av/lPf0 ホームボタンがサザエさんちに見えて困る 名前のとおり 3:以下、名無しにかわりましてVIPがお送りします :2008/10/04(土) 19:14:56.51 ID:r9Av/lPf0 newlivewall [ぬりかべ] vipから生まれたソフト。 あらゆる Web ページについてコメントを投稿し、このアドオンをインストールしているすべてのユーザ間で共有、閲覧することができます。 ページ下部に表示されるパネルから、コメント欄の表示や投稿を行えます。 4:以下、名無しにかわりましてVIPがお送りします :2008/10/04(土) 19:15:25.61 ID:v9sbrvpC0 Tab Mix Plus と適当なマウスジェスチャーがあれば、快適 6:以下、名
XmarksでFirefoxとChrome（ついでにIEも）のブックマークを同期 - consbiol のエコ日記
最新のβ版Google Chrome(vr. 4.0)では標準でBookmark Syncが付いてくるようになりましたね（参照：id:consbiol:20090917）。Bookmark SyncオプションをオンにしGoogleにログインした状態だと、どのPCのChromeでも同じブックマークが使えます。ちなみにオンラインブックマークといえばgoogle bookmarkですが、こちらのサービスはFirefoxのアドオンしかなく（しかも重い）、WEB版も使いづらいというGoogleのやる気が感じられないサービスだったので見切りました。 ChromeのBookmark Syncは便利なのですが、Chrome間でしか使えません。他のブラウザともブックマーク同期をしてくれるクラウドサービスはないものかと探していましたが、ついに見つけました。「Xmarks」というサービスです。Google ex
WordPress4.4 からは、他のブログ (oEmbed対応) の記事を埋め込み表示できるようになりました。もちろん WordPress4.4どうしでしたら 記事のURLを貼るだけで簡単に引用表示できます。 という事で WordPress4.4のoEmbed機能を調べてみました。 Embed Embedを使うのは簡単です。投稿欄にURLを入れるだけで 相手側が対応していれば 表示されます。WordPress4.4では 対応の対象は投稿ページか固定ページになります。 アイキャッチ画像 アイキャッチ画像は画像の縦横比をチェックして表示する場所を変えています。 横サイズ/縦サイズ が 1.75以上の場合(横長)は上部に、それ未満の場合は内部に表示されます。 タイトル the_title() を使って表示しています。 抜粋 the_excerpt_embed()を使って表示しています。内部を見
本日、自分の日記の favicon (サイトアイコン)を設定できる機能を追加しました。「日記の設定」の「タイトルの設定」から設定可能です。 faviconを設定すると、日記を閲覧時ブラウザのURL欄などにfaviconが表示されるようになります。(ただしfaviconに非対応のブラウザでは表示されません。また一部ブラウザでは設定後も、キャッシュにより古いfaviconが表示されたり、表示されない場合があります。) なお、favicon設定から任意の画像をアップロード(JPEG、PNG、GIF、ICO、BMP形式がアップロード可能です)すると、自動でリサイズと画像形式の変換を行いfaviconを作成します。ICO形式のファイルをご用意いただく必要はございません。 どうぞご利用ください。
Mozilla Re-Mix: Firefoxのインターフェースを約30カ所カスタマイズできるアドオン「UI Tweaker」
Firefoxのユーザーインターフェースは、userChrome.cssへのコード記述などにより好みのスタイルにカスタマイズ可能ですが、毎回書いたり消したりするのも面倒なものです。 これらのカスタマイズを、チェックボックスだけで簡単に行う事ができるアドオンが「UI Tweaker」です。 「UI Tweaker」は、本来userChrome.cssなどのユーザーファイルに記述しなければカスタマイズすることのできないFirefoxのインターフェースを簡単に変更することができるアドオンです。 設定項目は約30カ所におよび、ツールバーなどを中心にFirefoxを好みのスタイルにすることができるようになります。 「UI Tweaker」をインストールしたら、ツールメニューにある[UI Tweaker Option]、またはアドオンの[設定]をクリックして設定画面を開いてみましょう。 設定画面はカス
はじめに# 最近よくマックにいくのだけれども, ここがとても電波回線が悪い (@_@); ネットサーフィンをしてても, とてもストレスがたまる. このままだと, マックのせいでストレスから立ち直れなくなってしまうので なんとかしようと思った. テキストブラウザをつかえば, よりサクサクとネットを楽しめるのではとお もい, Emacs での テキストブラウザの eww をつかってみた. EWW とは# Emacs での テキストブラウザ. Emacs24.4 からデフォルトで Emacs にはいっている. https://bzr.savannah.gnu.org/lh/emacs/trunk/annotate/head:/lisp/net/eww.el Emacs Web Wowser Basics Config# KeyBindings# N (eww-next-url) P (eww-p
最近、Push7というWEBプッシュ通信サービスに関する記事をよく目にします。 なんでも、プッシュ通信サービスを利用すると、ユーザーの端末に直接お知らせを届けることができるそう。 なんだか、とっても便利そうな機能なので、この通信サービスを、自作のテーマにうまく組み込めないものかなと考えています。ただ、組み込むも、組み込まないも、実際にサービスを使ってみて判断するしかないということで、早速使ってみることにしました。 photo by Victor Bezrukov Push7とは Push7は、WEBから直接ユーザに通知が送れるサービスです。 例えば、WEB上でこちら側から通知を送ったとしたら、ほぼリアルタイムでユーザーの端末へお知らせを送ることができます。 プッシュ通信を受け取るユーザーは、特にサイトへの登録は必要ありません。ですのでユーザーは、単にボタンを押すだけという手軽さで、購読でき
Mozilla Re-Mix: Firefoxの履歴を相関図+時間軸で見直すことができるアドオン「Voyage」
Firefoxでは、プライベートブラウジング時や設定によりキャンセルしていない限り、ブラウジングした履歴が残るようになっています。 閉じてしまったサイトでも、この機能を使えば探し出して再表示することができますが、標準の履歴機能に羅列されるサイト名だけではその関連するブラウジングまでたどるのはちょっと難しいですね。 ただ単に並んでいるサイト名をクリックして開くだけでは、そのページからどのサイトを見たかなどの判断がしにくく、目的のサイトを開くのにえらく時間がかかったりするようなこともあります。 これでは履歴機能を有効活用しているような気はしませんね。 Firefoxに「Voyage」というアドオンをインストールしておけば、こんな場面で役立つかもしれません。 「Voyage」は、Firefoxに記録された履歴機能から、グラフィカルなリンク相関図を作成して視覚的に表示し、それらをタイムラインで確認
By factoryjoe Firefoxの検索バー・ロケーションバー・右クリックメニューから検索をするときにはSSL暗号化通信を使ってGoogleへ送信し、検索バーに表示される推測候補や検索結果はHTTPS接続を利用して、ユーザのセキュリティとプライバシーを強化した「Firefox 14」がリリースされました。サイト識別情報のデザイン変更、URLのインライン自動補完の機能追加などもされています。 次世代ブラウザ Firefox - 高速・安全・カスタマイズ自在な無料ブラウザ http://mozilla.jp/firefox/ Firefox 14.0.1 リリースノート http://www.mozilla.jp/firefox/14.0.1/releasenotes/ 主な変更は以下の通りです。 ○新機能 ・Firefoxの検索バーなどから利用できるGoogle検索を暗号化しました。
ファビコン（favicon/サイトアイコン）とは ファビコンとは、Webサイト独自のアイコンのことです。ブラウザのタブの端、ブックマーク項目の先頭、アドレス欄の端などに表示されるほか、デスクトップに置くショートカットアイコンとしても使われます。 ■ファビコンという名称の意味 ファビコンは英字で「favicon」と綴ります。このfaviconの意味は「お気に入り(favorites)用のアイコン(icon)」です。ここでの「お気に入り」とは、IEやEdgeでのブックマークの名称です。つまり、ファビコンとは元々は「ブックマーク用のアイコン」という意味の造語です。 現在では多くのブラウザがファビコンを表示しますが、元々はIEの独自機能だったため、このような名称で呼ばれています。また、Webサイト独自のアイコンですから「サイトアイコン」と呼ばれることもあります。ファビコンとして、Webサイトを表す
![ファビコン(favicon)の簡単な作り方と設置方法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/425e6ef7ccd42cee6f0c16d4a00bbb76480c4e7b/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F3%2F9%2F0%2F8%2F5%2F4%2Ftopimg_original.png)
もしあなたが開発者で、Firefox 3 における新機能全体について情報を得ようとしているなら、ここは理解を深めるのに最も適した場所です。この記事は、Firefox 3 に追加された機能をカバーする新しい記事の一覧を提供します。小さな変更が必ずしもすべてカバーされているわけではありませんが、主要な改善を学ぶ助けにはなるでしょう。 Firefox 3 のためのウェブアプリケーションの更新 Firefox 3 における新機能を活用するためにウェブサイトやウェブアプリケーションで必要となるかもしれない変更についての情報を提供します。 オンライン・オフラインイベント Firefox 3 は WHATWG のオンライン・オフラインイベントをサポートします。これは、ウェブアプリケーションや拡張機能から、インターネットに接続しているかどうかや、接続開始・終了のタイミングを検出できるようにします。 ウェブ
B bidi browser bidi.browser.ui ブラウザインターフェイスが双方向の言語セットを使用できるか。 bidi.characterset どのようにブラウザは使用する文字セットを決めるのか。 1: 文書で指定された文字セット 2: デフォルトの文字セット bidi.controlstextmode どのようにコントロールは使用されるのか。 1: 論理的に 2: 視覚的に 3: コンテナ bidi.direction テキストの方向は左から右か。 1: 左から右 2: 右から左 bidi.numeral どのように数字は表示されるか。 0: 普通の数 1: 通常の文脈による数 2: ヒンディ語の文脈による数 3: アラビア数字 4: ヒンディ語の数 bidi.support 何が双方向のサポートを提供するか。 1: Mozilla 2: OS 3: 無効 bidi.te
個人ブログや、その他WEBサイト立ち上げに使えそうなアイコンをかき集めた「WebsiteIcons」では 様々な汎用性の高いWEBサイトアイコンが手に入る。Websiteicons サイトはこちら ■Websiteicons しかし膨大にありますので 特に使えそうなアイコンはこちら Adobeリーダーアイコン ■Download カート用アイコン ■Download Officeアイコン ■Download RSS アイコン ■Download 国旗系アイコン ■Download マクロメディア系アイコン ■Download MAC系アイコン 共通アイコン ■Download Nintendo DSアイコン ■Download Nintendo アイコン ■Download ファミコン アイコン ■Download ということで サイト立ち上げ時に一通りそろいそうですね。 まぁサイトのテイ
Googleは、モバイルページを高速化する AMP（Accelerated Mobile Pages） に対応したサイト検索を開始しました。 AMP は AMP HTML 仕様に沿って作成する必要があります。サイトをAMPに対応させる場合、独自のタグの記述方法や 使えるタグの制約が多いので、自分で対応させるのは大変なのですが WordPressではサイトをAMP対応にするプラグインがあります。 この AMPプラグイン を使うと 自動で変換してAMP対応してくれますのでとても楽になります。ここではさっそくAMPプラグインを使用してAMP対応する方法を紹介します。 WordPress AMPプラグイン(Automattic) https://wordpress.org/plugins/amp/ 【2018/03/07 更新】 ※この記事は WordPress AMPプラグイン ver0.6.2
WordPress（ワードプレス）の使い方 WordPressの使い方も活用方法もよくわからない そのお悩み、解決します WordPressの使い方についてご説明します。 WordPressは無料で利用できる設置型のCMS（コンテンツマネジメントシステム）です。もっと詳しくWordPressを知りたい方は以下の記事をご確認ください。 WordPress（ワードプレス）とは 【目次】 WordPressのはじめ方 カスタマイザーで基本的な設定をする 記事を投稿する テーマ設定とプラグイン ロリポップ！おすすめの機能 WordPressのはじめ方 WordPressはサーバーにインストールすることで使用できるようになります。 ロリポップ！レンタルサーバーなら、WordPress簡単インストール機能を準備しています。 ユーザー専用ページからWordPressをインストールしてログインするだけで簡
増えすぎたfavicon（ファビコン）とapple-touch-iconのサイズ展開を最小枚数ですませたいあなたと私の作業ログ。iOS用の大きなWEBサイトアイコンapple-touch-iconも設定次第でAndroidに読み込めます。自サイト見た目をチェックする方法もご紹介してます。 faviconはサイトの顔なので作り込んだ方が良いのは判ってるのですが、昨今ではリクエストサイズが増えすぎて何が何だかもー訳がわかりません。 飽和すると投げ出しがちな性格なので、そもそも16×16の基本ファビコンすら描かずに以前やってたサイトのfaviconを流用して適当に済ませていました。 んが。 サーバログ見てたら「apple-touch-iconが無いよ」というエラーがいっぱい出てたので、これを機にマルチデバイス用アイコンを設定することにします。 まずは自サイトのアイコンをチェック 各サイズのアイコ
ページアイコン/同人野郎のためのWEBサイトづくり
これは何? ページやサイトを表すアイコンです。「ショートカットアイコン」「ページアイコン」「サイトアイコン」「favicon」などと呼ばれます。 アドレスバーやブックマーク、タブなどに表示されます。 また環境によってはウインドウタイトルやタスクバーにも表示されます。 画像フォーマット 最近のブラウザでは、ブラウザ本体で表示できる(プラグインなしで表示できる)画像フォーマットが使えるようです。具体的には、Windowsのアイコン、JPEG、PNG、GIFといったところです。 もちろん、ブラウザによっては使えないフォーマットもあります。 画像の大きさは 16×16ピクセルになります。Windowsアイコンの場合は 32×32 のサイズも用意しておくといいかもしれません。 組み込み方 2通りあります。HTML文書に指定する方法と、アイコンを特定のフォーマット・ファイル名にして設置する方法です。
ココを変えたらアソコが変わるよ そこここで使われているアイコンを変えてみようとしたところ、画像を設定できるところがここそこにあり「いったいぜんたいこれを変えたらどこが変わるの？」とわかりづらかったので、画面のキャプチャ画像とともにまとめてみました。 赤丸で囲った サイトアイコン（ブラウザのタグのアイコン） ブログカードのアイコン は「ブログアイコン」の設定から。 青丸で囲った グローバルヘッダーのアイコン サイドバーのプロフィール画像 はてなスターのアイコン はてなブックマークでのコメントで表示されるアイコン コメントで表示されるアイコン は「プロフィールアイコン」の設定から。 ブログアイコンを変える 【 ダッシュボード → 設定 → 基本設定（タブ） → ブログアイコン 】 はてなブログのアイコンとして使いたい画像ファイルを選択して「変更する」ボタンを押します。するとダッシュボードのアイ
Firefox 6.0正式版がリリースされました。 本バージョンはUIに大きな変更点はありませんが、旧バージョン比約20%の高速化や安全性・安定性に関する問題の修正、およびいくつかの新機能が搭載されたものとなっており、より快適にブラウジングを行うことができる次世代ブラウザとなっています。 すでにFirefox 5をご利用の方は、ヘルプメニュー→「Firefoxについて」よりアップデートが可能となっています。 管理者の環境では以下のようなアドオンが未対応となりました。 また、今回のリリースから最新のWeb標準技術を使ってリニューアルされたFirefoxの灯 (ともしび)が再開されており、Firefoxが日本全国でダウンロードされる状況をWeb上でリアルタイムに確認することができるようになっています。 リリースノート（ja）に記載されているFirefox 6の主な変更・改良点、新機能などは以下
Mozilla Re-Mix: Firefoxの操作設定やネットワークチューニングをUIで簡単に行うことができるアドオン「FireFox Tweak」
Firefoxには、オプションウィンドウを開いて設定できる項目以外にも様々な隠し設定が用意されています。 しかし、このような設定を行うには、どんな項目があるのかを理解した上でabout:configを開いて設定したり、[user.js]ファイルに書き込んだりしなくてはならず、初心者ならずとも面倒なものですね。 Firefoxに「FireFox Tweak」というアドオンをインストールしておけば、いくつかの隠し設定やネットワークパフォーマンスに関する設定を簡単に行うことができるようになります。 アドオンをインストール後、ツール→FireFox Tweak・・、またはツールバーに設置できる専用のボタン をクリックすれば設定ウィンドウが開くようになっており、それぞれの項目にチェックを入れるだけで機能の有効・無効を切り替えることができるようになっています。 設定できる項目は以下の通りです。 ■拡
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2010年度版・とても参考になった国内のWeb制作関連エントリーまとめ
ベクター画像を大量に無料配布するサイトのまとめ | 日刊ウェブログ式
重くなってきたMacをカンタンに高速化する10の方法 | らふらく ^^
Firefox の結構使える10の基本機能 - えむもじら
減らして減らして10個に厳選した WordPressプラグインまとめ。ブログ高速化との狭間にて。
「Firefox 8」正式版登場、メモリ使用量を引き続き削減＆新機能さらに追加
「Notion」で作成したページからサクッとウェブサイトを構築できる「Anotion」を使ってみた
スクラッチはもう古い？BeansフレームワークでWordPress開発のフローが変わる
Material Icons - マテリアルデザイン向けに作られたGoogle製アイコン集 MOONGIFT
圧倒的じゃないか、我がOperaブラウザはっ！ - MOMIZINE
商用利用可能なフリー素材を効率よく収集する方法 | 日刊ウェブログ式
関数：WordPress私的マニュアル
WordPress 4.4 から 他サイトの記事を引用埋め込みできるようになった「Embed」
favicon設定について - はてなダイアリー日記
Emacs での テキストブラウザ eww を使えるレベルにする
Push7を使ってWordPressブログをプッシュ通知に対応させる方法
「Firefox 14」正式版がダウンロード可能に、セキュリティとプライバシーを強化
ファビコン(favicon)の簡単な作り方と設置方法 [ホームページ作成] All About
Firefox 3 for developers - Mozilla | MDN
about:config - Firefox - b
| ＾＾ |秒刊SUNDAY｜汎用性高いWEB用アイコンがわんさか手に入るサイト「WebsiteIcons」
WordPress AMPプラグインを使って サイトをAMP対応にする – ねんでぶろぐ
WordPress（ワードプレス）の使い方 - ロリポップ！レンタルサーバー
faviconをマルチファビコンとapple-touch-iconの2枚で済ます！ : おち研
はてなブログでアイコンを変える4か所とその反映されるトコロ - あめみか
Mozilla Re-Mix: 【Firefox 6.0正式版】リリース。速攻レビュー。