記事を読むのに必要な時間を表示するようにしてみましたよ
記事を読むための所要時間ってやつを、以前から「ちょっと入れてみようかなぁ･･･」と思っていたんですが、ようやく実装するに至りました。 うちのブログはそこまで長文というほどのものでもないですし、あんまり読むのに掛かる時間とか、そこまで気にしてはいなかったんですがね。 やっぱり、少なからず記事を読む人がいてくれて、そうした人たちが時間を割いてくれているわけですから、「だいたい読むのにこれくらい掛かりますよ」ってのを明示したほうがいいだろうと思います。 これを実装しようと思ったきっかけは、1年以上前になるんですが、田口さん(taguchi)が書いていたこちらの記事でした。
覚えておくとMacがとても便利になる7つのキーボードショートカット
Macを使うようになって8ヶ月くらい経ちますが、もうWindowsには戻れないほどメインになっています。まぁマシンスペック的にもMacの方が快適だっていうのもありますけどね。 Mac歴はまだまだ短いですが、やっぱり覚えておいて損のないのがキーボードショートカット。そんなわけで、このショートカット便利だよねーというのをまとめてみました。 (1)ポップアップ辞書を使う 個人的に一番役に立ってるのがポップアップ辞書を使うキーボードショートカット。 海外系のWebサービスを利用していると、たびたび「?」な英単語が出てきますが、そんなときに単語を選択して^+⌘+Dで意味が表示されちゃいます。 (2)再起動の時にパッと使える あんまりMacの電源を落とすことはないんですが、1週間に1度は再起動をかけるようにしていて、そんなときに使えるのが^+Ejectですね。 システム終了させるか、スリープさせるか、
Skypeのチャット形式を変更する方法(Mac Snow Leopard用) | [M] mbdb
フリーランスのモバイルウェブディレクターがウェブやモバイルの話題を独自の視点で紹介MacのSkypeってチャット画面がちょっとシンプルすぎるというか味気ないというか。 特にグループチャットだと、複数人の発言が入り乱れるので、どれが誰の発言なのかを見分けるのに、やっぱりユーザーアイコンは必要だよなぁと。 そこで、チャット形式を変更して、顔写真+吹き出しのスタイルを適用してみたのでその備忘録。Snow Leopardでしかやってないので解りませんが、Macだったら多分この方法でいけるんじゃね? と。 ぶっちゃけた話、チャット形式のスタイルって探してみたけど、なかなか見つかりません。 今回は以下のサイトからファイルをダウンロードしてみました。 Flying Seagull New Skype themes in OSX ダウンロードしたファイルを適用することで、通常のチャットスタイルが
キャリア別にユーザーエージェントで振り分ける方法
最近ちょっと書くことの多いモバイル構築ネタをまたひとつ。 今回はアクセスしてきた端末をキャリアごとに振り分ける方法について。 ケータイサイトの場合、大枠としてはdocomo、au、SoftBank Mobileという3キャリアの端末からアクセスされることになります。 そもそもキャリアの技術仕様の違いもあり、各キャリアそれぞれ別にサイトの構築を行うのが通例で、その為キャリアごとに振り分ける必要があります。 とは言え、最近ではXHTMLによる3キャリア1ソースでの構築というのも珍しくはありません。そうした状況もあって、先日はDOCTYPE宣言について書いたりしたわけですが、サイト構築の目的やサイトジャンルなどによって、キャリア別にサイト構築を行う必要もあったりします。 それにキャリア公式サイトの場合は、基本的に3キャリア別に構築するのが当たり前ですしね。 で、どうやってキャリア別に端末を振り分
各キャリア別と3キャリア共通で使えるDOCTYPE宣言をまとめてみた
最近ちょいちょい、モバイルサイトのコーディングネタを書いてますが、何よりも最初に書いておかなければならんだろ! というDOCTYPE宣言に関してまとめ忘れていたので、いまさらまとめてみたいと思います。 ただ、基本的にモバイルサイトに適したDOCTYPE宣言ってのは、きちんと明示されていないのが現状なんですよね。いつになったら･･･ってのはあるんですが、取り敢えず、まずは各キャリアが策定しているDOCTYPE宣言からまとめます。 因みに、以下のDOCTYPE宣言は全てXHTMLに対応した3G機種のみを対象としているので、そこんとこは注意してください。 3キャリアそれぞれのDOCTYPE宣言 docomo ※バージョンによって若干異なります。下記はiモードXHTML2.3の場合。 <?xml version="1.0" encording="Shift_JIS"?> <!DOCTYPE htm
3キャリア共通のモバイルサイトコーディングにおけるポイント
MT4i3.0.8X1の公開後、テンプレートセット作ったりしてますが、中には自分でコーディングしたい!って人もいると思われます。 そんな人のために、既に情報としてはいろいろなところで出ているんですが、一応3キャリア(i-mode/EZweb/Yahoo!ケータイ)共通のコーディングのポイントを纏めておこうかなと。 別にMT4i3.0.8X1だけじゃなく、普通にどんなモバイルサイトのコーディングでも使えます。 一応、注意点をまず述べておくと、XHTMLに対応しているのは、 docomoのFOMA端末 auのWIN端末 softbankの3GC端末 という、いわゆる上位端末になります。古い下位機種では利用できません。 最近は下位端末を利用している人は少なくなりましたし、仮に利用していてもまずネット閲覧にケータイを使う目的ではないので、このあたりは非対応でも問題ないかなと考えています。 次に全体
ネタフルモバイル版「ネタフルズ」をXHTMLで再リニューアルしました
えっと、すでにネタフルにてコグレさんが記事にしていますが、またもやネタフルのフィーチャーフォン版「ネタフルズ」のリデザインを行いました。 前回と比べて何が変わったかって、先日公開したMT4i3.0.8X1を採用したXHTML対応版にしたのです。 ネタフルの携帯電話版「ネタフルズ」のデザインがリニューアルしました! 今回もリニューアル担当は@cazukiです。 via. [N] ネタフル携帯版「ネタフルズ」の「MT4i」がXHTMLに対応 というのも、前回リニューアルしたときは、｢シカマケ×ネタフル デザイン勉強会｣の真っ最中。 まだ、ネタフルのデザインが本格的に変更になる前にやったものでした。本来ならばネタフルのデザインを踏襲して、ブランディングをきちっと同じ方向にするつもりだったのですが、結果的に違うデザインになってしまいました。 どっかのタイミングでリデザインしないとなぁと思っていたの
CSSを使ったli要素の装飾におけるちょっとした小技メモ
先日の「ブログデザイン勉強会」からしばらく経ちましたが、サイドバーもちょこちょこ再びいじったりしてまして、これで漸く完全リニューアル完了かなぁと思っています。 だいぶ印象変わったかなぁ。ちょっと白ベースが増えた感も否めませんが、まぁコレはコレでありかなと。 で、今回はそのサイドバーを改変する際に知ったCSSのちょっとした小技をメモ。 元々うちの場合、特定のli要素に対してテキストの下に罫線を表示させていたんですが、ここをちょっとゴニョゴニョすると、最後のli要素の下に表示される罫線が消せるというやつです。 この方法、全然知らなくて、今回初めて使いました。なので自分用メモ。 これがコレまでの場合。この場合のCSSは、 li { padding: 0px 0px 5px 0px; list-style: none; background: url(line.gif) bottom repeat
Webデザイナーなら入れておきたいFirefoxアドオン10選
最近、IEの挙動のおかしさに耐えきれなくなってSleipnirからFirefoxに切り替えたんですが、やっぱりアドオンの豊富さという点でFirefoxは凄く良いですよね。 で、つらつらとアドオンを紹介している記事を探していたところ、Webデザイナーが入れておくべきアドオンというのがありました。 アドオンを見ている限りはデザイナーだけじゃなくて、開発系の人も使えるアドオンって感じなんですけど。 Photo:Firefox Crop Circle By Andrew* 開発系アドオン Firebug + Firecookie + Codeburner Firebugはかなりポピュラーなアドオンですよね。 これにCookieの名前や値などをモニタできるFirecookieと、HTML要素リファレンス、HTML属性リファレンス、CSSプロパティリファレンス、サンプルコード、Webブラウザ対応情報な
モバイルサイト運用の上で確認すべき3つのこと
モバイルサイトの運用は結構面倒くさいです。「開発も面倒だよね」という声も聞こえてきそうですが、個人的には運用の方が面倒だと思っています。 その理由としては、まめな情報収集をしなきゃならんのです。というわけで、以下にチェックしておくべき3つのことを書き出しておきます。ある意味、自分用。 キャリアのIPアドレス帯域変更 コレ、意外に頻発します。 というのも、モバイルサイトって大概がIPアドレスでアクセス制限を行うんですよね。ケータイ以外からのアクセスをさせない目的で。 特にキャリア公式サイトの場合は必ずってくらい。 で、このキャリアのIPアドレスなんですが、ホント頻繁に変更されるんですよ。追加されたり削除されたり。出来れば変更しないでくれと誰もが思いますが、気付くと変更されるのでコレは定期的にチェックをしておかなきゃなりません。 仮にこの変更に対応しなかった場合、何が起きるかというとモバイルサ
[M] mbdb | FriendFeedがアツいらしい
2013.01.19 ｢PhoneClean｣でiOSデバイスをクリーンアップ! 不要ファイルを削除しよう
![[M] mbdb | FriendFeedがアツいらしい](https://cdn-ak-scissors.b.st-hatena.com/image/square/160b46d370dc5cc086be743e390d548d8e84a200/height=288;version=1;width=512/https%3A%2F%2Fmbdb.jp%2Fwp-content%2Fthemes%2Fmbdb_v3%2Finc%2Fimg%2Fogp-default.png)
[M] mbdb | FriendFeedがアツいらしい
2013.01.19 ｢PhoneClean｣でiOSデバイスをクリーンアップ! 不要ファイルを削除しよう
[M] mbdb | FriendFeedがアツいらしい
2013.01.19 ｢PhoneClean｣でiOSデバイスをクリーンアップ! 不要ファイルを削除しよう
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
