カオス化したスタイルシートから卒業！CSSでカラーを管理する効率的な方法
テキスト、ボーダー、背景、アクセント、エラーなど、カラーをCSSでどのように定義すると効率的に管理できるのか、保守が簡単になるのか、そのテクニックを紹介します。 Create your design system, part 3: Colors by CodyHouse 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに カラーをCSSで効率的に管理するために セマンティックにするか、宣言型にするか 基本的なカラーパレットの作成 セマンティックカラーの追加 このアプローチを採用する理由 テーマに使用するカラー はじめに 元々は、近日公開予定の「Web Components」のために作成したものですが、グローバルのCSSとして利用できるので、一足先に公開します。 Web Components|CodyHouse カラーをCS
名刺管理 何でやるか？ Evernote でしょ
名刺管理の方法は多々ありますが、個人的なおすすめは Evernote での名刺管理ですので、その特徴や具体的な名刺管理の方法を紹介。 タイトルは、言ってみたかっただけです。すいませんすいません。 「Six Apart ブログ」 で、Evernote のユニークな使い方まとめ的な記事があったので便乗してみますが、私の場合、Evernote の主な利用目的が 「名刺管理」 なので、特に名刺交換する機会の多い職種の人にはオススメですよっていう Evernote の使い方を紹介。 別に目新しい使い方ではないと思いますが、名刺の管理めんどくせ的な話をたまに聞くので、そういう方のちょっとした参考になれば。 【その手があったか】 Evernoteのユニークな使い方をまとめてみた ： Six Apart ブログ なぜ名刺管理に Evernote なのか？ 名刺管理の方法はいくつもありますし、それ専用のアプ
WordPressで過去投稿のサムネイル(アイキャッチ画像)を一括で作成する
WPtouchをインストールしてスマートフォン対応にだいぶ満足しています。 投稿一覧もスマホサイトっぽく並べて表示することも出来ていますが、過去の投稿のサムネイルはデフォルトアイコンのままです。 これではあまりかっこよくありません。 かと言って、過去の投稿のサムネイル（アイキャッチ）画像を作成するのは相当骨が折れる作業です。 ここで救世主なプラグインを見つけました。 「Auto Post Thumbnail」というプラグインです。 手順１：サムネイル一括作成プラグイン「Auto Post Thumbnail」のインストール WordPress管理画面 プラグイン → 新規追加 で Auto Post Thumbnail と検索します。 プラグインが見つかったらインストールします。 手順２：サムネイル一括作成プラグイン「Auto Post Thumbnail」の有効化 手順３：サムネイル一括
Movable Typeで承認ワークフローを実現する「Workflowプラグイン」
Movable Typeで承認ワークフローを実現する「Workflowプラグイン」の紹介です。 （クリックで拡大） このプラグインは書籍「Movable Type 5.1プロの現場の仕事術」のために数ヶ月かけて開発したものです。 動作が多岐にわたることと状態遷移が複雑なため、開発するにあたって設計から行いました。 ネットではすでに公開しているのですが、これまでブログで一度も紹介したことがありません。その割にかなり多くの方々に使っていただいてます。 ということで、本エントリーでも改めて紹介したいと思います。 １．主な機能 本プラグインで用意した権限を利用したロール「ライター（承認つき）」と「承認者」を使って、ブログ記事・ウェブページの承認ワークフローが行えます。 以下、ワークフローの流れです。 ライターは承認者に承認依頼を行う場合、記事の状態を「未公開（承認待ち）」にします。 同時に、承認者
PCの環境設定・自動起動設定などが確認できる高機能なタスクマネージャー「MiTeC Task Manager DeLuxe」
プロセス、サービス、ユーザー接続状態、自動起動設定、PCの環境設定、CPU・メモリのチェックができる無料のタスクマネージャーが「MiTeC Task Manager DeLuxe」です。Windows 2000、XP、2003、Vista、7、8、Server 2008上で起動可能となっています。 機能については以下から。 MiTeC Homepage http://www.mitec.cz/tmx.html 今回は64bitのOSでソフトを使用するので、「Download64」をクリック。 ダウンロードしたZIPファイルをExplzhなどで解凍して、「TMX64.exe」を実行。 操作画面が表示されます。この「Processes」タブではプロセスが表示されています。 「Windows」タブで起動しているソフトのハンドルとクラス名。 「Services」タブでサービス状態の表示。 「Ses
トラブルを起こさないためのGoogleウェブマスターツールのサイト所有者確認のコツ
[対象: 初〜中級] Googleウェブマスターツールのサイトの所有者の適切な確認方法を英語版のウェブマスター向け公式ブログが解説しました。 以下がその内容です。 Googleウェブマスターツールのサイト所有者確認のTIPS 確認方法 サイトを確認する方法はどれでも好きなものを選んでいい。CMSやレンタルサーバーによっては使えるものと使えないものがあるかもしれない。設定を何か変更したときに確認が外れてしまわないように2つの方法を併用しても構わない。 確認用のmetaタグ/HTMLファイルの更新 サイト確認用のmetaタグとHTMLファイルを2009年に新しくした。古いものを使っているなら新しいものに差し替えたほうがいい。新しいmetaタグには「google-site-verification」というname値が含まれ、HTMLファイルにはそれとファイル名の1行だけが書かれている。古い形式を
外付けHDDやUSBメモリ、BD-Rなどをカタログ化してPC上で検索可能にするフリーソフト「Cathy」
大量のデータを外付けHDDやUSBメモリ、BD-Rなどに保存していると、どこに何を保存しているかよく分からなくなってしまい、目的のものを探すために一苦労することがあります。そうなる前に「Cathy」を使って、手元の外付けHDDやUSBメモリ、BD-R、DVD-Rなどをカタログ化しておけば、それぞれの中身をいちいちチェックすることなく、カタログから簡単に検索することが可能になります。ソフトはインストール不要で、Windows上で起動可能です。 ダウンロード、操作方法については以下から。 Robert Vasicek http://www.mtg.sk/rva/ Windows XP以上（ここではWindows 7）のOSでCathyを使用するので、上記サイトの中段より少し下にある「Cathy 2.29(English)(XP and above)(download - 65.15kb)」をク
キャッシュや閲覧履歴、ダウンロード履歴等を選択して一括クリアできるChromeエクステンション・Clear Cache
Chromeのユーザーデータを一括で クリア出来る、というエクステン ション。似たようなのもありそう な気もしますが、選択してクリッ クで一括削除できるのは楽なので 導入してみました。 今までは普通にchrome://chrome/settings/をブックマークして必要なときに消しに行ってたんですけどいい加減面倒になってきたので探してみたら便利なのがあった、という今更感満載な内容です。 ワンクリックでいつでも一括削除というのは結構楽ですので地味にオススメなエクステンションでした。 ↑ インストール後にセッティングします。クリア後にリロードするかどうか、クリアする項目を選びます。最下部に「1時間前」「1日前」などの選択も可能です。 項目はキャッシュやダウンロード履歴、ローカルストレージ、cookie、フォームデータなどなど。 楽に消せるので助かりました。 Clear Cache
テキストや画像を編集したときファイルをバージョン管理してくれるフリーソフト「AutoVer」
文書を書いていると、さっき書いた文章の方が良かったのに上書き保存したり、一度エディタを閉じたせいで戻せなくなってしまったということが発生します。そんな悲劇を防ぐために、テキストファイルや画像ファイルに変更があると自動的に別バージョンとして保存するバージョニング機能と、定期的にファイルやフォルダをバックアップする機能を搭載しているフリーソフトが「AutoVer」です。ファイルの変更分の保存先にはFTPを指定することも可能。Windows 2000からWindows 7までのOSで起動可能です。 ダウンロード、インストール、機能については以下から。 Beans Place: AutoVer http://beanland.net.au/AutoVer/ 上記サイトの「Download」をクリック ダウンロードしたインストーラーを実行 「Next」をクリック 上にチェックを入れて「Next」をク
WordPress のプラグイン「Types」の日本語ファイル | Unformed Building
WordPress のカスタム投稿タイプ、カスタムタクソノミー、カスタムフィールドをまとめて管理できるプラグイン「Types」の日本語ファイルを作ったので公開しておきます。 Types Plugin – WordPress Custom Post Types and Custom Fields WordPress › Types – Custom Fields and Custom Post Types Management « WordPress Plugins このプラグインは 大曲さん (@jim0912) に教えてもらいました。 試してみると結構使いやすそうだと思いました。 が、日本語ファイルはあるものの何故かすごく中途半端だったので、できる範囲を翻訳しておきました。 ダウンロードは以下からどうぞ。 Types 1.0.4 向け日本語ファイル 注意事項など 翻訳ファイルへのパスは
ファイルやフォルダーを監視して作成・変更・リネーム・削除などあらゆる操作を記録し続けるフリーソフト「DiskPulse」
自分が行った操作を忘れてファイルの場所が分からなくなり以前の操作を確認する場合や、大切なファイルに誰がアクセスしているのかを確認する場合に、ファイルやフォルダーを監視して操作があればすぐに履歴として保存し、以前の操作を確認できるフリーソフトが「DiskPulse」です。保存した履歴の分別、レポート作成などもでき、Windowsで起動可能です。 ダウンロード、インストール、操作方法については以下から。 DiskPulse - Disk Change Monitor - Downloads http://www.diskpulse.com/downloads.html 64bit版のWindowsへインストールするので、上記サイトにある「Download DiskPulse For:」の右側の選択肢を「Windows 64-Bit」に変更して、「Disk Pulse v4.4.10 x64」を
アイコンをまとめる領域を作成してデスクトップが整理できるフリーソフト「Stardock Fences」
デスクトップにあるアイコンを種類別にまとめて作業の効率化を図りたい場合に、デスクトップ上にアイコンをまとめられる領域を作成して、アイコンを簡単に整理できるフリーソフトが「Stardock Fences」です。デスクトップに表示されているもの全てを非表示にでき、アイコンの配置を保存することもできます。Windowsで起動可能です。 ダウンロード＆インストール、操作方法については以下から。 Fences - Windows Desktop Organization Software http://www.stardock.com/products/fences/purchase.asp?from=home_free ◆ダウンロード＆インストール 上記サイトの「Download」をクリック。 メールアドレスを入力して、「Download」をクリック。 登録したメールアドレスに届くメールの「Dow
iTunes抜きでiPhone内の音楽・動画ファイルを簡単に転送できるフリーソフト「PhoneTrans」
iPhone、iPad、iPod Touchにあるmp3、mp4、m4a、m4v、m4b、PDF、EPUB形式の音楽や動画などのファイルをドラッグ＆ドロップで簡単にインポートとエクスポートができるフリーソフトが「PhoneTrans」です。インポート・エクスポート時にファイルの重複があった場合はそのファイルをスキップしてくれます。Windows XP、Vista、7、8上で起動可能です。 インストール、操作方法については以下から。 PhoneTrans http://www.imobie.com/phonetrans/download.htm 無料版を使用するので、上記サイトの「Download Free Version」をクリック。 ダウンロードした実行ファイルを起動します。 「Next」をクリック 上にチェックを入れて、「Next」をクリック。 「Next」をクリック 「Next」をク
WordPressの管理画面内にヘルプを作成・管理できるプラグイン・WP Help
珍しいタイプだったので何となく ご紹介。WordPressの管理画面内 のヘルプを作成・管理できる、 というWordPressのプラグイン。 記事を書くようにヘルプコンテ ンツを作成出来ます。 クライアントワーク向け、マルチユーザーサイト向けのプラグインでしょうか。管理画面内のヘルプを作成出来るWordPressのプラグインです。いろいろ思いつきますね・・ 管理画面内でヘルプを作るプラグイン。コード見てないけど、カスタム投稿タイプでやってるっぽいです。こんなのも出来るんですね。 こんな感じで作れます。ネストも出来るしドラッグ&ドロップで順番を変える事も可能です。 ヘルプの作成は記事を書くように作成出来ます。 なかなか面白い。他の用途もありそうですね。コードも参考になりそうなので暇を見てチェックしたい。 WP Help (via:WPMU)
プロジェクト管理に優れた無料マインドマップソフト「MindMaple」Winのみ
個人的に最も使い勝手の良いマインドマップソフトは操作感もサクサクなMindmanagerだと思っています。その次に来るのが手軽にオンラインでブレストできるMindMeister。 ただ、いずれのマインドマップサービスも、マインドマップ上でプロジェクトからタスクへ落としこんでも、エクセルへエクスポートする機能がなく、エクセルで視認性の高いタスクの一覧を作ったり、ガントチャートを作ったりする際にひと手間かける必要がでてしまいます。Mindmanagerのガントチャートを使っても良いのですが、そのためには高価なアカウントがいくつも必要になります。 そこで今回は、エクセルへのエクスポート機能が優れている無料のマインドマップソフトをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 ペンとノートで記憶に残す!アイデアがわき出る! 本当に頭が良くなるマインドマップ(R)“かき方
Google ChromeのスタートページをカスタマイズできるChrome拡張「Incredible StartPage」
Google ChromeのスタートページをカスタマイズできるChrome拡張「Incredible StartPage」を紹介します。 Incredible StartPage 情報は2012年4月現在のものです。 １．Incredible StartPageのインストール 「Incredible StartPage」のページ右上にある「CHROMEに追加」をクリック。 「追加」をクリック。 これでインストール完了です。 ２．使い方 新しいタブを開くと「Incredible StartPage」でカスタマイズされた画面が表示されます。 画像かと思ったら、この部分でメモがとれるようです。メモはイエロー・グリーン・ブルー・ピンクの4種類で、それぞれ別に保存できるようです。 メモ右下のメールアイコンをクリックすれば、Gmailと連動します。 その右にある「31」をクリックすれば、Googleカ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Googleウェブマスターツール徹底ガイド改訂版（前編） | Moz - SEOとインバウンドマーケティングの実践情報
ミラーリングも世代管理もできる高機能なフォルダ同期ソフト「FreeFileSync」NOT SUPPORTED
オリジナルフォントが作れるiPad用フォント作成アプリ「iFontMaker」｜linker journal｜linker
YouTube人気急上昇
