iPhoneやiPod touchでテキストを読んでいると、目を細めてしまうこともしばしばあります。デフォルトのテキストサイズは、実は簡単に拡大できるので、今回はその方法をご紹介。 テキストサイズの変更設定は以下のように行います。
![iOSデバイスのデフォルトテキストサイズを大きくする方法 | ライフハッカー・ジャパン](https://cdn-ak-scissors.b.st-hatena.com/image/square/8bbd4edbf670103cf7604cdb0f471f851519d371/height=288;version=1;width=512/https%3A%2F%2Fmedia.loom-app.com%2Flifehacker%2Fdist%2Fimages%2F2011%2F05%2F110516enlargetext.jpg%3Fw%3D1280%26h%3D630%26f%3Djpg)
iPhoneやiPod touchでテキストを読んでいると、目を細めてしまうこともしばしばあります。デフォルトのテキストサイズは、実は簡単に拡大できるので、今回はその方法をご紹介。 テキストサイズの変更設定は以下のように行います。
ロールオーバー画像作るとき、どうしていますか? javascript?CSS Sprites? 画像のロールオーバー、 面倒くさいの極みですよね。 THEメンドクサイ、です。 そんな時、ロールオーバー画像を用意しなくても、 用意した風に装う、ステキな技をご紹介します。 その方法とは、CSSに下記ソースを追加するだけ。 a:hover img{ opacity:0.8; filter:alpha(opacity=80); -ms-filter: “alpha( opacity=80 )”; } Sample たったこれだけで、全てのリンク付き画像がロールオーバーで半透明になり、 まるで、ロールオーバー画像を用意した風になります。 上のソースの例でいうと、 0.8や80というのは、不透明度80%、という意味になるので、 もっと薄くしたい場合は、0.6 、60 等に変更する事でカスタマイズ可能で
それでは順を追って説明していきますね。ダウンロードしたファイルを解凍すると、以下のようにたくさんのファイルやフォルダがありますね。今回は Anything Slider を使っていますが、大体どんなプラグインも似たような構成になっていると思います。 anythingslider folder 2. HTMLをマークアップ HTML ファイルがいくつかありますが、これはデモ用のファイルです。プラグインによっては 1枚しかない場合も多いですね。Anything Slider の場合は、たくさんのデモファイルが用意されています。これら HTML ファイルは、HTML でのマークアップを参考にしたりするのにも使えますよね! それではデモファイルを参考にして、HTML をマークアップしていきましょう。今回は一番シンプルなスライダーを作ってみたいと思います。マークアップは単純に<ul>と<li>で画像
Google Chromeのアドレスバーは検索ボックスになっています。この検索機能は非常に便利ですが、普通にキーワードを入力してエンターを押すと、現在開いているページに検索結果が表示されます。 以下に、簡単に新しいタブで検索結果を開く方法をご紹介します。 「Google Chromeのヘルプフォーラム」にその方法が載っていました。 Chromeの検索バーで検索した時にということでしょうか。もしそうならEnterの代わりにALT+Enterを押せば別のタブが開いて検索結果が表示されます。 つまり、新しいタブで検索結果を開きたい場合は「Alt」キーを押しながら「Enter」キーを押せばOKということですね。これが面倒だという方は、検索エンジン編集に以下のコードを貼り付けると良いかもしれません。 javascript:window.open('http://www.google.co.jp/se
WordPressのプラグイン「TinyMCE Advanced」で追加できる表組み(テーブル)ツールの使い方を説明します。表組み(テーブル)の基本 テーブルは一般に表形式のデータを表示するのに使われます。テーブルは縦横に複数のマスで構成されています。1マスを「セル」といい、横のセルの集合を「行」、縦のセルの集合を「列」といいます。 セルには、データを記入するデータセルと、見出しを記入するヘッダセルの2種類があります。 表組み(テーブル)の作成方法 テーブルを挿入したい場所にカーソルを移動し、( 表を挿入 )をクリックします。 ご注意:Firefoxをお使いの場合、作成したテーブルの後に段落がないとテーブルからカーソルが抜けなくなるバグがあります。あらかじめ、文字を入力した段落と段落の間にテーブルを挿入するようにしてください。 設定ボックスが表示されますので、テーブルの属性を指定します。
Photoshopで図形を描いて色を塗るには:D89 デザインTips - デザインのハウツーテクニック集(2)(1/3 ページ) このTipsでは、図形の描画や着色に関して学びます。Tips「[写真加工]Photoshopで新しくファイルを作るには」を参考に、最初に、下記設定でファイルを新規作成しておいてください。 [幅] 512 pixel [高さ] 512 pixel [解像度] 72 pixel/inch [カラーモード] RGBカラー 8bit [カンバスカラー] 白 [選択範囲]を使って四角形と丸を描いてみましょう。 [範囲選択ツール]と[塗りつぶしツール] まずは、ツールを紹介します。図1を見てください。 Aが[範囲選択ツール]、Bが[塗りつぶしツール]です。どちらもそのアイコンの上で右クリックができるので、中身を確認してみてください。 [範囲選択]で四角形を描く まずは、四
WordPress のカスタム投稿タイプでは RSS が配信されておりません。そのため、以下のコードを functions.php に書いて RSS を配信できるようにします。 function custom_post_rss_set($query) { if(is_feed()) { $query->set('post_type', Array( 'post', 'custom-type', 'custom-type2' ) ); return $query; } } add_filter('pre_get_posts', 'custom_post_rss_set'); このコードの変更点は Array() の中の custom-type のところですね。自分の WordPress に news と item というカスタム投稿タイプを作っている時の例は以下になります。
プラグインを使わずにtwitterのtweetボタン、はてなブックマークのボタン&人数、facebookの「いいね!」ボタンをWordpressに1列で表示させる方法です。<a href=”http://b.hatena.ne.jp/append?<?php echo get_permalink(); ?>” title=”この記事をはてなブックマークに追加”><img src=”http://b.hatena.ne.jp/images/append.gif” alt=”この記事をはてなブックマークに追加” width=”16″ height=”12″ /></a> <a href=”http://b.hatena.ne.jp/entry/<?php echo get_permalink(); ?>” title=”この記事のはてなブックマークページ”><img src=”http://b
通常のブログは年月日と曜日が表示 されると思いますが、Twitterのように 「~日前」という表示をさせたい、という 事があるのか疑問ではありますが、こ の「お手軽WordPress Tips」コーナー はそういったニーズを無視したコーナー なので気にせず記事を書きます。 というわけで、相対日時を表示する実装法です。更新ペースが早いのであればその更新頻度をより印象付ける事が出来るかも知れません。 コード コードです。functions.phpに以下を追加。 function time_ago( $type = 'post' ) { $d = 'comment' == $type ? 'get_comment_time' : 'get_post_time'; return human_time_diff($d('U'), current_time('timestamp')) . "" . _
“Google Reader Plus”の「Relook」設定でCSSを追記 “ナビゲーション”の幅を若干(+100pix)広げてみる デフォルトのGoogleリーダーでは、左側にある“ナビゲーション”の開閉は出来るものの、幅は自由に変えられない。 Googleが提供するサービスを使う際に主にGoogle Chromeを使っていため、 幅の拡大は、Google Chromeエクステンションである「Google Reader Plus」を使って行った。 Google Reader Plusでは、適応するSkinをプリセットや自分で設定する機能があり、自由にデザインを選べます。 「Google Reader Plus」エクステンションでは、自前のCSSを書いて適応出来る設定項目もあり、 今回はこの機能で幅の大きさを変えてみます。 Google Reader Plusの設定項目 Theme /
お問い合わせ頂いたので記事にします。 WordPressのfunctions.phpは便利なの はよく分かりますが、結局何が出来るの か分からないのでこんな事できる、という のがあれば教えて欲しいとのことでした。 僕も詳しくないので僕も教えて欲しいんです が、一応書いてみます。 基本的にfunctions.phpはちょっと機能を追加したい、という時に使うものだと思うのでデフォルト機能やプラグインで済むならそうしたほうがいい気がしますのであまり拘らなくてもいいかと思います。 それでも、やはりお仕事ではよく追加する機能はありますのでそれをご紹介します。 ※ウィジェットは割愛しますね カスタムポストタイプadd_action( 'init', 'create_post_type' ); function create_post_type() { register_post_type( 'exam
Add custom parameters into the body_class() functionより、bodyのclassにカスタムなパラメータを追加するコードのご紹介。どういうことかっていうと、例えばbodyのclassが <body class="home blog logged-in"> となっているところが <body class="home blog logged-in anotherparam"> となります。 使い方は、以下のコードをfunctions.phpに張り付けるだけ。 function custom_body_class($classes){ if(is_singular()){ $myvar = "myparam"; } else { $myvar = "anotherparam"; } global $post; array_push($classes,
WordPress のプラグインを作るには以下のページが参考になります。 プラグインの作成 – WordPress Codex 日本語版 以上のページを見ると WordPress のプラグインは難しいように見えますが、実は以下のファイルを保存して /wordpress/wp-content/plugin/ ディレクトリにポイっと入れるだけでプラグインとして動きます。 プラグインを作るときの雛形 以下のコードを example.php として保存すれば終わりです。 <?php /* Plugin Name: プラグインの名前 Plugin URI: プラグインの配布URL Description: プラグインの説明 Version: 1.0 Author: プラグイン作者名 Author URI: プラグイン作者URL */ // ここにコードを書く ?>
JavaScript を知らない人に JavaScript の話して欲しいと言われる夢を見たのでブログ書きました。*1 難しい話は抜きにして JavaScript は <script> と </script> で囲えば動きます。*2 HTML をコードレベルで編集できるサービスなら、設定は一切不要です。 <script> JavaScriptのコード </script> 拡張子にも制限はありません。最終的にHTML文書として出力されるのであれば、htmlでもphpでもcgiでも構いません。なおフレームの代わりにPHPを使うという為になる記事があるのですが、ここでは関係ないので読むのは後ででよいです。 ついでに JavaScript を少しでも使えるようになれば、こんなことができるという一例を紹介します。 コピーライトの西暦を自動更新 JavaScript を使えばページフッタの西暦も自動更
最近、GoogleChromeへ移行している人がむちゃくちゃ多くて、昔から使っている私としては大変嬉しいのですが、僕がChromeを手放せないのは圧倒的レンダリングスピードももちろんですが、検索スピードが段違いに効率的だからだったりします。 しかし、デフォの設定のままだと、そこまで効率的にはなりません。そこで今回は、Chromeの検索スピードを上げてくれる便利なショートカットキー検索をいくつかお教えしたいと思います。 GoogleChrome ショートカットキー検索の設定方法。 まず、ショートカットキー検索の設定方法をお教えしましょう。Chromeには、一見大きなアドレスバーしかありませんが、ここは実は検索バーになるということを頭にいれてください。 さて、さっそくショートカットキー検索の設定をしてみましょう。アドレスバーを右クリックするとこんなメニューがでますので、「検索エンジンの編集」を
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く