便利なＣＳＳテクニック３０選:phpspot開発日誌
30 Exceptional CSS Techniques and Examples | Six Revisions In this article, I’ve pieced together 30 excellent CSS techniques and examples 便利なＣＳＳテクニック３０選ということでエントリがまとまっていたので紹介。 特に気になったものを以下にまとめました。 Hoverbox Image Gallery - 画像ギャラリー上でマウスホバー時に画像拡大 デモはこちら CSS Photo Zoom - 文書に添付の画像にカーソルを合わせると画像拡大。テキスト位置も自動調整 デモはこちら whatever: hover - windowsのスタートメニュー風の階層メニュー デモはこちら Content Overlay with CSS - オーバーレイでdescr
Command Technica：はじめてrsyncを使う方が知っておきたい6つのルール (1/2) - ITmedia エンタープライズ
Linuxなどを利用する上で、「これはどうやったら実現できるのだろう」と思うことは数知れない。本連載では、ユーザーがひんぱんに遭遇するであろう問題と、その解決方法を解説する。上級者には新たな発見を、初心者には上級者への道の手引きとなるだろう。 ファイルやディレクトリをバックアップ／同期するためのツールは幾つも存在していますが、rsyncはとりわけ大きな人気を誇っているといってよいでしょう。変更分を検出して差分のみを転送することで、ネットワーク経由でも効率的にバックアップ／同期が行える点や、sshなどのリモートシェル経由での利用が可能な点など、機能の洗練度はさすがに登場から10年以上たっているだけのことはあります。バックアップやミラーリングなどの用途であれば、基本的にはコピー元とコピー先でわずかな違いしか発生しないはずで、ファイルの相違部分だけを転送するrsyncは効率的に機能します。 そん
デスクトップ百景 - 第六十景：すべては「ファイル名を指定して実行」から 村上福之
株式会社クレイジーワークス代表取締役総裁の村上福之と申します。ファミコンのROMファイルをiアプリに変換するWebアプリを作って、任天堂に怒られたり、いろんな会社にケータイコンテンツを量産したりしてます。あと、ロケットスタートという会社の取締役で、年収検索サイト年収inなど、いろいろ作ってます。 ■ 何もないデスクトップ 最近のぼくのデスクトップは何もありません。前は僕のデスクトップはファイルやアイコンであふれていたのですが、会社を経営するようになって、プロジェクターで自分のデスクトップが大写しになる機会が増えたため、何も置かなくなりました。 ぼくはほとんどの作業を「ファイル名を指定して実行」（Windowsキー+R）で行なっていますから、何もいりません。Shift+Delでファイルは消せますので、ゴミ箱もいりません。 ■ アプリの起動はもちろん「ファイル名を指定して実行」 アプリケーショ
404 Blog Not Found:perl - ワンライナーの書き方入門
2008年03月30日19:45 カテゴリLightweight Languages一日一行野郎 perl - ワンライナーの書き方入門 まあ、ruby のコマンドラインオプションって、Perl由来ですから。 Rubyでワンライナーを書く方法のまとめ まぁ、Perlもあるしあんまり需要が無いのかも知れませんが。 というわけで、Rubyistにも役立つPerlのワンライナー入門です。 基本中の基本 コマンドとしてのperlは、スイッチがない場合、引数はスクリプト名として扱われます。 % cat hello.pl print "Hello, world!\n"; % perl hello.pl Hello, world! % コマンドライン中の文字列をスクリプトとして解釈させるには、-eを使います。 % perl -e 'print "Hello, World!\n"' Hello, worl
JavaScript Tips & Technique
操作方法 → キー: 次のページへ ← キー: 前のページへ ↑ キー: 目次ページへ ↓ キー: 目次ページから戻る 目次ページでは ← → キーで一覧を移動し、クリックで選択します 10 年。 世界が JavaScript の真の実力を発見するのに要した時間である。 1995 年、Netscape 社の Brendan Eich により開発・設計された JavaScript は、「世界で最も誤解されたプログラミング言語」などと呼ばれもした、 ともすれば不遇とすらいい得る歳月を経て、あたりのそこここに満ち充ちていた「Web の旧来的なインタラクションの窮屈さを革命したい」という思いによって、ふたたび表舞台に招来された。 JavaScript は、Web の「あちら側」と「こちら側」とを取り結ぶ、もっとも古くてもっとも新しい、そして、もっとも重要な技術だ。次の 10 年を自らの手で創り出す
404 Blog Not Found:perl - utf8::is_utf8("\x{ff}") == 0
2008年02月18日10:00 カテゴリLightweight Languages perl - utf8::is_utf8("\x{ff}") == 0 ちょうどいい機会なので、Perl 5.8以降におけるutf8フラグの立ち方を。 unknownplace.org - 2008/02/17 - utf8::is_utf8 ということで、"\x{6751}\x{702c}\x{5927}\x{8f14}" などというData::Dumper表記でかならずしも utf-8フラグがたつわけじゃない。ということがいいたかったんだと思うのだけれど、 \x{UUUUUU}とutf8 flag まずはクイズです。以下がどう出力されるかを答えなさい。 sub pfrag{ print utf8::is_utf8($_[0]) ? 1 : 0, "\n" } pfrag "Hell\xC3, worl
fladdict.net blog: かなり画質のよいFLVの作り方メモ
１： mencoder vp6setというツールDLする。 ２： アスペクト比に応じて、4:3.batか16:9.batにaviファイルをドロップ ３： 音質がきかれるので適宜入力 ４－１： ビットレートを適宜選択 ４－２： ModeをTwo-Pass Firstパスに ４－３： End UsageをLocalFile Playbackに ４－４： Noise Reductionを０に ４－５： Sharpnessを０に ４－６： Max Frame Btw Keys を必要に応じて設定(少ないほどキーフレームが多くなる) ５－１： OKを押すと同じダイアログが出るので、ModeだけTwoPass BestQualityに変更してOK とりあえずFLV Encoderとは比べ物にならないぐらいいい画質になることは確認済。このツールよいね。個人的には同圧縮率のSorenson squeeze
58. すごいリロード対策
まず、日本のサイトにある一般的な登録フォームの画面遷移は 入力画面→入力確認画面→完了画面 となっている場合が多いようです。ここでリロード問題となるのは完了画面でのDBへのINSERT処理やCSV書き出し処理、メール送信処理など「一度しか行わない処理」です。例えば完了画面へ遷移した際にブラウザのリロードボタンが押された場合、確認画面よりsubmitした情報が再度submitされて上記の一度しか行わない処理が二度行われてしまいます。そうならないよう、リロード対策はスクリプトで制御します。 まずは確認画面のスクリプト 確認画面でチケットを発行し、セッションに保存しておきます。同時に完了画面へチケットがPOSTされるよう、hiddenにセット。こうして完了画面へ遷移させます。それでは完了画面のスクリプトを見てみましょう。 このように、確認画面で発行されたチケットは一度使い切ってしまえば2度処理さ
404 Blog Not Found:怠翻 - JavaScriptでありがちな9つのシマッタ
2007年08月17日01:15 カテゴリ翻訳/紹介Lightweight Languages 怠翻 - JavaScriptでありがちな9つのシマッタ 私自身結構シマッタしちゃうので。 Nine Javascript Gotchas 尻カンマ注意 以下のコードはFireFoxでは動きますが、Internet Explorer (以下IE)では問題になります。 var theObj = { city : "Boston", state : "MA", } 最後にカンマが入らないよう注意しましょう。 浮気なthisは何を見てるやら 以下のコードで、thisは何を指しているでしょうか。 <input type="button" value="Gotcha!" id="MyButton" > <script> var MyObject = function () { this.alertMess
Googleカレンダーをもっと便利に使うための13のツール＆Tips | P O P * P O P
さて新年度ですね。何かと忙しい時期ですがきちんとスケジュール管理をしたいものです。 そこで今回は「Googleカレンダーをもっと便利に使うための13のツール＆Tips」をご紹介します。数あるTipsの中から個人的に使ってみて気に入ったものを選んでみました。 そのまま使っていても便利なGoogleカレンダーですが、他のツールと組み合わせればもっと便利に使うことができますよ。 さて、一体どのようなことができるのでしょうか。以下よりご覧ください。 ■ Googleカレンダーに新しい情報を追加する 現在時刻のラインを表示する Googleカレンダー上に現在時刻のラインを表示するGreasemonkeyです。次の予定までの空き時間がぱっと見てわかります。 » Google Calendar Display Current Time Line 天気予報アイコンを表示する livedoorが提供している
「○○を△△するための■個の方法」を知っている限り列挙してみた
「○○を△△するための■個の方法」を知っている限り列挙してみた Category: BIZ - Bookmarks: Check Tweet 最近「○○を△△するための■個の方法」という感じの便利ツールやTIPsを何個かに分けて紹介しているサイトやブログ、ニュースが結構あるように思えたので、自分の知っている限りちょっと整理してみました。 と言っても「たった1ヶ月間でウン千万円稼げた10個のテクニック」みたいな有料の情報商材系はモチロン掲載していません。すべて無料でお楽しみいただけます。 多分私が知っているのはまだまだほんの一部なので、「これ使えるよ～」とかの情報持っていたら、コメントかトラックバックでお寄せくださいませ。 インターネット編 あなたのオンライン・プライバシーを守る12の方法(The Essence of Programming) 基本的なことですが、インターネット初心者には口
小粋なインターフェースを実現する25のコード - SIMPLE*SIMPLE ～ ウェブ職人のための小粋なネタ帳 ～
まとめ系エントリーが続きますが、ウェブ職人のためのネタ帳を目指しているのでご容赦くださいませ・・・。 さて、25 Code Snippets for Web Designersなる記事をご紹介。角丸やら噴出しやら、CSSでのグラフなどなど、すぐに使える小技がたくさんです。 ちょっとサイトにスパイスを・・・というときに眺めると便利ですね。このサイトで既に紹介したものもいくつか含まれていますね。よろしければ。 » 25 Code Snippets for Web Designers (Part1) Part 1なので続編もありそうですね。続編が出たらまたお知らせします。
Gmail（Gメール）の使い方まとめ - Google Mania - グーグルの便利な使い方
HOME ＞ Webサービス ＞ Gmail（Gメール）の使い方まとめ Gmail（Gメール）の使い方まとめ 管理人 @ 3月 13日 06:12am Gmail使ってますか？こんな便利な無料サービス使わなきゃ損です！ ってことで、Gmailについてまとめてみました。 2007/11/14 更新 Gmail に関する最新記事は、ブログエントリーのカテゴリー「 Gmail 」で参照できます。 Gmailとは GmailとはGoogleが無料で提供しているウェブメールサービス。 4.9GB以上の大容量と、Google の検索技術を搭載した高度なメール管理機能を備えている。 通常無料のウェブメールサービスだと、ポップアップ広告などが表示されるたり、目障りなバナーが表示されるが、 Gmail では関連性の高いテキスト広告や関連ウェブページへのリンクがメッセージの横に表示されるので、邪魔にならな
SEOのエキスパートと初心者を隔てる14の壁 | Moz - SEOとインバウンドマーケティングの実践情報
僕たちの業界は、この5年間で途方もなく成長した。Danny Sullivan氏が最初のSearch Engine Strategies（SES）カンファレンスを開催したとき、世界中で自分のことを検索エンジン最適化（SEO）屋と名乗る人は5000人にも満たなかったんじゃないだろうか。現在、自分のことを検索エンジンマーケティング（SEM）担当と名乗る人の数は、おそらく10万人近く、あるいはもっと多いかもしれない。 しかし、SEOやSEM担当のエキスパートと初心者を隔てる要素はたくさんある。その中からいくつか紹介しようと思う。 これから書くそれぞれの特徴は、企業が検索トラフィックを最大限に活用できるよう支援する検索コンサルタントについて述べたものだ。 ブランド企業での経験 一般にエキスパートは、Fortune 500企業（あるいはFortune 1000企業）での経験を持っているが、初心者は名の
jmblog.jp - Web2.0っぽいグラデーションのコツ
そろそろ「Web2.0的デザイン」という言い回しが恥ずかしくなってきましたが、それはそれでおいといて。グラデーションは今っぽいデザイン（ちょっと言い方を変えてみた）では外せない要素と言えるかと思いますが、プロのデザイナーの方はさておき、素人が挑戦すると、色の選択に失敗してイマイチ・・・なんてことになりがちです。 » A Gradient Tutorial » 9rules Network Official Blog こちらのサイトでは、グラデーションを作る際のポイントが説明されています。 さて、どれが一番きれいでしょう？1 は彩度（鮮やかさ）が足りません。上のサイトでは「a classic problem」と紹介されています。2 はマシですが、ちょっと素人臭さを感じます。まぁ好みは人それぞれだと思いますが、やっぱり 3 が一番きれいだと思います。 ちなみに僕は、次のようにしてグラデーション
ITmedia Biz.ID：第1回 キーボードショートカットを活用するホームポジション
仕事の効率を上げるための最もお手軽な方法。それはPCの操作速度を上げることだ。これは知識と練習で実現可能。まずはショートカットを活用するための「ショートカット的ホームポジション」を見てみよう。 いかに仕事のスピードを上げるか。知的な仕事に携わっている人──つまり現代ではPCを使っている人にとって、最も手軽な方法は、ズバリPCの操作を速くすることだ。そのためには、 高速なPCを使う より軽いアプリケーションに切り替える 反復作業を効率化する アプリケーションをカスタマイズする といったやり方があるが、最も手軽なのがさまざまなキーボード操作をマスターするというやり方である。 ショートカット的ホームポジション PCに初めて触ったとき、「ホームポジション」という言葉を教わった人も多いだろう。左手の人差し指を［F］キーに、右手の人差し指を［J］キーに置き、ほかの指は1列ずつ隣のキーに置く。指を動かし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
一晩で覚えるjQueryの逆引き基礎サンプル7つ*ホームページを作る人のネタ帳
MySQLで全文検索 - FULLTEXTインデックスの基礎知識｜blog｜たたみラボ
Illustratorを使って、たった３分でプロが作ったようなグラフィックを作る方法 - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記
CSS（スタイルシート）でbodyに設定しておくと便利な5つのポイント - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記
