2010年8月16日のブックマーク (52件)

  • HTML5 Canvasのブラウザによって異なる微妙な振る舞いについてまとめてみた。 - 風と宇宙とプログラム

    はじめに CanvasはHTML5とは切り離された独立した仕様(HTML Canvas 2D Context)になっているようですが、現状のブラウザ上でのCanvasのについて、普段はあまり気にしない微妙な振る舞いについて調べた結果をまとめてみました。 調べたブラウザの各バージョンは以下の通りです。 Firefox Chrome Safari Opera 3.6.8 6.0.490.1 dev 5.0.1 10.61 線を描く (lineTo) ただの直線を描くだけのlineToですが、その単純なものにも、恐らく、多くの人が普段は気にしないような問題があります。それは座標値とアンチエリアスです。詳しく見る前に、実際の結果を示しましょう。下記のイメージ中に描かれている線は、いずれも線幅(lineWidth)が1の線です。 (左から、Firefox, Chrome, Safari, Opera

  • 【2010年8月最新版】直近決算発表に基づくmixi,GREE,モバゲーの業績比較 ~ モバゲー独走状態だが、グリー巻き返しの兆しが:In the looop:オルタナティブ・ブログ

    【2010年8月最新版】直近決算発表に基づくmixi,GREE,モバゲーの業績比較 ~ モバゲー独走状態だが、グリー巻き返しの兆しが 日三大SNSサービスの2010年4-6月期の四半期決算発表が出揃った。 3ヶ月前の記事では、自社ゲームとオープンゲームの「ハイブリッドモデル」を選択したモバゲータウン(以下、モバゲーと省略)が、「オープンモデル」(オープンゲームのみ)のmixiと「クローズモデル」(自社ゲームのみ)のGREEを圧倒し、ひとり勝ちの様相となったことを報じた。 ・ 【2010年5月版】直近決算発表に基づくmixi,GREE,モバゲーの業績比較 (5/19) 3社の異なるコンテンツ戦略の結果がはっきりと数値としてあらわれた前四半期だったが、この4-6月も基的な傾向は変わらないようだ。ただしオープン化に踏み切ったGREEに回復の兆候があらわれるなど、見逃せない変化が発生している。

    【2010年8月最新版】直近決算発表に基づくmixi,GREE,モバゲーの業績比較 ~ モバゲー独走状態だが、グリー巻き返しの兆しが:In the looop:オルタナティブ・ブログ
    XIAORING
    XIAORING 2010/08/16
    mixi GREE DeNA ( モバゲー ) 2010年4~6月期決算
  • Web英字新聞を読むための5つのポイントと、各紙リンクまとめ - 凹レンズログ

    英語のリーディングについては、昔から英字新聞を読むことが効果的であるといわれてきました。現在では、自ら契約して定期購読しなくともインターネットを通じて英字新聞を読むことが出来ます。非常に便利な時代になりました。今回は、英語学習雑誌ENGLISH JOURNALの中で、英字新聞の読み方が非常に分かりやすく解説されていたので紹介します。また、アメリカとイギリス、日で発行されている主要な英字新聞のHPへのリンクをまとめておきます。 ENGLISH JOURNAL (イングリッシュジャーナル) 2010年 09月号 [雑誌] 英字新聞を読むときのポイント 雑誌の中では、英字新聞を読む秘訣が以下のようにまとめられています。 英字新聞を読む5つのポイント 記事全部を最後まで読もうと気負わなくてOK 読む記事は、自分の興味のあるものから選ぶ 日語で読んだ記事なら、理解しやすい 新聞記事のタイプやス

    Web英字新聞を読むための5つのポイントと、各紙リンクまとめ - 凹レンズログ
    XIAORING
    XIAORING 2010/08/16
    english news site
  • 新卒で海外就職 in Europe!: 海外就職の面接で聞かれる質問TOP100

    海外就職の面接で聞かれる質問TOP100 はる(Haru) | Monday, 7 June 2010 | Labels: 海外就職の方法, 英語 採用試験は、母国で母国人を相手に受けても緊張するものです。相手が外国人なら、さらに緊張するでしょう。緊張を少しでも軽くするために、なるべく準備をしてください。そこで、海外就職を考えている方の準備を手助けするために、「面接での頻出質問 TOP 100」をご用意しました。全て質問することはないでしょうが、全て準備をしておけば、いざ番というときに少し心が軽くなると思います。海外就職を考えている方は、全ての質問に対して自分なりの答えを用意してみてください。また、英語が完璧である必要はありません。この場は日語で答えてもかまいません。英語が出来ない人も、今から質問を見て、1年後でも5年後でも、海外就職をするか否かを判断する材料にして頂ければ、と思います

  • 履歴書のウソの見抜き方教えます | 社長の仕事術

    未曾有の経済危機のなかで、採用を減らしている企業にとっては、いかに良い人材を見分けるか、眼力が問われます。 そこで、企業に応募してくる人間をいかに峻別するか、私なりのノウハウをお伝えしていきたい。それは、私が総理首席秘書官の時代に行った閣僚候補のいわゆる「身体検査」とは、やり方は違いますが発想は一緒です。 まず、最初に「履歴書のウソ」の見抜き方です。 再就職しようとする人間は、自筆の履歴書を提出します。仮に過去の職歴がA社に5年、B社に4年と記してあったとしましょう。しかし、その内容はあくまでも自己申告です。もしかすると、実際はもっと頻繁に会社を替わっていて腰を据えて仕事をしたことがない、問題がありそうな業界で働いていた、あるいは何もせずにブラブラしていたということもありうる。その部分は省いて、無難なA社の社名だけ書き、空白期間を埋めるために当は2年なのにA社に5年勤務と誤魔化している可

    XIAORING
    XIAORING 2010/08/16
    履歴書
  • ウェブ配色ツール Ver2.0

    的な使い方 左上のカラーピッカーを使って、任意の1色を作れば、それに合わせた配色が作れるツールです。またロゴの文字や色は任意の物を指定できるようになっています(ただしフォントは変更出来ません)。 カラーピッカーの下のスライダーを利用すれば、メイングラフィックの変更や色相幅も変えることが出来ます。動きが必要な配色の場合には、2つめのスライダーを右に動かしてください。補色配色に近い配色が出来上がります。 色の一覧を押すことで、出来上がった色の一覧を表示しますので、コピー&ペーストしてお使いください。 この配色ツールについて この配色ツールはフォルトゥナによって提供されています。リンク等は当然のことながら自由にしていただいて構いませんが、無断で複製・転載するのはおやめください。 取材・執筆等のお申し込み このツールに関してのご質問、あるいはその他の色に関する取材・業務や講演などは、フォルトゥ

    ウェブ配色ツール Ver2.0
    XIAORING
    XIAORING 2010/08/16
    color scheme
  • Twitter / ツイートボタン

    このボタンをあなたのWEBサイトに表示すれば、ユーザーはあなたのサイトを離れることなく、あなたのWEBサイト上のコンテンツをTwitter上で共有することができます。TwitterからあなたのWEBサイトへとトラフィックを呼び込むのと同時に、戦略的なTwitterアカウントをユーザーにおすすめすることができます。 ボタンを選択してください。カスタマイズすることもできます。

    XIAORING
    XIAORING 2010/08/16
    Twitter Button Webサイト/blogなどに貼り付けられる"Tweetする"ボタン <公式>
  • 初心者ディレクターが気をつける10のこと/在宅でライターの仕事ができる「nanapiワークス」をリリースしました - iGirl

    【2020年12月追記:nanapiもnanapiワークスも役目を終えられまして、サービスクローズしています。関わって、育ててくださったすべての方に感謝します】 ■ これまでのあらすじ(読み飛ばし可) わたしは約1年前(2009年夏)から(株)ロケットスタートの nanapi という How to サイト運営に携わっています。(参照:(株)ロケットスタートで働くことになりました) 2010年3月、正式にフルコミットすることになり、東京へ引っ越してきました(単身赴任)。 そしてこの度、新サービス「nanapiワークス」のディレクションを1からやるという大役を任していただけました。 ■ 「在宅でライターの仕事をするサイト|nanapiワークス」 をリリースしました nanapiワークスとは、nanapiに配信される記事を書き、採用されるとポイントが付与されるサービスです。(ポイントは現金とか商

    初心者ディレクターが気をつける10のこと/在宅でライターの仕事ができる「nanapiワークス」をリリースしました - iGirl
  • ベクター画像を大量に無料配布するサイトのまとめ | 日刊ウェブログ式

    ベクター形式の画像は拡大しても画質が劣化しないので、大サイズの画像やポスターの作成の際に便利です。そんなベクター素材を配布するサイトを資料集としてまとめてみました。よろしければご参考に。 Vecteezy ベクター画像配布サイトの定番 Official Site QVectors 膨大にあります Official Site Vecter Junky 10000のベクター素材が投稿されている Official Site ClipartLab EPS ベクター形式のクリップアートが膨大に配布されている Official Site Vector Valley 少数で高品質。オススメ Official Site 123Freevectors カテゴリーから探せるベクター素材サイト Official Site DragonArtz Designs 名刺、クリップアート、背景など高品質なベクター画像が

  • https://quarter4.info/create/22-wordpress-customize-hack.html

  • 目が三倍になる!!!小悪魔age嬢メイクのPhotoshopチュートリアル | Topics | DB - KAYAC Designer's Blog(カヤック デザイナーブログ)

    メイクはベースが肝心! 1)肌の赤みや影を消して、陶器のような肌に。 スタンプツールで肌を丁寧に補正&トーンカーブでコントラストをあげ、 美白効果を演出します。 2)髪色を明るく [クイック選択ツール]などを使い、髪の毛の部分を選択します。 その際[選択範囲]→[選択範囲の拡張]で少し大きめに選択、 コピーしてレイヤーを複製します。 複製したレイヤーを [カラーレベル:60 30 -50]、 [モード:比較(明)]に設定します。 3)髪にツヤをつける ペンツールでツヤを出したい範囲を囲み、 選択範囲を作成(レイヤーサムネイルをctrl押しながらクリック)します。 選択範囲をぼかして(ここでは3px)、 トーンカーブでコントラストをつけ、[モード:輝度]に設定します。 参考:Creating shining hair 次はいよいよアイメイクです! 4)つけまつげを装備 アゲ嬢にはかかせない、

    XIAORING
    XIAORING 2010/08/16
    photo retouch
  • 小悪魔AGEHA系ロゴを5ステップで描く | 有限会社緩急クリエイティブ公式サイト【東京マーケットミルフィーユ】表参道 マーケティング グラフィックデザイン

    XIAORING
    XIAORING 2010/08/16
    logo text effect
  • Photoshop & Illustratorに関する記事まとめ(2010-01) - Photoshop & Illustratorまとめ

    デジタル画像編集ソフト「Photoshop」(フォトショップ・フォトショ)・グラフィックソフト「Illustrator」(イラストレーター・イラレ)に関する、ニュース・情報・使い方のまとめサイト Photoshop & Illustrator関連キーワード: Photoshop・フォトショップ・フォトショ・Illustrator・イラストレーター・イラレ 2010-01-31 fireworks CS3で、オブジェクトの拡大縮小時に、線まで太くしたくないときの、設定方法 kimihiko Tech Photoshopアニメーションの作り方 制作過程日記 Photoshop用ブラシ素材(砂点描) 801sm テキスト&画像ロゴ自動合成スクリプト ver.2 xxWEBTRA リアルな万年筆を描くPhotoshopチュートリアル CREAMU - WEB制作・ブランディング 2010

  • 【190枚】夏だなーって感じの画像ください カナ速

    ●国公立大学なら賢いと言う風潮  東大なんですけど、役に立つんですか、この学歴? ●関数「俺にヌルポインタ渡したやつちょっとこい」  このまとめ記事を理解するにはJavaとCとSQLの理解が必要です ●どんなに凄い美人でも、「山田」ってだけで魅力30%ダウンだよね(´・ω・`)  自覚あるんだからそっとしといてくれ… 朝日の一面にでかでかと山田オルタナティブという字が載った時は泣いた ●6 4 の 名 作  カービィ64短すぎだろ・・・ ●【190枚】夏だなーって感じの画像ください  やはり裏切らなかったか 秒速5センチメートルあるかなと思ったがなかった ●国公立大学なら賢いと言う風潮  ほとんどのレスが上から目線でわろた ●どんなに凄い美人でも、「山田」ってだけで魅力30%ダウンだよね(´・ω・`)  山田のおれには興味深いスレだった ただ,批判されすぎて泣いた; ●料理

  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
    XIAORING
    XIAORING 2010/08/16
    layer style text effects
  • IDEA * IDEA

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

    IDEA * IDEA
    XIAORING
    XIAORING 2010/08/16
    Twitter RSS search Twitter検索結果をRSSリーダーに登録すると、そのキーワードがつぶやかれたときにRSS通知がくる
  • 文章の作り方 - 伝わるデザイン 研究発表のユニバーサルデザイン

    研究者や研究に関わる大学生や大学院生は、一年を通じて研究室ゼミや学会などで研究成果の発表を行なわなければなりません。また、近年、科学者でない人たちに対する一般向けのプレゼンや講演(アウトリーチ活動)の機会も増えてきています。他にも、研究論文や報告書を書いたり、研究費調達のために予算申請書やプロジェクトの提案書を作成したりすることも、研究者にとって欠かせない仕事です。これらはいずれも情報を他者(研究仲間や審査員、一般市民)へ伝えようとする行為であり、正確かつ効果的な情報の発信が望まれます。しかし、自己流で資料を作成して、闇雲に情報を発信していても、スムーズに情報は伝わりません。ときには誤った情報が伝わってしまい、研究の価値を正当に評価してもらえないことさえ起こりえるのです。 情報を正確にかつスムーズに他者に伝えるためには、情報をデザインすること、つまり文章を読みやすく整えたり、図表を見やすく

    XIAORING
    XIAORING 2010/08/16
    universal design 読みやすく, 見やすく, カッコよく 研究発表以外にもあらゆる制作物に使えるメソッド
  • M OUTLINE FONTS

    XIAORING
    XIAORING 2010/08/16
    M+ OUTLINE FONTS ja jp 2byte 日本語フォント for-sale 商用可 web font
  • 2ステップで写真画像をLOMO風にするPhotoshopのチュートリアル

    いつものバナナ画像 Step 1 画像ファイルを開き、[レイヤー]-[新規調整レイヤー]-[トーンカーブ]を選択します。 これで作業の半分が終了しました。

  • 画像を使ったいろいろなjQueryプラグイン224個まとめ - かちびと.net

    画像にエフェクトをかけて拡大表示したり、スライドを作ったり、ツールチップで表示したり、というような画像を使用したjQueryプラグインが沢山あるのと、探してる方が直ぐに見つけられるように、という事でリンク集を作りました。 という訳で、集まっているjQueryのプラグインの共通点は画像を使っている、という事だけです。一貫性無いといえば無いですが、個人的にも必要とする事が多いので自分用のメモも兼ねてシェア。 日語 English 結構カテゴリ分けはいい加減かもしれませんのであしからずご了承下さい。画像じゃなくてもいいんじゃ・・みたいのもありますが、デモで画像を使ってる、画像と相性が良さそう、みたいなものは基的に掲載しています。 リンクにマウス乗せればキャプチャが出ます。 Lightbox Lightbox風に画像を表現できるjQueryいろいろ Lightbox2 / ベーシックなタイプ。

    画像を使ったいろいろなjQueryプラグイン224個まとめ - かちびと.net
    XIAORING
    XIAORING 2010/08/16
    image lightbox slide gallery tooltip hover mouseover rollover menu
  • IEでのCSSのバグを回避するhasLayout | コリス

    IE7で拡大・縮小時にレイアウトが重なってしまったり、IEでフロートした要素がはみ出てしまったりとIE独自のCSSのバグがいくつかあります。 これは、IEのhasLayoutが原因のひとつとなっているので、それを回避する方法を考察します。 hasLayoutとは IEでのCSSのバグを回避するhasLayoutの値 CSSのバグに効果のあるhasLayoutの指定方法 hasLayoutの参考ページ hasLayoutとは hasLayoutとは、オブジェクトがレイアウトを持っているかどうかを示すものです。 hasLayoutの値はread-onlyのため読み込みのみ可能で、falseとtrueがあります。 hasLayoutの値(read-only) false デフォルト値。 オブジェクトがレイアウトを持っていない。 true オブジェクトがレイアウトを持っている。 IEでのCSSのバ

    XIAORING
    XIAORING 2010/08/16
    IE hasLayout
  • [CSS]IEのhasLayout関連のバグと解決方法をまとめたサイト -hasLayout.net

    IE6/7/8のhasLayoutが原因でおきるスタイルシートのバグとその解決方法をまとめたサイトを紹介します。 hasLayoutについては、以前のエントリで紹介しているので参照ください。 IEでのCSSのバグを回避するhasLayout hasLayout.net バグは現在、IE6(44個)、IE7(28個)、IE8(19個)登録されており、各ページにバグの解説、バグが生じるデモページ、バグの解決方法とそのデモページなどが掲載されています。 IEのCSS Bugs一覧表の一部 また、CSSのチュートリアルでは、IEの便利なトリックも掲載されています。 CSS Tutorial 例えば、下記のようにIEでクリックした際に生じる点線は、他の箇所をクリックしないと消えないため、クリック後しばらくして消したり、元から表示させない方法などが紹介されています。 クリック時に生じる点線の処理方法

    XIAORING
    XIAORING 2010/08/16
    IE hasLayout
  • あばばばば - FC2 BLOG パスワード認証

    ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.

    XIAORING
    XIAORING 2010/08/16
    nicovideo super mario world
  • ドケチなのに良質な無料漢字フォントを探している人向けフォント大全集|| ^^ |秒刊SUNDAY

    ドケチなのに良質な無料漢字フォントを探している人向けのフォント集 バイオレンスなニュースサイト秒刊SUNDAY(びょうかんサンデー) 無料で使えるフォントは多々ありますが、日フォントはなかなかないものです。また日語でも漢字が使えるものはさらに絞られ、数少ないのですが、これらはその少ないうちの一つです。 ◆Windows用Osaka ■WindowsでOsakaフォントを使おう! ◆モトヤ ■全文字フリーフォント ※登録が必要です。 ◆Holiday MDJP02 ■Holiday-MDJP03 / 2byte True Type ■Holiday-MDJP03 ◆メイリオ ■ Windows XP 向け ClearType 対応日フォントIPAフォントIPAフォント ◆M+フォント ■トップ ■M+フォント( ◆VLゴシックフォント ■VLゴシックフォントファミリ ◆MO

    XIAORING
    XIAORING 2010/08/16
    ja jp 2byte 日本語フォント
  • 英語の時制シーケンスまとめ - A Successful Failure

    英語文法において時制は最も厄介なルールの一つだ。特に複数の出来事の前後関係を含意するシーケンスは、正確に使うには訓練が必要だろう。"Sequence of Verb Tenses"では、そのルールをロジカルに一覧にしている。とても有用な表なので、以下に紹介したい。 主節の動詞が過去形もしくは過去完了形以外の場合には、従属節の動詞の時制は何でも利用することができて、その時制の通りの意味を表す。しかし、主節の動詞が過去形もしくは過去完了形の場合には、従属節の動詞は、過去形もしくは過去完了形でなくてはならない。例外は従属節が一般的真実として広く知られていることを表現するときである。 In the 1950s, English teachers still believed that a background in Latin is essential for an understanding o

    英語の時制シーケンスまとめ - A Successful Failure
    XIAORING
    XIAORING 2010/08/16
    english
  • 声も出なくなる位美しい画像くださいジャンルは問わない : はれぞう

  • date_default_timezone_set - スクリプト中の日付/時刻関数で使用されるデフォルトタイムゾーンを設定する

    XIAORING
    XIAORING 2010/08/16
    timezone デフォルトのタイムゾーンを設定する
  • 原文をスラスラ読みたい! 「MSDNライブラリによく出る英単語 100選」(1/2):CodeZine

    はじめに MSDNライブラリには、マイクロソフトの技術情報が大量に掲載されていますが、英語版に比べ、日語版の内容は中途半端なのが実状です。 たとえば、スレッドの優先順位を設定する「SetThreadPriority」関数の説明を見ると、英語版には「Windows Server 2008およびWindows Vistaでは、スタートアップやレジストリのRUNから自動実行されたプログラムに対するスレッドの優先順位指定が、システム開始から60秒程度効かない」との注意書きがありますが、日語版にはありません。 また、仮想ディスクの情報を設定する「SetVirtualDiskInformation」関数を検索すると、英語版には説明がありますが、日語版には項目自体がありません。 そこで記事では、MSDNライブラリの英語版がスラスラ読めるように、とはいきませんが、英単語で引っかかることが少なくなる

    原文をスラスラ読みたい! 「MSDNライブラリによく出る英単語 100選」(1/2):CodeZine
    XIAORING
    XIAORING 2010/08/16
    english マニュアル、仕様書、Documentationなどによく出てくる英単語
  • HTML5を今すぐ使うためのコツや情報をまとめてみました - EC studio デザインブログ

    この数カ月でHTML5のサイトが国内にも増えてきました。先日10周年を迎えた EC studio のサイトもHTML5で制作しています。マークアップの面でのHTML5の導入となりましたが、難しいと思う以上に勉強になることが多くありました。(今も改善を続けています。) http://www.ecstudio.jp/ 個人サイト以外でHTML5を導入するのをためらっている人が多いと思うので、今からでも使っていくためのコツやノウハウをまとめてみました。 新要素をJavaScriptで生成する HTML5の新要素はIEでは未知の要素です。そのため記述していてもDOMツリーが構成されなかったり、CSSが適用されないという問題が生じます。 そこでdocument.createElement(要素名);により、ブラウザ(ユーザーエージェント)にとって未知な存在の要素を生成し、認識させることができます。

  • 漢字が使える日本語フリーフォント40選+2

    (13.07/05 14:39PM 追記) フリーの漢字フォントを集めたギャラリーサイト、しれっと開発しました。 「漢字フリーフォントギャラリー」 → 解説はコチラ 世にフリーフォントは数あれど、「日フォントで漢字が使える」となると、途端に希少になるのが2バイト文字の寂しさ。 そんな中いつも大変お世話になっている、一握の砂の如き「漢字が使えるフリーの日フォント」について、忘備録代わりに各フォントの簡単な使用条件、禁止事項の要約も含めてまとめてみました。 果てしなき道でも勇猛果敢に進む、フリーフォント職人の猛者達に敬礼! その前に注意事項を少し。 当エントリー内にある各フォントの使用条件や禁止事項は、あくまで現時点(09年8月6日現在)での各規約をかいつまんだ、個人的なメモのようなモノですので、実際にフォントをご利用になる際は、必ず先方の利用規約やreadme.txtなんかを読んでく

    漢字が使える日本語フリーフォント40選+2
    XIAORING
    XIAORING 2010/08/16
    ja jp 2byte
  • JavaScript/フォーム/テキストフィールドの入力をチェックする - TAG index

    <html> <head> <title>TAG index Webサイト</title> <script type="text/javascript"> <!-- function check(){ var flag = 0; // 設定開始(必須にする項目を設定してください) if(document.form1.field1.value == ""){ // 「お名前」の入力をチェック flag = 1; } else if(document.form1.field2.value == ""){ // 「パスワード」の入力をチェック flag = 1; } else if(document.form1.field3.value == ""){ // 「コメント」の入力をチェック flag = 1; } // 設定終了 if(flag){ window.alert('必須項目に未入力があ

    JavaScript/フォーム/テキストフィールドの入力をチェックする - TAG index
    XIAORING
    XIAORING 2010/08/16
    form validation check
  • WEBデザイナーの為のXSS(クロスサイトスクリプティング)入門

    WEBデザイナーの為のXSS(クロスサイトスクリプティング)入門 情報処理推進機構のXSS(クロスサイトスクリプティング/Webアプリケーションに存在するセキュリティホール)が公開されて、ネット上では盛り上げっているようです。 まぁ、これを機会にXSS(クロスサイトスクリプティング)って言葉をはじめて聞いたデザイナー・プログラマーの方は、正しい知識・正しい対処法を勉強しましょう。 とくにプログラムなんてちょっと改造するだけというレベルの、WEBデザイナーさんに注意してもらいたいです。 XSSはwebページにスクリプトを埋め込む攻撃法方法 XSSは別のサイト(これはどこでも良い)から攻撃先のurlに対して特定の文字列を送ることにより攻撃先のurlでスクリプトを実行する攻撃方法です。 XSS脆弱性のあるスクリプトはこんなスクリプトである。 <input type="hidden" name="

    WEBデザイナーの為のXSS(クロスサイトスクリプティング)入門
  • URL 引数:デジットさんの生活便利サイト

    URL 引数の設定 ページ間のデータ受け渡し方法は、いくつかあります。ここでは、URL に引数をつけ、そのデータを PHP で受け取る方法を紹介します。 URL に ? をつける ページ間データの受け渡しは、URL の引数( ? 以降)を求めることにより実現することが出来ます。次の例の場合、http://**.com/pathinfo1.php は実在するファイル名とします。すると、'?' に続くデータは、HTTP GET メソッドで引き渡されることになります。 '&' は、データの区切りです。データが1つしかない場合は、'&' は記述する必要はありません。 PHP 側 pathinfo1.php では、引数を、$_GET で受け取ることができます。$_GET は配列で、この場合の内容は、Array ( [a] => dat1 [b] => dat2 [c] => dat3) となります。

    XIAORING
    XIAORING 2010/08/16
    URL引数 PATH_INFO Apache .httaccess
  • 印象に残る名刺の作り方

    2013年12月25日 インスピレーション, 名刺 みなさんはどんな名刺をお持ちですか?またはどんな名刺に目を奪われますか?今働いている会社の名刺ではなく、個人の名刺を作ってみたくないですか?どうせ持つならインパクトのあるものがいいですよね!最初の印象をグッとよくする名刺の作り方がWeb Designer Depotで紹介されていたので意訳してみます! ↑私が10年以上利用している会計ソフト! Webデザイナー・デベロッパーとして、私たちは紙媒体を利用したマーケティングを見落としがちです。しかし、会議などクライアントと面と向かって会う場合や今後一諸にビジネスをするかもしれない誰かと出会ったとき、印刷物は非常に役に立ちます。名刺を持つことはあなた自身をオフラインの世界で宣伝するとてもいい方法です。 もちろんWebデザインは創造的な分野であるので、名刺にポートフォリオのような、自分のスキルを見

    印象に残る名刺の作り方
    XIAORING
    XIAORING 2010/08/16
    business card
  • 新規ビジネスにありがちな10の過ち &raquo; SEO Japan

    不況の時代とはいえ自分でビジネスを新たに始めることを考えている人もいるでしょう。成功への期待もあれば、失敗への不安もあると思いますが、新規ビジネスの「よくある過ち」をQuickSproutからご紹介。これを読んで、こうならないようにすれば失敗の確率も低くなるはず!です。 — SEO Japan あなたはビジネスを始めることを考えているだろうか?もしそうなら、今日ここで紹介する過ちを確実に回避しなければ、そのビジネスは恐らく失敗に終わることになるだろう。 1. ゆっくりで着実すぎる人は競争に勝てない 大部分の新規ビジネスが失敗するのは、十分なお金を持っていないからである。動きが遅ければ、最初のお金が入ってくるまでにかなり長い時間がかかることになる。たとえいくらかの現金をすでに持ちこんでいるとしても、それでは十分ではないのだ・・・儲からなければしょうがない。 時間はあなたの味方をしてくれないの

  • スマートフォン対応サイトの作り方、教えます (1/3)

    「WebサイトをiPhoneAndroidで見やすく表示したい」「スマートフォンをターゲットにしたWebサイトをデザインしたい」――そんなWeb制作者のための新連載がスタートします。PCサイト制作のノウハウさえあれば、「モバイルサイトは未経験」でも大丈夫。スマートフォン(iPhone/Android)向けサイト制作の基礎知識から実践的なテクニックまで、H2O Space.のたにぐちまことさんが解説します。(編集部) iPhoneの快進撃とiPhone 4の登場、Android端末のXperiaとDesireのヒット、au初の国産Android端末「IS01」の発売――と、スマートフォンの勢いが止まりません。いまや一部マニアやビジネスマンにとどまらず、女性やお年寄りなどの幅広い層にまでスマートフォンの利用は広がり、「1台目の携帯電話」として購入する人も珍しくなくなりました。 PCとの連携、

    スマートフォン対応サイトの作り方、教えます (1/3)
  • HTML5についてのおさらい|Web制作 W3G

    Updated 2010.07.29 / Published 2010.07.29 これからHTML5を使いはじめようという方に向けたHTML5のおさらいです。HTML5の記述方法にはじまり、導入にあたって間違いやすいところや勘違いしがちなところをまとめてあります。 hgroup, header, footer要素の説明を含めた続きもあります(続HTML5についてのおさらい)。 HTML5の記述方法 まず最初に、必ずDOCTYPE宣言を行います。HTML5には公式のDTDがないので、すごくシンプルになっています。 <!DOCTYPE html> 続いて、html要素にドキュメントの言語を宣言します。 <html lang="ja"> そして順番にhead要素ときて、文字エンコーディングの指定ですが、charset属性が新たに利用できるようになりました。 <meta charset="UTF

    HTML5についてのおさらい|Web制作 W3G
  • Photoshop Vip » 背景デザインに使える継ぎ目のないパターン素材、500枚あつめました。

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    Photoshop Vip » 背景デザインに使える継ぎ目のないパターン素材、500枚あつめました。
    XIAORING
    XIAORING 2010/08/16
    pattern background
  • 英語の接尾語(辞)をまとめてみた

    [A][C][D][E][F][G][H][I][J][K][L][M][N][O][P][R][S][T][U][V][W][Y] A -ability :〈-ableで終わる形容詞から名詞を作る〉「…できること; …するに値すること」などの意味 -able :〈ふつう他動詞, 時には自動詞に付けて形容詞を作る〉「…できる, …に適する」などの意味,[注意]受動的な意味になるのが普通。 lovable(=that can be loved)に対し, loving(=showing love)の意味は能動的,  〈名詞に付けて形容詞を作る〉「…に適する, …の状態[性質]」などの意味 -ade :「行動、行動中の人(一団)」の意味,  「特定の果物からできる飲料」 -age :「行為, 状態, 料金, 集合」などの意味の名詞を作る -al :「…の(ような), …の性質の」の意味の形容詞を

    英語の接尾語(辞)をまとめてみた
    XIAORING
    XIAORING 2010/08/16
    english suffix
  • wutseのダイアリー

    XIAORING
    XIAORING 2010/08/16
    regex 正規表現の範囲指定で半角英数記号にマッチするには [!-~]
  • リアルタイムに入力チェック - jQuery Inline Form Validation Engine - | バシャログ。

    こんにちは、nakamura です。すっかり秋めいてきましたね。みなさんの今年の夏の思い出は何だったでしょうか。僕の思い出は叔父がやっている家庭菜園で膨大な量のきゅうりが取れてしまい、家のおかずが2週間ほどきゅうりづくしだった事でしょうか。自分、鈴虫かと思いました。 とあるプロジェクトで、入力フォームのバリデーションを javascript で実装したいという要件がありました。なおかつ最近よくみる submit ボタンを押さずともリアルタイムでエラーメッセージを表示してくれるおしゃれなアレです。そんな要件に添う為今回使ったのが Jquery Inline Form Validation Engine です。元々 sakai が見つけてきたものなのですが、仕組みも簡単で分かりやすく中々動作も軽快だったのでここでご紹介したいと思います。 ファイル構成 まずはスクリプトをダウンロードしましょう。

    リアルタイムに入力チェック - jQuery Inline Form Validation Engine - | バシャログ。
  • [携帯]フォントサイズ(XHTML版) │ これからゆっくり考L +α

    フォントサイズ(HTML版)に引き続き、今回はXHTML版です。 CSSフォントサイズを指定するので、こんな感じになります。 <span style="font-size:x-small;">文字文字</span> 各指定方法で、実際どのぐらいの大きさで表示されるのかをチェックしやすくするため、サンプルページをつくりました。 サンプルページを色々な端末で見てみると、だいたいどのサイズがいいかーというのが見えてくるかと思います。 サンプルページ QRコード →サンプルページを見る 各種フォントサイズと、ついでに太字のサンプルもおいております。 太字の指定方法はbとstrongとfont-weight:bold;です。 各キャリア、端末の表示 docomo 【大】xx-large,x-large 【中】large,medium 【小】small,x-small,xx-small ※全端末共通

  • メタルやペーパー、グランジなど高解像度のフリーのテクスチャ素材

    ステンレス、チタニウム、ゴールド、カーボン、リサイクルペーパー、古紙、グランジなど、高解像度のフリーのテクスチャ素材をpsdGraphicsから紹介します。

  • 日経BP

    株式会社 日経BP 〒105-8308 東京都港区虎ノ門4丁目3番12号 →GoogleMapでみる <最寄り駅> 東京メトロ日比谷線「神谷町駅」4b出口より徒歩5分 東京メトロ南北線 「六木一丁目駅」泉ガーデン出口より徒歩7分

    日経BP
    XIAORING
    XIAORING 2010/08/16
    kayac
  • PHPでTwitter APIのOAuthを使う方法まとめ

    この記事以降 Twitter API の仕様が変わっており、このままでは正しく機能しない場合があると思います。近いうちに今のやり方を書くので、それまで参考程度にご覧ください。 Twitter API の OAuth でひととおりやってみた。 忘れないようにメモ。 大雑把な流れ Twitter にアプリケーションを登録する。 Consumer Key と Consumer secret を取得する。 リクエストトークンを取得する。 認証用 URL を取得する。 ユーザーから承認を受ける(bot の場合は自分でやる)。 アクセストークンを取得する。 API にアクセスする。 以下、やった作業の手順です。 事前準備 HTTP_OAuth を使えるようにする OAuth の通信部分そのものは PEAR の HTTP_OAuth を使うことにしたので これをインストールする。 一番めんどくさい部分を

    PHPでTwitter APIのOAuthを使う方法まとめ
    XIAORING
    XIAORING 2010/08/16
    Twitter API OAuth
  • Simple Image Submit Button Rollovers with jQuery | MirthLab

    by Mark Quezada I'm an entrepreneur, engineer, and user experience designer based out of beautiful Honolulu, Hawaii. Friday, 18 April 2008 Have you ever wanted a simple rollover technique with a form submission button? Something like this: … without having to resort to a complicated mess of javascript form submission and cross browser compatibility issues? With jQuery it's really easy. All you nee

    XIAORING
    XIAORING 2010/08/16
    form submit button image rollover hover フォームの送信ボタンをロールオーバーできる画像ボタンにするjQueryプラグイン
  • リアルタイムフォームバリデーション jQuery.validation.js :: 5509

    お知らせ(10.08.06): jQuery.validation.jsはアップデート・修正対応などを終了しました。 仕様などを変更したバリデーションプラグインを公開したので、そちらの方を参考にしてください。(validation.jsにはあるのにexValidationでは実装していない機能もありますが、基的に実装は行いません) どんなフォームにも使えるjQueryのフォームバリデーションプラグイン: exValidation jQuery.validation.jsはフォーム入力のイライラを軽減して、Webブラウジングとかショッピングをもっと快適にするためのjQueryプラグインです。(もちろんサーバサイドでのチェックは必須ですが…) jQuery.validation.jsのサンプルを見てみる トピックス 特徴 ダウンロード 導入方法 1.JSファイルを読み込む 2.input要素

  • http://www.designwalker.com/2010/06/jquery-forms.html

    http://www.designwalker.com/2010/06/jquery-forms.html
  • 商用サイトで使える無料の写真素材サイト 厳選まとめ | 日刊ウェブログ式

    @Lynnwest-Stock 商用利用可能なフリーの写真素材を配布しているサイトを厳選してまとめてみました。サイトによっては、画像ごとにライセンスが違うものもありますので、都度ご確認ください。 2011.11.07 PAKUTASO/ぱくたそ、Luc Viatour追加しました。 2013.04.10 Pixabay 追加しました。 2014.03.27 PhotoMarche 追加しました。 フォトマルシェ クオリティ抜群の無料写真素材サイト。商用可。要会員登録 Official Site 写真素材 足成 無料では貴重な人物写真素材を多く配布するサイト。商用可 Official Site 【フリー写真素材】モデル・人物の写真素材はモデルピース モデルの人物写真素材の配布サイト。無料、クレジット表記不要、商用利用可。 Official Site PAKUTASO/ぱくたそ 珍しい日人女

    XIAORING
    XIAORING 2010/08/16
    for-sale 商用可
  • Webサイトにメールアドレスを公開する場合のスパム対策 | ウェブ力学

    Webサイトやブログに運営者の情報として、メールアドレスなどの連絡先を記述したい場合があるかと思います。ただ、メルアドをそのまま記述してしまうと、メルアドの自動収集ロボットに拾われてしまい、スパムメールが大量に送りつけられるというリスクがあります。 CGIを使ったメールフォームを利用すれば、安全確実なのですが、レンタルサーバによってはCGIを設置できないケースもありますし、手間もかかります。 (かなり今さら感もありますが)ここでは、何らからの理由で、CGIを設置できない環境において、手軽にメルアドを公開したい場合のスパム対策について5つの方法を紹介します。 なお、ここではサンプルとして以下のメールアドレスを用いますが、下記アドレスは架空のものです。 deadbeef@exsample.com 1.メールアドレスを画像化する 比較的手軽に出来る上にスパム対策の効果も高い手法です。現在のところ

    XIAORING
    XIAORING 2010/08/16
    mail address
  • 企業サイトでやってはいけない31のこと | パシのSEOブログ

    企業サイトを運営する上でやらない方が良い事や、やってはいけない事についてまとめてみます。全ての項目が全てのサイトに当てはまるわけではありませんが、なんとなく実施している事が訪問ユーザからは、良く思われていないという事も多いものです。 ユーザに嫌われる動作 Flashで待たせる ページの表示速度が遅い 横スクロールバーが出る 内部リンクが別窓になっている 無駄なポップアップが出る ブラウザの戻るで戻らせない ブラウザサイズを勝手に変える 右クリックを禁止している 流れる文字や点滅する文字がある 無意味なBGMや音が出る 1.フルFlashは初めてそのサイトに訪れるユーザにとってはプラスに働く事も多いですが、リピータや情報を探しているユーザにとっては、ウザイと感じる場合も少なくありません。 2.ページの表示速度や、動作の悪いサイトは嫌われます。ネットに慣れたユーザほど待ってくれません。 3秒待

  • 小悪魔女子大生のサーバエンジニア日記

    ECC版SSL証明書インストール体験記その4 02.08.13 / 未分類 / Author: aico / Comments: (0) では、いよいよ発行されたECC証明書をインストールしましょう! 実はECC版SSL証明書は現在、ブラウザ・OSによっては対応していないものも多いので、 対応していないものはRSAの証明書を読むように、ECCとRSAのハイブリッド構成をすることが出来ます。 そしてなんと、ECCの証明書を申請するとRSAの証明書も一緒にもらうことが出来ます(ベリサインさん太っ腹!) なので今回はECCとRSAのハイブリッド構成を組みつつ証明書のインストールを行います! まずはベリサインのサイトで中間証明書を確認しましょう。 発行されたCRT、中間証明書、秘密鍵は必ず対になっている必要があります。 対になっていないとエラーになってしまいます。。 小悪魔ブログは最初、中間証明書

    XIAORING
    XIAORING 2010/08/16
    server network n/w engineer 手書きイラストの図解が素敵