HONGKIAT.COMの数あるPhotoshopのチュートリアルから、テキスト・写真・ボタンなどのサイトによく使用しそうなWeb2.0風画像の紹介です。 サイトでは、キャプチャ入りで作成方法を解説しています。
テキスト・写真・ボタンなどWeb2.0風画像のPhotoshopのチュートリアル集 | コリス
HONGKIAT.COMの数あるPhotoshopのチュートリアルから、テキスト・写真・ボタンなどのサイトによく使用しそうなWeb2.0風画像の紹介です。 サイトでは、キャプチャ入りで作成方法を解説しています。
Photoshopで、レイヤーを操作する便利な33のショートカット
photoshopessentials.comのエントリーから、Photoshopでレイヤーを操作する便利なショートカットを紹介します。 Adobe Photoshop Tutorials: Layers Power Shortcuts ショートカットは、コマンド別にしています。 ※Win XP+Photoshop CS2でのコマンドです。 Macの場合は、下記置き換えてください。 Ctrl = Cmd Alt = Opt 右クリック = Control + クリック F7 レイヤーパレットの表示・非表示の切り替え。 [Shift] + [Ctrl] + [N] レイヤーを新規作成。 [Shift] + [Ctrl] + [Alt] + [N] レイヤーを新規作成(ダイアログボックス無し)。 [Ctrl] + 「新規レイヤーを作成」ボタン 選択したレイヤーの下にレイヤーを新規作成。 ※背景
CSSレイアウト時のよくやる失敗と対処法｜WEB制作（html,css(スタイルシート) )｜プログラムメモ
■floatでレイアウトしたときのボックスの間に隙間が出来る →隙間が出来るボックス要素全てに float 要素を追加 ■ <div>内に配置した<img>が<div>よりサイズが小さいと隙間が出来る → 下記を追加 img { display: block; } ■ Win IEだけずれる時があり、ずれる大きさがフォントサイズによって変わる →ずれる<div>等に vertical-align を設定する（top 又は bottom） ■ <td>内のフォントが正しく指定したとおりでない（Win IE Mac IE） →<td>の中に<span>をいれて対応する ■MacIEで<div>を floatさせると表示が崩れる。 → フロートさせるdiv の width height 属性を指定する ■<ul><li>で画像リンクを作成したときに WinIEでフォントサイズを変更すると 隙間
4Gamer.net ― Eee PC発売記念（？） この小さいマシンでゲームを動かしてみよう――その1：Windows XPを頑張って小さくしてみる（Eee PC）
Eee PC発売記念（？） この小さいマシンでゲームを動かしてみよう――その1：Windows XPを頑張って小さくしてみる 編集長：Kazuhisa 派手なところは一切ないが，値段の割には質実剛健。2台目のマシンとして非常にお勧めだ ※第2回：Windows XPを頑張って軽快にしてみる → 「こちら」 ※第3回：FFXIも完璧！ ついにゲームの起動にトライ → 「こちら」 発表されるやいなや一気に「小さいものフェチ」の心を奪った，ASUSTeK Computer（以下，ASUSTeK）のノートPC「Eee PC」。日本でもついに4万9800円というプライシングで発表され（Windows XP導入済），通信端末にしようとか出先でYouTubeを見よう（？）とかゲームもできるといいなぁとか，色々と心を躍らせている人も多いことだろう。 〜この小さいマシンでゲームを動かしてみよう〜 ・冒頭 ・
HackAttack：Firefoxをマウスなしで使い倒す - ITmedia Biz.ID
いちいちマウスに手を伸ばさなくても、快適にFirefoxが使える──そんな便利でマストなキーボードショートカットを紹介する。（Lifehacker） Firefoxのキーボードショートカットを覚えてマウス操作を減らせば、Webサーフィンがもっと充実したものになる。特に、マウスがうまく動かないときに有効だ。 そう。皆さんお察しの通り、わたしはたまに（つまりしょっちゅう、ということだ）ワイヤレスマウスの充電を怠って、Lifehackerの原稿に取りかかるときにマウスが使えなくなっていることがある。 皆さんは今、こう思っているだろう。「この有線マウス嫌いの間抜けがたまにマウスの充電を忘れるってだけの理由で、わたしがFirefoxをマウスなしで使うアイデアに心引かれるとでも思っているのか？」。しかし、それがすべてではないのだよ！ わたしは、Webサーフィンの際にマウスに手を移動させなければならない
オフィス2007の.docx、.pptx、.xlsxを古いオフィスでも開いたり編集できるようにする方法 | IDEA*IDEA
ドットインストール代表のライフハックブログ
たった3行加えるだけで、ページの読み込み時間を劇的に改善させる『class.compressor.php』 - IDEA*IDEA ～ 百式管理人のライフハックブログ ～
ドットインストール代表のライフハックブログ
IE6でよく遭遇するCSSのバグとその解決方法 | コリス
Dave Woodsのエントリー「IE6 -CSSのバグとその解決方法」から、IE6でよく遭遇する３つのCSSのバグとその解決方法の意訳です。 IE6 - CSS Bugs and Fixes Explained IE6で、マージンが２倍になってしまうバグ IE6で、hasLayoutプロパティによって起こるバグ IE6で、小さい高さを指定した場合に起こるバグ IE6で、マージンが２倍になってしまうバグ IE6で、フロートした要素のマージンが２倍になってしまうバグと解決方法の紹介です。 下記のコードで、IE6はマージンが20pxになります。 sample:バグ #navigation{ float: left; width: 200px; margin-left: 10px; } #content{ float: right; width: 500px; margin-right: 10p
最高のFlashチュートリアル集『Adobe Flash Tutorials – Best of』 – creamu
Flashの腕を上げたい。 そんなあなたにおすすめなのが、『Adobe Flash Tutorials – Best of』。最高のFlashチュートリアル集だ。 以下にいくつかご紹介。 » Flash Tutorial Create Water Wave Effect Animation Using Masking Tween マスクを使って波を表現するアニメーション » Car Animation BMW3を使ってインパクトのあるアニメーションを作る方法 » Picture Animation ブラシツールとマスクを使ったテクニック » High-tech city animation 街から出る光を表現したアニメーション » Animate a Logo in Flash ロゴにシンプルなアニメーションをかける方法 flaファイルを配布してくれているサイトもあり、かなり使えるだろう。
ウノウラボ Unoh Labs: 画像の遅延読み込み
yamaokaです。 webページの表示を高速化する手法にはいろいろありますが、 その一つとして遅延読み込みという手法があります。 初期状態で表示する必要のない要素については読み込まず、 必要になったタイミングで読み込み、表示するようにする手法です。 ページの読み込みにかかる時間の大半を 画像の読み込みが占めている場合が多いので、 画像の読み込みを遅延させるという手法が多く取られます。 検討するべきケース では、画像の遅延読み込みはどのような場合に検討されるべきでしょうか。 最初から表示されている必要がない画像が存在し、その画像のサイズが大きかったり、 そうした画像の数が多い場合は検討してみる価値があると思います。 例えば、次のようなケースです。 初期状態では表示されないブロックに属する画像が存在し、 JavaScriptで表示するかしないかを切り替えているような場合 ページのずーっと下の
知らないと損する便利なＧｏｏｇｌｅ検索Ｔｉｐｓトップ１０ | Google Mania - グーグルの便利な使い方
知らないと損する便利なＧｏｏｇｌｅ検索Ｔｉｐｓトップ１０ 管理人 @ 1月 5日 09:56pm 検索Tips Lifehacker Top 10: Top 10 Obscure Google Search Tricksを元に、ＧｏｏｇｌｅＭａｎｉａオススメのものを付け加えて、知っておくと便利なＧｏｏｇｌｅ検索Ｔｉｐｓを10個紹介します。 うまく利用すれば仕事の効率アップにもなります。 10.世界の時間をすぐに検索 英語版google.comから利用できる機能です。海外へ電話を掛けるときは向こうの時間を気にするのはマナーですが、いちいち時差を調べるのは面倒です。そんなときに、次のように検索しましょう。 time hong kong ９・単位・通貨換算 通貨や単位換算は筆者もよく使う機能です。 通貨換算例： 1000 円を米ドルに ブラジルの通貨をマレーシアの通貨に 5 英ポンドを韓国のお金
3分LifeHacking：Excelの「セル内改行」をまとめて取り除く - ITmedia Biz.ID
Excelでセル内改行をするには［Alt］＋［Enter］。では、このセル内改行をまとめて取り除くには［Ctrl］＋［J］を使おう。さらにこの［Ctrl］＋［J］には便利な利用方法もあるのだ。 Excelのセル内で文字列を改行したい場合［Alt］＋［Enter］を押すというワザは、Excelを扱う上でぜひ知っておきたい。スペースを連続入力して画面上で無理やり改行すると、セル幅を変更した際にズレてしまうし、見た目はちゃんと改行できていてもうまく印刷できないことも多い。Officeの互換ソフトで開いた場合にズレる原因にもなる。 では、［Alt］＋［Enter］で改行したテキストを元の1行のテキストに戻すためにはどうすればよいだろうか。 もちろん、［Backspace］や［Delete］で改行を1つずつ削除してもよいのだが、改行が多い場合は面倒くさい。こうした場合は、Excelの置換機能を用いる
ウェブサイトを使いやすくするための43の法則
R6K.Net Pressにエントリーされている「あなたが避けるべきウェブデザインの43のミス」の意訳です。 43 Web Design Mistakes You Should Avoid 上記エントリーによると、よく見かけるデザインのミスリストは10個くらいが通常ですが、それでは足らなく、増やしていくうちに43個になったそうです。 43の法則は、常識として浸透しているものもあれば、論争になるようなものもあります。 個人的には、いくつかは条件しだいでと思いますが、概ね相違無いです。 The user must know what the site is about in seconds. サイトに来訪したユーザーは、数秒で何のサイトか知らなくてはいけません。 Make the content scannable. コンテンツが一覧できるリストが必要です。 Do not use fancy
iGoogleには隠しテーマが５つあった！ | Google Mania - グーグルの便利な使い方
iGoogleには隠しテーマが５つあった！ 管理人 @ 12月 15日 04:21pm google トリビア, iGoogle 先日「iGoogleの背景画像には１日１分しか表示されない隠し画像があるらしい」で紹介させていただいた、情報元のブログ「二十歳街道まっしぐら」さんから新しい裏技情報を提供していただきました。 今回はiGoogle の隠しテーマを５つ紹介します。 iGoogleには、昔使われていたテーマやまだ、公開前の超レアなテーマを表示することができます。テーマの変更方法は、次のとおりです。 iGoogleで変更したいタブを表示 下で紹介する javescriptコードをブラウザのアドレスバーに貼り付けて「Enteｒ」キーを押す。 右のように「このタブのテーマを選択」ガジェットが表示されるので、「保存」ボタンをクリック。 簡単ですね。 では、隠しテーマを紹介していきます。 ■
これだけは覚えておきたい１０の検索Tips | お父さんのためのGoogle活用講座 その１ | Google Mania - グーグルの便利な使い方
これだけは覚えておきたい１０の検索Tips | お父さんのためのGoogle活用講座 その１ 管理人 @ 12月 1日 06:58am 検索Tips Google検索はとても便利です。世の中のほとんどの情報から検索できます。 でもその情報が多すぎて、本当に欲しい検索結果を導きだせない人も多いのではないでしょうか。 ちょっとしたテクニックを覚えておくと、欲しい情報が簡単に見つかって、時間も労力も、そして、質のいい情報を手にすることができます。 このコーナーは、『お父さんのためのGooge活用講座』と題して、インターネット初心者向けに、役立つ情報をお届けします。 第一回は、検索するときに覚えておいたら便利な検索Tipsをご紹介します。 I’m Feeling Lucky！ボタンで一発検索 ちなみに、「I’m Feeling Lucky」ボタンはGoogleにとって年間120億円の損失のようです
美しい光を描くためのPhotoshopのチュートリアル集 | コリス
スパークしている光、光源・光線・光跡などの美しい「光」を描いた、Photoshopのチュートリアルの紹介です。
ブログを書いたら確認したいと思っている10項目 - IDEA*IDEA ～ 百式管理人のライフハックブログ
ドットインストール代表のライフハックブログ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
3分でわかる！仕事に役立つExcelテクニック：ITpro
IDEA * IDEA
キラキラ～なロゴが作りたい Photoshopチュートリアルまとめ - DesignWalker
