タグ

howtoに関するmrnoonのブックマーク (34)

  • 【コラム】プロに学ぶWeb 2.0な画像テク (1) Web2.0的サイトのグラフィック表現 | クリエイティブ | マイコミジャーナル

    Web2.0的サイトのグラフィック表現 一昔前、左右にフレームを切ったページ構成がWebサイトの主流だった頃、凸状に見える表現のリンクボタンをよく見かけました。ハイライト/シャドウ表現をうまく組み合わせて疑似的に立体に見せたボタンは、「なんかIT」な香りがして、さまざまな企業の「ホームページ」に採用されていたものです。 時は流れて「IT」という言葉も今更恥ずかしい気がする今日この頃。ここ数年ネットを賑わすキーワードに「Web2.0」があります。これも多少の「今更」感が無きにしもあらずではありますが、Web制作・アプリ開発などに携わる方にはまだまだ避けては通れないキーワードであることは確かです。 そのサービスの有効性やAjaxの技術的なお話などはその道の専門の方々にお任せするとして、この連載ではWeb2.0的なサービス・サイトでのグラフィック表現にスポットを当ててみたいと思います。 その昔、

  • 角丸画像を瞬時に生成するGoogleの隠れAPI! | p o p * p o p

    これはすごい・・・Googleの隠れAPI(?)を見つけてしまった人がいます。Web 2.0系でよく使われる角丸用の部品を簡単につくることができちゃいます。 » Zach’s Journal – google’s own cornershop 例えば、Google グループのページの丸角は下記のURLで生成されています。 http://groups-beta.google.com/groups/roundedcorners?c=999999&bc=white&w=4&h=4&a=tr 生成される画像は以下。 そしてご推測のとおり、パラメーターをいじることができちゃいます。たとえば下記のような画像を自由自在です。 以下、パラメーターの詳細です。 c:色を指定します。色の名前(aqua, black, blue, fuchsia, gray, green, lime, maroon, navy

    角丸画像を瞬時に生成するGoogleの隠れAPI! | p o p * p o p
    mrnoon
    mrnoon 2007/04/11
    これはすごい・・・Googleの隠れAPI(?)を見つけてしまった人がいます。Web 2.0系でよく使われる角丸用の部品を簡単につくることができちゃいます。
  • 人生の満足度を高める8つのコツ ― 最近の研究から:発想七日!:オルタナティブ・ブログ

    「なぜ、ある人は他の人に比べて幸せなのか?」を研究している学者さんがいます。これはハッとするテーマですよ。もし幸福感がある程度自分でコントロールできて、それが健康維持、ひいては医療費削減につながるとなれば、国家プロジェクトもの!かも。 下記は、研究成果を一般向けにリスト化したもの。複数のblogで引用されています。2005年1月のTIME誌に"Eight Steps Toward a More Satisfying Life"という題で寄稿されていたようなのですが確認しきれず。 いい事を思い出そう。書き留めておこう。 (Count your blessings) 親切を実践しよう。定期的に、かつ機会を見つけて。 (Practice acts of kindness) 人生の喜びを味わおう。楽しい瞬間を逃さずに。 (Savor life’s joys) 助言に感謝しよう。躊躇せずお礼を言おう

    人生の満足度を高める8つのコツ ― 最近の研究から:発想七日!:オルタナティブ・ブログ
  • 第9回 良いアイデアがわく人とわかない人はココが違う:ITpro

    Webサイトのテーマと内容,サイトやメニューの構成,宣伝方法にいたるまで,企画のベースには,一貫する「アイデア」がある。この企画のアイデア―――漠然と「企画案」とか「提案内容」と呼ばれることもある―――を見つけることが,企画という仕事の肝だ。 アイデアがわく人と,わかない人には決定的な違いがある 良い企画のアイデアさえ見つかれば,後は技術と知識で膨らませて,ユーザー層,制作目的,訴求効果といった項目に落とし込み,企画書の体裁に仕立てるだけだ。この作成作業自体は,暗記と反復練習次第で,比較的容易に習得できる。 ところが,こと「発想」に関しては,知識の丸暗記はあまり役に立たない。制作会社から「制作技術は学べるが,発想は学べない」という声を聞くことがある。手順をマニュアル化して伝えられるものではないので,後進の育成が難しいのだ。 筆者から見ると,アイデアがわき出る人と,アイデアがわかない人では,

    第9回 良いアイデアがわく人とわかない人はココが違う:ITpro
    mrnoon
    mrnoon 2007/04/11
    Webサイトのテーマと内容,サイトやメニューの構成,宣伝方法にいたるまで,企画のベースには,一貫する「アイデア」がある。この企画のアイデア―――漠然と「企画案」とか「提案内容
  • Geekなぺーじ:クラッカーがGoogleを使って脆弱なサイトを探す方法の例

    Googleを使って脆弱性のあるサーバを探す手法を「Google Hacking」と言いますが、その検索方法を大量に集めた 「Google Hacking Database (GHDB)」というサイトがあります。 そこでは様々な検索キーワードが紹介されています。 紹介されているものを、いくつかピックアップしてみました。 (ただし、多少古いです。) このような検索を行って脆弱性のあるサーバを探している人が世の中に結構いるみたいです。 サーバを運用している方はご注意下さい。 これらの情報は既に公開された情報なので、検索結果にはワザとこのような情報を流して侵入を試みる人を誘い込もうとしているハニーポットが含まれている可能性もあります。 秘密鍵を探す 秘密鍵は公開鍵と違って秘密にするものなので発見できてしまうのは非常にまずいです。 BEGIN (CERTIFICATE|DSA|RSA) filet

    mrnoon
    mrnoon 2007/04/11
    これらの情報は既に公開された情報なので、検索結果にはワザとこのような情報を流して侵入を試みる人を誘い込もうとしているハニーポットが含まれている可能性もあります。
  • 100種類のデータ表現手法を学べる『aPToVM』 - IDEA*IDEA ~ 百式管理人のライフハックブログ ~

    ドットインストール代表のライフハックブログ

    100種類のデータ表現手法を学べる『aPToVM』 - IDEA*IDEA ~ 百式管理人のライフハックブログ ~
    mrnoon
    mrnoon 2007/04/11
    このページではデータを図に落としていく手法100をまとめてあります。周期表ちっくに色分けしてまとめてあるので目的にあわせてみてみるといいでしょう。
  • 3DCG作成やデッサンなどに役立つ人体モデルあれこれ - GIGAZINE

    人体を描くのが下手な理由は、単純に人体を観察して描く経験が足りないためだそうです。だからといってヌードデッサンを100万回しようにもそもそもそんな機会がそうそうないわけで。 しかし時代は進み、現代ではネット経由で豊富な人体モデルが無料で入手可能です。さすがに実際に目の前においてデッサンをしたり、参考にするのとは勝手が違いますが、それでもこれだけでかなり助かる人も多いのではないかと。特に3DCG作成やマンガを描く際などには参考となるものがあるか無いかで雲泥の出来になるので、役に立つはず。 詳細は下記の通り。 まずはいろいろな無料で利用可能なヌードモデルの写真を置いているサイト。来は3DCGのモデルのために置かれているものです。 Spectralogue. Textures, 3d models, soon HDRI and character reference. 次のサイトには、3DCG

    3DCG作成やデッサンなどに役立つ人体モデルあれこれ - GIGAZINE
    mrnoon
    mrnoon 2007/04/11
    現代ではネット経由で豊富な人体モデルが無料で入手可能です。さすがに実際に目の前においてデッサンをしたり、参考にするのとは勝手が違いますが、それでもこれだけでかなり助かる人
  • 【レポート】Java初学者には最適!? 解説から実行までブラウザでコンプリート - Javala (MYCOMジャーナル)

    Javaのオンライン学習するサイトJavalaが公開されている。JavalaはWebブラウザでJavaを学習したり、コードの実行結果を確認したりするための環境。タンペレ工科大学で開発されたもので、Java言語の学習を目的としている。リードデベロッパはTimo Lehtonen氏。使用に制限はなく、自由に利用できるとされている。用意されている言語は英語とフィンランド語。 図.1 Javala – Javaラーニング環境 基的なトピックとしてはJava言語の基礎(基型、演算子、制御構文、ループ構文、配列)、文字列(編集、比較、結合、トークン化)、オブジェクト(ネーミングとパッケージ、属性、演算、コンストラクタ、リファレンス、生成、削除)、クラス(クラスメソッド、クラス変数、定数、アクセス指定子)、継承(抽象クラス、サブクラス、動的束縛、型変換、比較、インタフェース)、例外(処理、try c

    mrnoon
    mrnoon 2007/04/11
    Javaのオンライン学習するサイトJavalaが公開されている。JavalaはWebブラウザでJavaを学習したり、コードの実行結果を確認したりするための環境。タンペレ工科大学で開発されたもので、Java言
  • LCDのデッドピクセル・スタックピクセルの生き返らせ方 - World Wide Walker

    LCDのデッドピクセル・スタックピクセルの生き返らせ方 Posted by yoosee on Gadget at 2007-01-09 23:42 JST1 デッドピクセルの復活方法Fix your LCD's dead pixels - Lifehackerより。デッドピクセルとは、ピクセル自体が点灯しない状態を言う。これは液晶裏側のバックライトのピクセルが死んでいる状態で、ピクセルは黒色(無発光)になっている。これを復活させる方法は以下の通り。PC(ディスプレイ)の電源を切るスクリーンを傷つけないように手を布で覆うデッドピクセルのある場所のみに圧力をかける圧力をかけ続けたままでPC(ディスプレイ)の電源をいれる圧力をかけるのを止め、デッドピクセルが消滅したことを確認する圧力をかけることによってバックライト液晶部分の未充填状態を解消するらしい。当然ながら圧力をかけすぎてディスプレイ自体

  • Mac OS X インストール方法 | アイ・オー・データ機器 I-O DATA

    外付けのUSBハードディスクに、Mac OS Xをインストールする手順についてご案内しております。 ※当社では、Mac OS Xインストールそのものの手順などについては、サポートしておりません。 ※インストールにあたり、パーティション操作を行うため、USBハードディスク内のデータはすべて消去されます。 ※データなどは、あらかじめ、バックアップを取るなどの処置を行ってください。

    mrnoon
    mrnoon 2007/04/11
    BADSTRING
  • Gmailをメールソフトで読む方法。POP設定を徹底解説!

    読者の要望によりPOPメールソフトで読む情報をまとめました! 頻繁にチェックをする人はGmail新着チェッカーと併用を。 困った時のトラブルシューティングはこちら。IMAP利用はこちら。 Outlook Express,Outlook(→自動設定ツールあり),Entourage,Eudora,Opera Mail(Gmailに影響),Netscape Mail,Apple Mail,Mozilla,Thunderbird(2.0はラベル仕様),Becky(設定),QMAIL3,nPOP(設定),nPOPQ,EdMax(3.10以降設定),SnapperMail(設定),BlackBerry,Mew(設定),Sylpheed,Windows Live Mail desktop,qpop,Simple Mail,HDMobiMail,Mbox360,SHメール,めるちゃか, などのSSL対応P

    mrnoon
    mrnoon 2007/04/11
    読者の要望によりPOPメールソフトで読む情報をまとめました! 試し受信などの時間の浪費をできるだけ解消して下さい。 頻繁にチェックをする人はGmail新着チェッカーと併用を。
  • 構造のマークアップなしでフロートをクリアする方法

    mrnoon
    mrnoon 2007/04/11
    float が見える border、背景を持ったコンテナボックスの中に含まれているとき、float より高くなってもその float は一番下の端まで自動的に押しやりません。 その代わりに、float はコンテナで
  • Photoshopの無料ブラシを使って、たった3分でプロが作ったようなグラフィックを作る方法 - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記

    mrnoon
    mrnoon 2007/04/11
    最近では、無料でかなりきれいなPhotoshop用ブラシがダウンロードできます。
  • PS Brushes.net - Photoshop Brushes, Your Number one source for Photoshop Brushes

    Winning by Being Valuable It's a challenge to come up with high ROI trade show booth design ideas that work well. And custom made stands in particular, present even more complexity, due to their size. But there is a popular and cost-effective option you can use to make your stand be noticeable. How could the core competences of a industry leader be seen when the quality of its products is, by natu

    mrnoon
    mrnoon 2007/04/11
    Hey guys, I just added 50 new brushes so be sure to check those out. On a side note I decided to keep updates weekly instead of daily. You will still be getting tons of new brushes, it'll just be 50 or so brushes a week instead of 10 on a daily basis. My
  • 肩こりや腰痛を寄せ付けない体づくり ― @IT自分戦略研究所

    現在ITエンジニアという職業は3Kといわれ、若者の間では人気が落ちてきている。さらにエンジニアリングの世界から離れてしまうITエンジニアも増えているという。@IT自分戦略研究所はこの事態を見過ごすことはできない。そこでITエンジニアの価値や生活を向上させるヒントを探る。 ITエンジニアの職業病ともいうべき、肩こりと腰痛。悩まされている人も多いのではないだろうか。@IT自分戦略研究所が行ったアンケートによるとおよそ半数の人が肩こりに、そしておよそ4割の人が腰痛に悩まされているという。 マッサージや整体院に通って症状を和らげる方法もあるが、忙しいITエンジニアはなかなかそういった施設に通う時間が取れない場合もある。また一時的に良くなったとしてもその後、再発する可能性もある。今回、ゴールドジム北千住東京のトレーナーである根寿史氏にお話を聞いて、肩こりや腰痛になりにくい体をつくるコツを探った。

    mrnoon
    mrnoon 2007/04/11
  • CSS - Clearing floats

    A common problem with float-based layouts is that the floats' container doesn't want to stretch up to accomodate the floats. If you want to add, say, a border around all floats (ie. a border around the container) you'll have to command the browsers somehow to stretch up the container all the way. The problem Let's try it. This is the CSS we'll use throughout the page: div.container { border: 1px s

    mrnoon
    mrnoon 2007/04/11
    div.container { border: 1px solid #000000; overflow: auto; width: 100% }
  • 小粋空間: 休日表示付リアルタイムカレンダー for Movable Type

    Movable Type のカレンダーに土・日・休日・日を表示するカスタマイズです。ここではデフォルトテンプレートおよび公開テンプレートを利用したテーブルタイプのカレンダー、および公開テンプレートの月送りカレンダーに対するカスタマイズをご紹介します。CSSを変更すれば他のテンプレートでもご利用可能です。 スクリーンショットはデフォルトテンプレートに設定した完成例です。 余談ですが、これまで公開してきたカレンダーのHTMLマークアップおよびCSSの設定を若干見直しました。 2006.10.10 追記:カスタマイズを Ajax 化した「Ajax 月送りカレンダー」を公開しています。 1.休日表示用カレンダースクリプトのダウンロード 下記のリンク先にある dayChecker.js をクリックして休日表示用カレンダースクリプトをダウンロードしてください。 download 2.スクリプトのア

    小粋空間: 休日表示付リアルタイムカレンダー for Movable Type
    mrnoon
    mrnoon 2007/04/11
    Movable Type のカレンダーに土・日・休日・本日を表示するカスタマイズです。ここではデフォルトテンプレートおよび公開テンプレートを利用したテーブルタイプのカレンダー、および公開
  • PCサイトを携帯に対応させるまとめ

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

    mrnoon
    mrnoon 2007/04/11
    PC向けサイトがあるのなら、携帯電話に対応することで潜在ユーザーを取り込むことができます。 今回は、PCサイトを携帯に対応させるのに役立つ情報をまとめてご案内させていただきます
  • Geekなぺーじ:フリーランスとして成功する方法

    「7 Habits of a Highly Successful Freelance Web Designer」という興味深い記事がありました。 原文はフリーランスWebデザイナとして成功する方法を説いていましたが、内容を見るとプログラマや、その他フリーランサーにも当てはまりそうな内容でした。 以下、要約してみました。 誤訳などの可能性があるので、詳細は原文をご覧下さい。 1. 仕事を愛す 大企業で働いていれば、まわりに合わせて仕事をすることができます。 その日に仕事が終わらなければ次の日にまわしたりもできます。 自分が何をしているのかに対して興味を持たない従業員が多い組織もあります。 彼らにとっては、日々の仕事は単なる報酬に対する対価でしかないのです。 フリーランスとして成功するには、自分が行っている仕事を愛する必要があります。 情熱があれば、カフェインの力を借りながら夜遅くまで働き続け

    mrnoon
    mrnoon 2007/04/11
    原文はフリーランスWebデザイナとして成功する方法を説いていましたが、内容を見るとプログラマや、その他フリーランサーにも当てはまりそうな内容でした。 以下、要約してみました。
  • リンクベイティングとは?被リンクを誘う釣りタイトル

    リンクベイティングとは、被リンクの獲得を目的として、リンケラティを釣り上げるためのフックを仕込んだコンテンツを作成することをいいます。慎重に実施する必要があり、継続性やモラルも問われますが、極めて強力な被リンク獲得の方法です。 リンクベイト、リンクベイティングとはリンケラティ(影響力のあるブロガーやソーシャルメディアのユーザー)に狙いを定め、彼らの興味を引き、反応を引き出すことで被リンクを構築する施策をリンクベイティングといいます。また、リンクベイティングのために作成するコンテンツのことをリンクベイトと呼びます。 被リンクの構築、ことにトピックに関連性のある被リンクはSEOにとって極めて重要なものです。しかし、淡々とコンテンツをアップロードしていくだけでは、そうした関連性の高い被リンクを構築するのは困難です。なぜなら、顧客や取引先とリンケラティは必ずしも一致しないという問題があるからです。

    リンクベイティングとは?被リンクを誘う釣りタイトル
    mrnoon
    mrnoon 2007/04/11
    しかしその答えは明快です。読者を集めたいなら、読者の役に立つものを書けばいいのです。