様々なブラウザがリリースされており、CSSの解釈は各ブラウザで異なり、多くのWEB制作者が悩まされていますが、そんな問題を回避してくれる対策の一つが、Reset CSS、ブラウザ間の見栄えを少しでも揃えるために、ブラウザ固有のスタイルシートを初期化してくれるものですが、今回紹介するのはそんなReset CSSを集めたサイト「CSS Reset.com」を紹介したいと思います。 サイトからは様々な種類のResetCSSのコードをコピーできたり、それぞれのドキュメントが参照できたりと、ResetCSSを便利に利用出来るようになっています。 詳しくは以下 Yahoo! CSS Reset (YUI 3)など国内でもよく利用されているReset CSSもありました。その他にも、「CSS Tutorials – CSS Reset」ではCSSに関してのチュートリアルも公開されていました。 今だに続く
Skypeは1番最高のコミュニケーションツールな気がする僕は、もし日本人の約50%以上の人がSkypeを使う事になったら、 日本のコミュニケーションツールは革命を起こすのではないかと思っています。 Facebookも下の方に、友達とリアルタイムチャットが出来るようになってます。 やっぱり、 「リアルタイムに会話が出来る。」 これが最強のコミュニケーションなんじゃないかと思っています。 Twitterもリアルタイムに感情共有できますしね。 そんなわけで、今日はFacebookよりもTwitterよりも、 ちょっとビジネス寄りで、まだ日本でめちゃくちゃヒットしてないけど、 確実にユーザー数を伸ばし続けている便利ツール 「Skype」 の使い方を事細かに紹介していきます。 スカイプチャットの時代の流れSkypeチャットというのは、いわゆる『インスタントチャット』という文化なのです
個人的には、リビジョンから記事を復旧したい場面はほぼ皆無なので…。 リビジョン機能はオフにしている。 《設定方法》 wp-config.phpに以下の設定を追記。 define('WP_POST_REVISIONS', false); ※別にインストール直後で無くとも構わないのだけれど、少し使った後だと、後々この設定を有効にしても既に保存されているリビジョンについては自動削除されず、削除する手間が面倒なので。 テーマ次第だけれど、確か3.x系の標準テーマであるTwentyTenも含めて多くのテーマで、既に削除済みの記事でも404ヘッダを返してないらしい。 何となく検索エンジンに嫌われそうな気がするので、存在しないページにアクセスした場合もステータス200を返している場合は、使用中のテーマの404.phpの最上部に <?php header("HTTP/1.1 404 Not Found")
なかなか便利だなと思ってご紹介。 自分のブログなどをスマフォ向けに 最適化したいけど時間が無かったり スキルがなかなか追いつけなかっ たり、という方も多いかと思います。 Mippin Mobilizerはその最適化を してくれるWebサービスです。 要はRSSを使ってこのWebサービス上でスマフォ向けレイアウトにしてくれる、というものですので、アドレスはMippin Mobilizerのドメインを使います。この点はmobifyと同じですね。 日本でもガラケー向けに最適化してくれるサービスがあります（名前忘れた）が、そのスマフォ版のようなもの。コーディングやマークアップも知識も不要で、マウスのみで作成可能です。 アドレスを入力する 最適化したいサイトのURLを入力します。矢印をクリックすると右側にプレビューが表示されますよ。RSSが発行されていればどんなサイトでもOKです。同時にレイアウトを
How to Create a jQuery Confirm Dialog Replacement | Tutorialzine 超カッコいい確認ダイアログをjQueryで実装するチュートリアル 普通、ダイアログというと javascript の confirm とか、その他 jquery プラグインを使って実装されるものが多いですが、これまで見たなかでもかなりのカッコよさのダイアログ実装チュートリアルです。 サンプルのダウンロードも可能。 一見全て画像のようにも見えますが、CSS3を使って綺麗にデザインされています。 ここら辺もこだわりたいという方は参考にしてみるとよさそう。 関連エントリ 効果音付きでアニメーションするクールなダイアログ実装jQueryプラグイン「Float Dialog」 その場でポップアップするクールな確認ダイアログ実装用jQueryプラグイン「jConfirmAc
新参ながら、GoogleのChromeは他のブラウザを評価するスタンダードになってきていますよね。今回はこのChromeを最大限活用する10のコツをご紹介しましょう！ HOMEページを追加してみようパワーユーザーはHOME1個じゃ物足りないよね？ Chromeはブラウザ立ち上げると複数のサイトが開くように設定できるんです。右上にある工具みたいなレンチアイコン押してTools ＞ Basicsと進んで好きなサイトを追加しちゃいましょう。ただしあんまり追加し過ぎると起動が遅くなるので...ホドホドにね！ 検索窓を計算機に活用ChromeのGoogle Suggests機能をうまく使いこなせば｢数にめちゃ強いヤツ｣と同僚にも尊敬してもらますよ。URL入れる検索枠（Chrome発表時に｢超能力バー｣と呼んでたけど、｢Omnibar｣が正式名称）に数式を書き込むだけで、Enterキー押さなくっても検
どれをどう使えばいいのか悩むWebサービスを“本音”で紹介する連載、「本音のWebサービスガイド」。前半では「Webサービスの使い方」、後半では実際に利用したユーザー4人の本音・感想を掲載していきます。第6回で取り上げるサービスは「Instagram(インスタグラム)」です。 インスタグラムは写真の撮影・加工・共有が気軽にできる、写真・カメラ系アプリです。iPhoneをさっと取り出して素早く撮影、簡単操作によってクールでオシャレな加工を施し、ツイッターなどのソーシャルメディアを使って写真を共有できます。 気になったモノを気軽に撮影、簡単操作でオシャレな加工も インスタグラムは「写真撮影・加工・共有」アプリです。インスタグラムを使うと、日常生活で気になったモノを簡単操作で気軽に撮影・加工し、それをさまざまなサービスを使って共有できます。 それではインスタグラムの各機能をチェックしてみましょう
画像のサムネイルやテキストを配置したボックスなど、異なる高さのブロックが数多くあっても全ての高さを等しく揃えるスクリプトを紹介します。 Equal Height Blocks in Rows 一行目と二行目では、違う高さで揃えていることに注目してください。 [ad#ad-2] デモでは異なる高さのブロック（スクリプトオフ時）が、スクリプトによって行ごとに同じ高さに等しく揃えています。 デモページ 実装のアイデアとなったのは、「Making DIVs, using the CSS "Float Left" property...」とのことで、そのdiv要素がどの横列に属しているか調べ、その中で一番高いものに揃えています。 [ad#ad-2] 実装方法 HTML 画像やテキストを配置できるdiv要素を使用しています。 <div id="page-wrap"> <div></div> <div>
symfonyの開発実例って大規模なものが多いとか言われたりしますが、小さなECサイトの開発をsymfonyをベースで作ったのでちょこっと紹介。 愛犬のための犬グッズ専門サイト アットペット アットペット 元々個人的に関わっているサイトなのですが、7年前に古い自前PHPフレームワークで動いていたものをそろそろどうにかするかということで慣れたsymfonyで機能を追加しつつ作り直しました。 オンラインショッピングはもちろんのこと、ポイントでお買い物したり、買った商品に愛犬の写真と共にレビューを投稿することもできます。ポイント還元率が高いので大容量のドッグフードをお探しの方など是非利用してみてください。 なぜsymfonyを選択したか？ PHPでECサイトをさくっと作るとなると、EC-CUBEで構築するという選択肢もありましたが次の理由でEC-CUBEを使わないことにしました。 カスタマイズす
「フェイスブック」誕生の経緯を扱った話題の映画「ソーシャル・ネットワーク」が1月15日に日本で公開されたと思ったら、翌週には経済誌の「エコノミスト」と「ダイヤモンド」がフェイスブックを特集。まるで図ったような流れだ。いや、図ったのだろう。 ダイヤモンドが昨年ちょうど同じ時期に出した「ツイッター」特集号はスマッシュヒットとなって、よく売れたという。今回の「フェイスブック」特集は、その「ツイッター」特集を超えた模様だ。 まるで去年のプレイバックを見るかのよう 思えば、ダイヤモンドの特集を境にメディアのツイッターへの注目度が一気に高まり、国内の「つぶやき」人口は爆発的に増えていった。今や1000万人を超えたとも言われている。 そんな昨年が「ツイッター元年」なら、今年は「フェイスブック元年」であるらしい。 ツイッターの時と同様、これからメディアがまたひとしきり大騒ぎするのは火を見るより明らかだ。そ
停電や災害などの緊急事態なのにロウソクが無い！ といった場合、なんとツナ缶がオイルランプとして使えるそうです。DIY系ブログ「Atomic Shrimp」に載っていた、その利用方法をご紹介します。 作り方 ヒモを缶の高さの約2倍の長さに切る。ツナ缶の真ん中にカナヅチで釘を刺して穴を開ける。ツナ缶に刺した釘をグルグル回し、缶の中身にヒモを入れる隙間を作ってから、釘を抜く。半分に折ったヒモの折り目の方を下にして、ヒモをツナ缶の中へ入れる。ヒモはツナ缶から5mmくらい出しておく。念のためにツナ缶をお皿などの上に置き、ヒモに火を点ける。 ツナ缶オイルランプは数時間もつそうです。オイルランプとして使い終わったツナ缶でも、中身はちゃんと食べられますよ！ ツナ缶は、非常食としてもオイルランプとしても使えるので、緊急時のために常備しておくと良いかもしれません。 Emergency Tuna Can Oil
2011年02月04日にWebブラウザ「Google Chrome 9」の安定版がリリースされました。 「Google Chrome」を使っている多くの人は、自動アップデートなので既に「Google Chrome 9」になっていると思います。しかし「Google Chrome 9」（バージョン9.0.597.84）ではFlashで日本語入力できないという症状が発生しています。 これにより、ニコニコ動画にてコメントが打てない、Flashでのメッセージのやり取りができないなどの問題が発生しています。Windows版Google Chrome 9の対策方法の紹介です。（MAC版Google Chrome 9ではこの対策は効果がありません。） ※一部配信先ですべての画像を確認できない場合があります。すべての画像を見るには、ガジェット通信サイトの記事をご覧ください。 「Google Chrome」に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
