ドットインストール代表のライフハックブログ
ユーザーのアクションを誘う購入や送信や検索ボタンなど、最近のインターフェイスデザインでよく見かける7種類のボタンデザインを紹介します。 Common elements used in interface button design [ad#ad-2] 下記は各ポイントを意訳したものです。 また、元記事ではそれぞれのボタンを作成するPhotoshopのチュートリアルも掲載されています。 1. テクスチャを使ったボタン 2. パターンを使ったボタン 3. 3Dを使ったボタン 4. 1ピクを使ったボタン 5. 背景をインデントしたボタン 6. グロウを使ったボタン 7. ハイライトを使ったボタン 1. テクスチャを使ったボタン テクスチャはボタンにわずかな奥行きを与え、クリックが可能であることが分かるようにする素晴らしいテクニックです。
WordPressの管理画面内でドロップダウンする ヘルプ。個人的に正直あってもなくてもいい程度 のものという認識です。WPに疎いお客さんへの 納品で説明するくらいだと思うんですが、それは それで分かりにくい気がするので、中身を変えて この存在価値を高めてあげよう、というカスタマイズ。 前置きが長くなりましたが、管理画面のヘルプがデフォルトではWebに疎いクライアントさんにとっては微妙なものなので自分で価値を高めてあげましょうよという話。せっかくあるコンテンツなので役に立って貰いたいですしお寿司。 ヘルプの内容を変える デフォルトではこういう状態です。アイキャッチとかエディターとかWebに疎い方が聞きなれていない言葉はあまり使いたく有りません。 なのでヘルプの中身を変えます。今回は投稿とページのヘルプを例にしてみます。 コードadd_action('load-post-new.php','
Tweet Amazing Hipstamatic iPhone Photos iPhoneを使い始めて3年が経とうとしている。 今まで数々のTipsに出会い、何度も驚かされて来た。 「少し工夫するだけで、こんなにも快適にiPhoneを使える」 パソコンにもTipsは多くあるが、いつも持ち歩いているiPhoneだからこそ恩恵も大きい。 今回は私が知っている小技・裏技・寝技を紹介したい。 どれもiPhoneの標準機能でできるTipsだ。 発見して記事にしてくれた方々に感謝。 いろいろ 1. マップで乗り換え案内デフォルトの地図アプリが実は凄い - 春友日記 〜なまらiPhone〜 2. フォルダの名前に絵文字を使うiPhone:iOS 4 フォルダ分けの極私的ルール×3 - b2log/p 3. SMSの履歴を画面いっぱいに広げるiPhone の 「MMS/SMS」でメッセージが見にくいとお
捜し物をしている最中に、ちょっと気になったのでテスト的に記事にしてみます。WordPressに新たに追加されたカスタム投稿タイプですが、多少なりにカスタマイズ経験が無いとハードルも低くはない印象なので手っ取り早く作成出来る用にリスト化します。 便利なのにさほど深く浸透していない印象のカスタム投稿タイプ(カスタムポストタイプ)やカスタムタクソノミー(タグに親子関係を持たせる的な機能)とかいろいろと不可解なキーワードで混乱してる方も多いような気がします。 個人的には理解の前にとりあえず触ってみるのもひとつの手だと思いますので、まずは気軽に追加してみてからどういったものか調べればいいかなと。(賛否両論あるでしょうけど僕はとりあえず触って失敗して学びたい人なので カスタム投稿タイプってなんだろう カスタム投稿タイプとは、WordPressにデフォルトである「投稿」という機能とは別の「投稿」機能を加
Windows 2000/XP/Vista/7のNTFS形式でフォーマットされたディスクは、通常Mac OS Xから読み込み(Read)はできますが、書き込み(Write)はできません。WindowsからMacへのスイッチャーを悩ませる問題の一つです。簡単な解決策としては、FAT32形式の外付けHDDを用意する方法や、Truecryptで作成した仮想ディスクを共有する方法が考えられますが、MacでもNTFSを扱えるに越したことはありません。 Mac OS X 10.6 Snow Leopardでは、非公式にではありますが、NTFSの書き込みもサポートされました。ただし、デフォルトでは無効にされている機能なので、有効にしてやらなければ、NTFS形式のディスクを接続しても読み取り専用として認識します。NTFSの読み書き(リードアンドライト)を有効にするには、ターミナルでコマンドを実行する必要
ウェブサイトやブログの運営でよく使いそうな便利な.htaccessの設定を紹介します。 こういうまとめは定期的にあがってきますが、やっぱり必要なのでシェアします。 10 useful .htaccess snippets to have in your toolbox [ad#ad-2] 下記は各ポイントを意訳したものです。 URLからwwwを削除 hotlinkingの防止 feedをfeedbunnerにリダイレクト カスタムエラーページ ダウンロードファイルの処理 PHPのエラーのログ URLからファイルの拡張子を削除 ディレクトリのファイルリストを見せない ファイルを圧縮して軽量化 文字コードの指定 URLからwwwを削除 SEOなどの理由で、URLからwwwを削除して使うことがあるかもしれません。このスニペットは、あなたのウェブサイトにwww付きでアクセスしてきてもwww無しに向
2011年05月30日11:45 カテゴリTipsiTech 備忘録 - Firefox 4 がキャッシュ使いすぎてたので 一時はChrome一辺倒になりかけたのだけど、Firefoxも4になってから再びよく使うようになってきた。Chromeほどではないけどずいぶんと速くなったし、Chromeよりずっとメモリー食わないし。 しかし、デフォルトの設定でディスクをこれほど食うようになっていたとは気づかなかった。 clearing firefox 4 cache takes a very long time • mozillaZine Forumsclearing firefox 4 cache from ccleaner or within firefoxsettings takes a very long time... it took 2 minutes to clear 800 mb o
Windows 7のみ:Windows 7で新しいXPモード機能を試してみたいと思っている方で、どうもVirtual PCの使用は気が進まない、VirtualBoxの方が好きである、という方。VirtualBoxでXPモードを使用する方法があるんです。過去にWindows 7でのXPモードの設定方法/使用方法、米ライフハッカーでもハードウェアの仮想化を行っていないマシンでの使用方法、フリーウェアVMWareプレーヤーソフトウェアを使ってWindowsのバージョンを問わずXPモードを作成する方法などを、紹介してきました。ですが、仮想化には出来ればVirtualBoxを使いたいという方には、How-To GeekサイトのライターMatthewが、VirtualBoxを使ってWindows 7でXPモードを設定する方法を紹介しているので、そちらをご覧下さい! 基本的な考え方はとてもシンプル。必要
IEの各バージョンごとに異なるスタイルシートを適用する方法はいくつかあります。それらの利点・欠点を検討し、さらにIE9へどのように対応したらよいのかを紹介します。 In defense of CSS hacks — introducing "safe CSS hacks" [ad#ad-2] 下記は各ポイントを意訳したものです。 Conditional stylesheets -条件付きコメント:スタイルシート Conditional classnames -条件付きコメント:class名 CSS hack -安全なCSS hackとは 条件付きコメント:class名とCSS hackのコンビネーション [ad#ad-2] Conditional stylesheets -条件付きコメント:スタイルシート 条件付コメントはInternet Explorerの特定のバージョンでロードさせるべ
はてぶの人気エントリー入りしたようで、補足。 私自身、こんなんで速くなるわけねーよ!と思っていたのでデータ取りしていませんでしたが、私の記事を読んでデータ取りしてくれた人がいました。結果は劇的に改善されたようです。Twitterを見ると多くの環境で効果があったようです。 あと、はてぶを見ていると1名遅くなったという人がいらっしゃいましたが、ネットワークに関するパケットサイズなどをチューニングしている人や無線LAN専用の圧縮ソフトを導入されている方は設定が消えることで遅くなる可能性があると思います。普段は初心者がまぎれ込むようなブログではないので、注意書きをしていませんでしたが、PCの設定は自己責任でお願いします。 最近、無線LAN経由でインターネットをすると遅くておかしいなと思って色々調べてみました。 すごく嘘くさいけど、ネットワーク設定を作り直すだけで速くなるとネットに書かれていたので試
商用でも無料で使えるGPLライセンスの 人気CMSなので当然、納品する事も多々 あるかと思います。クライアントさんが管理 する場合と、制作者側で管理する場合があ るかと思います。個人利用ではどうでもいい ですが前者の場合は出来れば管理画面を どうにかしたいところですね。 という訳で、WPの管理画面をどうにかしたい時に覚えておくと探す手間が省けて楽だなぁ、と思ってまとめた記事になります。 左上の「W」のWPロゴが目立つのでこれを変更。 お使いのテーマファイルのfunctions.phpに以下を加えます。 add_action('admin_head', 'my_custom_logo'); function my_custom_logo() { echo ' <style type="text/css"> #header-logo { background-image: url('.get_
WordPressで使用するパス指定は絶対パスのものが多いですが、これをルートからの相対パスに変更する方法を紹介します。 How to make WordPress URLs root relative [ad#ad-2] このブログではパス指定では現状困っていませんが、ポータビリティ(サイトの移転)、ダウンロードサイズ、コードの簡潔さなどを求める際には相対パスの方が有利になります。 ルートからの相対パスにするには、下記のコードをテーマファイル内の「functions.php」に記述します。 ※「functions.php」が無い場合は作成してください。 PHP URLの文字列から「http(s)」と「ドメイン」を取り除きます。 function make_href_root_relative($input) { return preg_replace('!http(s)?://' . $
なお、wp_enqueue_script() は functions.php やプラグイン内で書くと良いです。 WordPress にデフォルトで含まれているライブラリ WordPress には以下のライブラリがデフォルトで同梱されているので、以下のライブラリは一番最初に紹介したように jquery とするだけで読み込むことができます。 scriptaculous-root, scriptaculous-builder, scriptaculous-dragdrop, scriptaculous-effects, scriptaculous-slider, scriptaculous-sound, scriptaculous-controls, scriptaculous, Image cropper (not used in core, see jcrop), Image copper,
WordPressでカスタムフィールドの出力方法についていろいろ調べてみました。 大丈夫と思いますが、以下に示すサンプルは次のようなループタグの中で使ってください。 <?php if(have_posts()) : while(have_posts()) : the_post(); ?> ここにサンプルコードを挿入 <?php endwhile; endif; ?> 1.値を出力する(キーと値が1:1の場合) キーと値が1:1の場合、値を出力するにはpost_custom()を使います。 <?php echo post_custom($key); ?> 冒頭の画像の「サイズ」の値「3000」を出力するには次のように記述します。 <?php echo post_custom('サイズ'); ?> 2.値を出力する1(キーと値が1:nの場合) WordPressではひとつのキーに複数の値を記述
暗号化したディスクイメージを使用して、重要なファイルやフォルダを第三者が勝手に見ることを防ぐ方法を紹介します。 許可無しにMacを使用されても、パスワード無しには中身を閲覧できないため、セキュリティやプライバシーを確保できます。 Macで重要なファイルやフォルダを暗号化する方法は2つあります。 FileVault機能を使用して、ホームフォルダ全体を暗号化する方法 暗号化したディスクイメージを使用する方法 今回は暗号化したディスクイメージを新たに作成して、重要なファイルやフォルダの安全を守る方法を紹介します。 暗号化したディスクイメージを作成する方法 ディスクイメージを作成するには、ディスクユーティリティ.appを使用します。 「起動ディスク(Macintosh HDなど)」→「アプリケーション」→「ユーティリティ」と移動し「ディスクユーティリティ」を起動します。 そして、「新規イメージ」を
僕が日本語化に参加している、直感的CMS、concrete5の簡単なテーマの作り方をFacebookに書いたので、こっちにも書いておきます。 適当にHTML+CSSでページを作る。 HTMLファイルのファイル名をdefault.phpに変える。 DTD宣言の前に魔法の呪文1を追記する。 <?php defined('C5_EXECUTE') or die(_("Access Denied.")); ?> の最後に魔法の呪文2を追記する。 <?php Loader::element('header_required'); ?> ブロックを置きたいところに魔法の呪文3を追記する。 <?php $a = new Area('[area name]');//好きなエリア名を入れる、大体Side barとMain $a->display($c); ?> 直前に魔法の呪文4を追記する。 <?php L
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く