WEBデザインセンス向上まとめ。カラー統一サイト30×5・計150サイト＋2200以上の無料HTMLテンプレ*ホームページを作る人のネタ帳
Dynamic Drive DHTML(dynamic html) & JavaScript code library
This innovative script uses CSS flexbox to create cards that when clicked on expands to show copious amount of information in a compact, manageable manner. Think of it as an expandable cards based layout. Ken Burns is a type of panning and zooming effect commonly used in video production to bring still images to life. This image slideshow adds an awesome Ken Burns effect to each image during trans
EfficientJavaScript - Dev.Opera - 効率的な JavaScript
EfficientJavaScript - Dev.Opera - 効率的な JavaScript 目次 この文書について 効率的な JavaScript ECMAScript eval や Function のコンストラクタを使うのはやめよう eval を書き換えよう 関数を使いたいなら function を使おう with を使うのはやめよう 性能を決める関数で try-catch-finally を使うのはやめよう eval と with は隔離しよう グローバル変数を使うのはやめよう 暗黙のオブジェクト変換に気をつけよう 性能を決める関数で for-in を使うのはやめよう 文字列は累積スタイルで使おう プリミティブの操作は関数呼び出しより速い setTimeout() や setInterval() には文字列でなく関数を渡そう DOM 再描画と再フロー 再フローの回数をでき
覚えておきたいSkypeをもっと便利に使うための10個のツール＆Tips | P O P * P O P
先日、「Skype 3.2ベータfor Windows」と「Skype 2.6ベータ for Mac」が公開されましたね。新しい機能も追加され、ますます便利になっているようです。 そこで今回は「Skypeをもっと便利に使うためのツール＆Tips10」をご紹介します。もはやSkypeは単なる「無料の電話ツール」ではありません。使い方次第でさまざまな用途に使えますよ。 数あるTips＆ツールの中から実際に利用してみて気に入ったものをご紹介します。以下よりご覧ください。 ■ 電話を便利に使う 会話を録音する Skypeでインタビューや会議を行う場合、内容を録音したいときがあります。Skypeの音声を録音する方法はいくつかあります。今回はその中から3つのソフトウェアをご紹介。 「Pamela」は留守番電話機能などが付いた多機能ソフトウェア。基本的に無料で利用できますが、有料版では動画の録画もできま
15,000個以上！最強のアイコン集サイト『FreeIconsWeb』 | P O P * P O P
素敵なアイコンがたくさんダウンロードできるのがFreeIconsWebです。全部で15,000個以上あるそうですよ。 ↑ なかなか素敵ではないかと・・・。 こうした素材集サイトは知っておくと便利ですね。ブックマークに加えておいてはいかがでしょうか。 なお、ご利用の際は配布元のライセンスをご確認ください。 » Free Icons Web – Free Icons,Free Icons Download,Free window icons,Free xp icons,Free computer icon
指定した地域の風の強さをウェブページで表現できる『WindMaker』 | P O P * P O P
ちょっと前に話題になりましたが、当時は動作が不安定だったのでいまさらのご紹介。ご存知の方はスルーの方向で・・・。 さて、このWindMakerですが、指定した地域の風の強さをウェブページで表現してくれます。つまりその地域で風が強いとウェブページの部品がぐらぐら動く、といった効果を得られます。 こう書くとちょっとわかりにくいですが、以下に画像入りで解説していきましょう。 ↑ ぐらぐらさせたいページのURLと郵便番号を入力。POP*POPで実験。日本語サイトでも問題ないようです。 ↑ ちょっとわかりにくいですが、右側のパーツがずれずれです。 ↑ もうちょっとわかりやすくGoogleで。微妙にいろいろなところがずれています。 画像だと伝わりにくいですが、ちゃんとぐらぐらアニメーションしてくれるので楽しいですよ。Bookmarkletもあるので興味のある方は是非どうぞ。実用性はあまりありませんけど
ごちゃごちゃした机の上をすっきりさせるための12のコツ | P O P * P O P
机の上がごちゃごちゃしていると探し物に時間がかかり、非効率です。また散らかっている机は「仕事ができないやつだな・・・」と思われがちです（人にもよりますが）。 そこで今回は「ごちゃごちゃした机の上をすっきりさせるための12のコツ」という記事をご紹介。 どういったことに気をつけるべきでしょうか。以下からどうぞ。 いらないペンは捨ててしまおう ペンはなにかともらうもの・・・・机の上にどんどんたまってしまいますよね。実際には何本も必要なものではありません。思い切って捨ててしまいましょう！ ちょっとしたものを入れるスペースを作ろう よくポケットに入れているような細かいものを置く場所を決めておこう。引き出しでもいいし、ちょっとしたトレイでもかまいません。こうした細かいものはちょこちょこと使うもの。すっと探せるように置き場所を決めておくべきでしょう。 使うものは近くに、使わないものは遠くに 机の上をざっ
クルマの凹みを簡単に直すことができる意外なアイテムとは？ | POP*POP
クルマをぶつけてしまって凹みが・・・というときはへこみますよね。 そこで今回は「 Remove car dents quickly and cheaply」という記事をご紹介。 身近なアイテムを使ってクルマの凹みを直す意外な方法が二つ紹介されています。 あまりひどい凹みでなければ業者に頼む前に試してみてもいいかもしれませんよ。知っておいて損はないかと思います。 ではその方法を以下にご紹介。 ■ ドライアイスを使う方法 なんとドライアイスで直してしまう方法です。凹みの中央にドライアイスをあてては待ち、あてては待ち、を繰り返すと直るらしい・・・。 詳しくは以下の動画をご覧ください。 ■ ドライヤーとエアダスターを使う方法 こちらも意外なアイテムです。エアダスター（空圧でホコリなんかを掃除するあれですね）とドライヤーでできちゃうらしいです。 ドライヤーで凹み部分を熱しておき、エアダスターを噴射す
添付ファイル忘れ・・・を防ぐために身につけたい習慣 | POP*POP
添付ファイル忘れって痛いですよね。ちょっとしたことですが「仕事ができない人」感たっぷりになってしまいます。連続で添付ファイルを忘れたときの悔しさといったら・・・。 そこでLifehackerで「添付ファイル忘れを防ぐための方法」が紹介されていました。単純ですが、効果的かもしれませんのでご紹介。 そのちょっとした方法とは・・・以下にご紹介。 さてその方法ですが、実にシンプルです。 添付ファイルを送るときは、メール作成時に最初にファイル添付をするようにしましょう。 本文よりも件名より先にファイル添付をしてしまうのです。そうすれば本文を書いているうちに添付ファイル忘れをすることがなくなります。 これを習慣にしておくと良いですよ。 もちろん添付忘れを防ぐためのプラグインなども開発されていますが、メールの環境は必ずしも同じとは限りません。 個人的な経験からすると「あのファイル送って！」というときは旅
あなたが大金持ちではない10の理由（by ドナルド・トランプ） | POP*POP
不動産王のドナルド・トランプの著書から「あなたが大金持ちではない10の理由」が紹介されていました。 耳が痛い話ではありますが、彼が言っているので説得力があります。お金持ちになるにはまずは意識改革から・・・というわけで以下にご紹介。 まず基本的な考え方ですが、ドナルド氏いわく、「お金持ちになりたいなら、お金を持つ前からお金持ちのように思考しなくてはならない」とのことです。 自分があたかもお金持ちであるかのように考え、振舞うことから始めよう、ということですね。 では以下に彼の言うところの「こんなことを考えていたらお金持ちになれない」を紹介していきましょう。 休みをとらなくちゃいけない・・・と思っている ドナルド氏いわく「あぁ、休みをとりたいなぁ」と思ったらその仕事はあなたに合っていない、とのこと。 理想的な仕事とは、仕事と休みの区別がつかないようなものである、ということでしょう。 睡眠とらなく
あなたがフリーになったら出会う12種類のクライアント | P O P * P O P
フリーランスのためのリソースを数多く提供しているFreelance Switchで興味深い記事が・・・。 「あなたがフリーになったときに出会う12種類のクライアント」というものです。「あぁ、こういうクライアントいるいる・・・」とうなづきまくってしまいました。 典型的なクライアントの種類とその対策は以下をどうぞ。フリーになる前に知っておきたい情報ですね。 やたらローテクなクライアント 技術がまったくわからないクライアントです。よくいますね・・・。 典型的な台詞： 「このサイト、いいじゃない！FAXで送っておいてくれる？」 対策： 説明は全て文書で行いましょう。そうでないと何度も説明する羽目に陥ります。また電話や実際に会う機会が多くなるので、その分の予算も上乗せしておきましょう。 興味がないクライアント プロジェクトにあまり興味がないクライアントです。 典型的な台詞： 「あー、まぁ、いいんじゃ
便利なショートカットを作成できるシンプルツール『Tooler』
Windows用のフリーウェアのご紹介。「CDを取り出す」「ログオフする」などのちょっとした機能のショートカットを作るのに便利なツールです。 特徴的なのは「音量を20%に抑える」といったように機能によっては微調整できる点。 詳しい使い方は以下をどうぞ。 ダウンロードしたあと、プログラムを起動します。レジストリなどはいじっていないようですよ。 ショートカットを作るときに設定する項目は次の三つ。 ↑ まずはショートカットをつくる場所。スタートメニュー、プログラムメニュー、デスクトップから選択します。 ↑ 次に機能。いくつか選べます。 ↑ 音量などは「何%にするか」まで選べます。これが便利。 ちょっと知っておいても良いツールではないでしょうか。ご利用は以下からどうぞ。なお、Lifehackerからの情報でした。 » Programy Aionela
WEBアプリに超絶簡単にJavaScriptのキーボードショートカット機能を実装する「shortcuts.js」:phpspot開発日誌
WEBアプリに超絶簡単にJavaScriptのキーボードショートカット機能を実装する「shortcuts.js」 2007年04月20日- Handling Keyboard Shortcuts in JavaScript Despite the many JavaScript libraries that are available today, I cannot find one that makes it easy to add keyboard shortcuts(or accelerators) to your javascript app. WEBアプリに超絶簡単にJavaScriptのキーボードショートカット機能を実装する「shortcuts.js」。 次のように定義することで、Ctrl+Shift+Xのショートカットキーが押された際の機能を実装できます。 shortcut(
CSS＆JavaScriptカレンダーライブラリ集:phpspot開発日誌
DHTML Site - 10 Free CSS and Javascript Calendars Calendars may be used on webpages for various reasons, such as allowing users to easily pick a date in a form, or just to provide monthly information. CSS＆JavaScriptカレンダーライブラリ集。 いろんなCSSとJavaScriptで実装されたサンプルライブラリが紹介されています。 Monket Calendar Quick Calendar Using AJAX and PHP Integrating Google Calendar into your Site JS Calendar The DHTML / JavaScript
あなた専用のお問い合わせフォームを作ってくれる『Contactify』 | 100SHIKI
サイトやブログを作ったら「お問い合わせフォーム」をつけると便利である。 もちろんメールアドレスを公開してもいいだろうが、そうしたくない場合もあるだろう。 そこで便利なのがContactifyである。 このサイト、あなた専用のお問い合わせフォームを作ってくれるだけのシンプルサービスである。 簡単な会員登録をすればリンクがもらえるのでそれをサイトに設置すればよい。もちろん利用は無料である。 どのサイトにも必要そうな機能だけを抜き出してシンプルなサービスを作り上げるという発想が良いですな。 ただ、ちょっと試してみたけれどキャプチャのコード読みづらくて使えない・・・誰かうまく使えたら教えてくださいｗ。
Qooqle
アニメ『盾の勇者の成り上がり(2期)』の「あらすじ」や「動画を無料視聴する方法」をご紹介していきます！ ↓『盾の勇者の成り上がり(2期)』の動画を今すぐ無料で見たい方はこちらをクリック↓ 盾の勇者の成り上がり(2期)を無料で視聴する！ アニメ『盾の勇者の成り上がり(2期)』とは？（あらすじ・見どころ） まずは、『盾の勇者の成り上がり(2期)』とはどんな作品なのか？、作品の概要をご紹介します。 あらすじ 尚文が次の「波」への準備を進めていると、謎の魔物たちが現れ、同時に「波」へのカウントダウンが停止してしま ... アニメ『RPG不動産』の「あらすじ」や「動画を無料視聴する方法」をご紹介していきます！ ↓『RPG不動産』の動画を今すぐ無料で見たい方はこちらをクリック↓ RPG不動産を無料で視聴する！ アニメ『RPG不動産』とは？（あらすじ・見どころ） まずは、『RPG不動産』とはどんな作品な
OSを再インストールする前にできること - ［Mac OSの使い方］All About
MacOSを再インストールする前にできることMac OS Xのシステムメンテナンス方法の最新版です。今回は、初期設定ファイルを徹底的に削除する方法を紹介します。 「設定を変更したのに再起動するともとに戻る」とか「Safariが突然終了してしまう」などの現象は出ていませんか？ Macだってコンピュータですから、ソフトを強制終了したり、強制再起動したりするなど、少し手荒な作業を行うとシステムに不具合が出るようになります。 システムの調子を取り戻すための究極の手段は“OSの再インストール”ですが、1～2時間以上の作業になるし、誤って重要なファイルを削除してしまったり、追加したアプリケーションの再インストールが必要になる場合があるなど、重大なトラブルの原因となるため、あまりやりたくはないものです。 ここでは、どうせ初期化する覚悟があるなら、そのまえに試してみたいメンテナンス方法を紹介します。 これ
「試し書き」がスゴイことになっている :: デイリーポータルZ
文房具売り場において、 ボールペンやシャーペンなどの ペン的文房具のふもとには 必ず設置されている 試し書きの紙。 本来は そのペンがどれほどの書き心地かを確認するための スペースとして設置されているものでして、 みなさんもペンを買いに行った際には きっと試し書いてみた経験が あるのではないでしょうか。 そんな試し書きですが、 何の意図もなくペンが赴くままにサラッと記される この試し書きにこそ、 その人の潜在的な本性が 具現化されうるといっても 過言ではないのです。 （ヨシダプロ著 「試死餓鬼」 民明書房刊より） というわけで今回は そんな試し書きから垣間見られる 人々の人間模様を 紹介していきたいと思います！ （ヨシダプロ）
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google マップの乗換案内
WEB上で遊べるDHTMLブロック崩しゲーム「DHTML Arkanoid」:phpspot開発日誌