タグ

yuhfのブックマーク (274)

  • 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

    HTML5 Canvasのブラウザによって異なる微妙な振る舞いについてまとめてみた。 - 風と宇宙とプログラム
  • 児童労働ネットワーク(CL-Net)Child Labour Network

    危険で有害であり、子どもらしい成長を妨げる「児童労働」。 世界の子どもの10人に1人が「児童労働者」と呼ばれる子どもたちです。 経済のグローバル化が進む現在、私たちは児童労働とは無縁ではないのです。 6月12日は、児童労働反対世界デー。 児童労働ネットワークでは、国際労働機関(ILO)駐日事務所、NGO-労働組合国際協働フォーラムとの共催で児童労働反対世界デー・イベント、映画上映会&シンポジウム「児童労働の今、そして未来」を開催しました。 当日は428名の皆さまにご参加いただき、児童労働は今どんな状況にあるのかを知り、今後どうなっていくのか、私たちに何が出来るのかを考えていきました。

  • http://dadway-onlineshop.com/dos/brand/sassy/?gclid=CITj667gsKMCFQpJbwoddEEf5Q

    yuhf
    yuhf 2010/08/11
    玩具
  • プロフェッショナル用のHTML5+CSS3+jQueryのテンプレート -HTML5 Boilerplate

    プロフェッショナル向きに開発された、HTML5+CSS3+jQueryなど直接実装に関わるファイルから、robots.txt, .htaccessなどサーバー関連のファイルも一式にまとまったテンプレートを紹介します。 HTML5 Boilerplate 昨日、当サイトで紹介した「HTML5 Reset」もHTML5+CSS3をベースに開発されたテンプレートセットですが、こちらはよりプロフェッショナル向けに開発されたものとなっています。 下記にその特徴を。 HTML5 Boilerplateの主な特長 クロスブラウザ対応(IE6も) HTML5対応 キャッシュの最適化と圧縮でGrade-Aのパフォーマンス モバイルブラウザへの最適化 クロスブラウザ対応のためにIEでは特定のclassを用意 プリント用のスタイルシート、パフォーマンスの最適化 HTML5でより早いページロードにする「.htac

  • カーテン生地インテリア布地販売布の森キャンベル[ウェバリー社:正規販売代理店]

  • 携帯サイトを作る時に役立ちそうな情報まとめ - かちびと.net

    ちょっと必要に迫られたのでメモ。 どうもTwitterやってるとiPhoneAndroidなどのスマートフォンの 話題ばかりなので忘れそうですが、 携帯サイトはビジネスには必須 ですので備忘録として記事に。 以前にも何度かまとめ記事が話題に上がっているので今更感も否めませんが自分のブログにあったほうが探しやすいのでメモします。 予備知識 モバイルサイト構築前に知っておきたいユーザビリティ10のポイント ファーストビューの重要性、色の大事さ、リンク操作に関して記載されています。 モバイルサイト構築前に知っておきたいユーザビリティ10のポイント 携帯サイト(html)の制作に入る前に確認しておきたいチェック項目 サンプルを元に解説してくれているので分かりやすいです。 携帯サイト(html)の制作に入る前に確認しておきたいチェック項目 携帯サイトの作り方 5年前の情報なので参考程度に。今は随

    yuhf
    yuhf 2010/08/10
  • 三毛別羆事件 - Wikipedia

    12月9日、太田三郎家に残っていた内縁の阿部マユと養子に迎える予定だった蓮見幹雄(当時6歳)がヒグマに襲われた。これは、のちに起こる一連の襲撃事件のうち、最初の襲撃であった。 三郎は山での作業のため不在だったが、帰宅時に囲炉裏に座っている幹雄を発見した。三郎は、幹雄が寝ているのだと思い近づいてみたところ、幹雄の喉と側頭部に親指大の穴が開き、彼はすでに息絶えていた[11]。さらにヒグマはマユの体を引きずりながら、土間を通って窓から屋外に出たらしく、窓枠にはマユのものとおぼしき数十の頭髪が絡みついていた[12] [13]。加害クマを追跡するにはすでに遅い時間で、この日は日没が迫るなか住民たちに打つ手は無かった[13]。 当時の開拓村の家(再現) 北海道開拓の村に再現された開拓小屋の内部 事件直前の明景家写真 翌日の12月10日午前9時頃、捜索隊が結成され、一行はクマを見つけた。余りにも近い

    三毛別羆事件 - Wikipedia
  • サービス終了のお知らせ

    サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

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

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

    画像を使ったいろいろなjQueryプラグイン224個まとめ - かちびと.net
    yuhf
    yuhf 2010/08/04
  • 自分好みのガジェットを作る! Windowsサイドバーガジェット作り入門 記事一覧 | gihyo.jp

    第6回ガジェットのAPIセキュリティ、ActiveXの組込みなど 沢渡真雪 2007-09-11

    自分好みのガジェットを作る! Windowsサイドバーガジェット作り入門 記事一覧 | gihyo.jp
  • Mila’s Daydreams

    Exclusive content Access to exclusive content and new products before everyone else

    yuhf
    yuhf 2010/07/28
  • Web冷え汁 〜コラムブッチホン〜 | 芸能人レトロホームページリンク集

    今やほとんどの芸能人がアメーバでブログを開設するような時代。さらにはtwitterも登場して、我々と芸能人との接点はどんどん進化してきているように感じます。 しかし、そんな中でもいまだにレトロな「ホームページ」を持っている芸能人がいます。 ブログやtwitterの手軽で密なコミュニケーションも素晴らしいですが、こういった昔ながらのホームページには、デザインが定型化されたブログにはない綻びの美しさがあります。 うんざりするほど繰り返して並ぶ背景画像、表示されない画像、切れたリンク、強制的に流れる音楽、がんばってつけたJava Applet。 これってブログなどで発信される情報とはまた違った種類のコミュニケーションなんじゃないでしょうか。少なくとも私はこういったホームページに対して愛おしさを感じます。 そういうわけで、この愛おしさを皆様と共有したいと思いまして、リンク集を作成することにしまし

    yuhf
    yuhf 2010/07/22
  • Google JavaScript Style Guide 和訳 — Google JavaScript Style Guide 和訳 v0.1 documentation

    この和訳について¶ この文章は Google JavaScript Style Guide を非公式に和訳したものです. 内容の正確性は保証しません. ライセンスは原文と同じく CC-By 3.0 とします. フィードバックは Issue への登録 , あるいは Kosei Moriyama (@cou929 または cou929 at gmail.com) へ直接お願いします. この和訳のリポジトリは こちら です.

  • CSS3によるTransition Effects 30

    最近、はてブでも話題になったAppleHTML5 Showcase。 iPhoneやらiPadのWebApp開発の勉強として、HTML5やCSS3についてもう少し勉強しておこうということで、差し当たってHTML5 Showcaseを参考にTransition Effects Sampleを作って見ました。 CSS3 Transitions Collection 30(Safari4以上で閲覧してください) 作ったEffectはHTML5 Showcaseで紹介されていたものを含めて30種類。 おなじみの「Cube」やアニメの登場のような「Squish」、Appleタイムマシンのような奥行きをイメージした「Flip Switch」、キーノートのEffectにあるような「Revolve」「Reflection」「Swap」なんかも用意しました。 中にはオリジナルのものもあります。(Fade

    CSS3によるTransition Effects 30
    yuhf
    yuhf 2010/07/16
  • JavaScript - Wikibooks

    Hello, World! 書は、JavaScriptの解説書です。JavaScriptは、ウェブページやウェブアプリケーションで広く使われているスクリプト言語であり、最も広く普及しているプログラミング言語の一つです。また、Node.jsなどのランタイム環境を使うことで、サーバーサイドでもJavaScriptを実行することができます。 書では、初めてプログラミングをする人から、他の言語で経験を積んだ人まで、広く対象としています。基的なJavaScriptの書き方を解説することで、読者がより深く理解できるように配慮しました。 JavaScriptは、初心者が学ぶのに最適なプログラミング言語であり、ブラウザだけで簡単にプログラムを作ることができます。言語のコア部分は、国際標準化団体であるEcmaインターナショナルによってECMAScriptとして標準化され、仕様が明確になっています。No

  • @IT:古くて新しいAjaxの真実を見極める

    Ajax推進委員会 監修:ゼロベース 2005/8/2 2005年2月半ばから、「Ajax」という言葉がアルファギークたちの間で一気に広まった。「Webインターフェイスの新しい手法」「画期的なWebアプリケーションの仕組み」であるとして開発者たちの人気を集めるAjaxとは何なのか、その真実を見極めてみよう。 Ajaxとは「Asynchronous JavaScript and XML」の略で、Webブラウザでの表示部分を含めたWebアプリケーションの作り方を指す名前だ。具体的にはXML形式のデータをJavaScriptで処理することで、ブラウザのHTTPによるページ遷移とは非同期にサーバとやりとりして「動的に」ページ内容を変更する仕組みを指す。 Ajaxを実現する詳細なコード例は後述するとして、まずはAjaxが実現するWebアプリケーションがどのような動作をするのか、既存のWebアプリケー

  • Ajaxを勉強しよう

    このページはAjaxを勉強してみたい人向けの学習用ページです。サーバーを入れ替えたため一部CGIを使用したものが動作していません。時間のある時に修正します。また、書いてから、かなり時間が経過しているため内容的に古いものもあります。ご了承ください。 Ajaxで利用されるエフェクトに関しては別ページ(Ajax Effect)に移動しました。 Ajax関連書籍に関してはAjax関連書籍一覧ページを用意しました。 Prototype系ライブラリ サンプルプログラム【New !!】のページを用意しましたので、Prototype系のライブラリを利用している方は参考にしてみてください。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。 第一章 Ajaxって? AjaxとRIA AjaxとDHTML AjaxとFlash Ajaxに必要な知識と技術 Aja

  • とほほのJavaScriptリファレンス

    とほほのJavaScriptリファレンス [戻る] [索引] 基JavaScript って何? JavaScript とは? JavaScriptJava の関係は? ECMAScript とは? JavaScript のバージョン ES5 の新機能 ES5.1 の新機能 ES2015(ES6) の新機能 ES2016(ES7) の新機能 ES2017(ES8) の新機能 ES2018(ES9) の新機能 ES2019(ES10) の新機能 ES2020(ES11) の新機能 ES2021(ES12) の新機能 ES2022(ES13) の新機能 ES2023(ES14) の新機能 まずは始めてみよう 準備するもの 「Hello world!!」と書いてみよう 時刻を表示してみよう 動く時計を表示してみよう JavaScript の書き方 <script>~</script>

  • lalaha.com

    This domain may be for sale!

  • JavaScript初心者入門講座

    JavaScriptのサンプルを使って簡単な基礎から、データベースの操作まで学べる初心者向けの入門講座です。関数の作り方やJavaScriptを外部ファイルとして読み込む方法、フォームのデータを正規表現でチェックする方法、イベントの設定方法、配列の使い方などが学べます。 ・より格的なプログラミングを学びたい場合は Java初心者入門講座 を次のステップとしてご活用ください。 ・Web系のプログラミングを学びたい場合は PHP初心者入門講座 をおすすめします。 ・PHPJAVAではデータベースにMySQLを使用しているため、 MySQL初心者入門講座 を先に学ぶと習得が楽になります。もちろん必要になった段階でMySQLを学んでもOKです。 JavaScript格的なゲームを作ることができます。 しかも使い慣れたプログラミング言語のJavaScriptで、いろんなプラットフォームに対応

    JavaScript初心者入門講座