You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
MOVE TO ZERO IS NIKE’S JOURNEY TOWARD ZERO CARBON AND ZERO WASTE, HELPING TO PROTECT THE FUTURE OF SPORT. We all share the responsibility for our playground—Planet Earth. That’s why we’re reimagining things top to bottom through sustainability and circularity. We’re focusing on carbon, waste, water, and chemistry, aiming to hit targets by 2025. Check out our Impact Report to see our progress.
MotionCAPTCHA is a jQuery CAPTCHA plugin, based on the HTML5 Canvas Harmony procedural drawing tool by Mr Doob and the $1 Unistroke Gesture Regonizer algorithm (and the more recent Protractor algorithm improvement), requiring users to sketch the shape they see in the canvas in order to submit a form. At the moment, it’s just a proof-of-concept – it only uses client-side gesture recognition, and do
「どの言語を使うか」という問題は、実は当座の生産性の話だけではなく、会社のカルチャーやその後の採用に大きな影響を与えます。ですがーエンジニアが代表であってもーこの問題を意識している人は意外に少ない、というのが正直な印象です。今回は言語毎の特徴を踏まえつつ、どの言語を採択すべきかを考えたいと思います。※Web系に限定しています。 前置き (競合相手のうち)一番安全なのはOracleの経験者を募集しているところだ。 そういうところを警戒する必要は全く無い。また、JavaやC++プログラマを募集しているところも安全だ。もしPerlやPythonプログラマを 募集していたら、ちょっと気を付けたほうがいい。その企業の、少なくとも技術部門は本物のハッカーがやっている可能性が高いからだ。もし私がLispハッカーの募集広告を目にしていたら、きっとかなり心配していただろう。[1] YCのPaul Graha
こんにちは、Sleipnir 3 for Windows 開発担当の森本です。 ←透明度付き画像です 今回は透明度のある画像を扱うときの話をしたいと思います。 近頃ハードウェアが高性能化するに従って、CSS3 では rgba( 0,0,255,0.5 ) のように色が指定できるなど、透過処理が広く使われる様になってきました。 普段、何も考えずテキトーに使用している透過処理ですが、実際どのような計算がされているのか、を解説していきます。 まず、一般的なコンピュータで画像の扱いを説明します。 コンピュータではアナログな情報は扱いづらいので、画像を細かいマス目状に区分けし、 マス目( pixel と呼びます )ごとの色を、「赤緑青」の三色の足し合わせとして表現しています。(詳細は この辺 からどうぞ) 赤緑青それぞれの明るさと、透明度を C 言語風に表現してみます。 struct pixel
ShareJSはリアルタイムコラボレーション機能を任意のWebアプリケーションに追加するソフトウェアです。 Webアプリケーションの醍醐味と言えばコラボレーションにあります。チャットのようなシンプルなものもあれば、一つのファイルを複数人で編集したりするのも面白いです。今回紹介するShareJSはその基盤になり得るソフトウェアになります。 こちらはテキストを複数人で同時に編集できるデモです。行番号があるタイプになります。 こちらは行番号がないタイプ。データはリアルタイムに反映されます。 リードオンリーの表示。編集できません。 Markdownでの表記にも対応しています。 WebベースのIDE、Aceと一緒に組み込んだ例。シンタックスエラーが格好いいです。 リアルタイムプレビューのデモ。リードオンリーと編集を同時に組み合わせています。 ヘッダもなくシンプルなデザインにも適用。 ゲームにももちろ
PHP.rebootはJVM上で動作するPHPを再定義したプログラミング言語です。 PHPは恐らくWebサイトにおいて最も良く使われている言語でしょう。習得も容易で、手軽に色々なWebアプリケーションが作れる、そんな利便性の裏で言語仕様などについて毛嫌いされる声も聞かれます。そこで注目したいのがPHPを再定義するPHP.rebootです。 PHP.rebootの書き方です。< ?phpではなく、{}を使ってコードを埋め込みます。まさにテンプレート的です。ファイルの拡張子はphprになります。 実行結果はもちろん普通に表示されます。 サーバ、GET/POSTも使えます。面白いのは変数名に$をつけず、JavaScriptのように定義することでしょう。;も使いません。 実行結果はこのようになります。 基本的な文法はPHPと似ています。SQLとの親和性を高くしており、コードの中にSQLをそのまま埋
Cake Software Foundationは10月16日、オープンソースのWebアプリケーション開発フレームワーク「CakePHP 2.0」をリリースした。PHP 5.2以降に対応したほか、多くのコンポーネントがリファクタリングさており、より使いやすくなっているという。 CakePHPはPHPで書かれたWebアプリケーション開発フレームワーク。Ruby on Railsのコンセプトを取り入れたMVCアーキテクチャを持ち、高速なアプリケーション開発が可能という。MIT Licenseで公開されている。 CakePHP 2.0ではPHP 4サポートが廃止され、PHP 5.2以降をサポートするよう全コードがリファクタリングされた。これにより例外やPHP Data Objects(PDO)、Standard PHP Library(SOK)、json_encodeといったPHP 5のネイティ
IE6などの非サポートブラウザも配慮した、角丸、ゼブラ柄、ハイライトなど美しくて分かりやすいテーブルを実装するCSS3のチュートリアルを紹介します。 デモページ:Zebra stripes, footer 角丸、セルを交互にカラーリング 実装のポイント CSS3を使って美しく、そして機能するテーブルを実装するポイントです。 画像を使用しないで、角丸を実装。 余分なid, classは使用せず、更新が容易。 ※tableにclassを一つだけ ユーザフレンドリーで、読むことが簡単。 実装 HTML HTMLは非常にシンプルです。 classは、tableタグにのみ使用します。 <table class="bordered"> <thead> <tr> <th>#</th> <th>IMDB Top 10 Movies</th> <th>Year</th> </tr> </thead> <tr
スタイルシートの制作、確認などに役立つ、便利なオンラインツールを紹介します。 [ad#ad-2] ジェネレーター:ベーシック系 ジェネレーター:ボタン、画像使わない系 制作補助、診断、確認 リファレンス、対応ブラウザなど ジェネレーター:ベーシック系
2013年11月22日 Webサイト制作, ユーザビリティ どのWebサイトにも必ずあるのがナビゲーションメニュー。各コンテンツページへリンクされている「Webサイトの目次」です。この目次をきちんと設置していないと、ユーザーは欲しい情報が見つけられず、離脱率が高くなります。そのサイトでしか手に入らない、本当に必要な情報でない限り、こちらから案内しないとユーザーはコンテンツを探そうとしません。そんなナビゲーションメニューについて考えてみましょう。 ↑私が10年以上利用している会計ソフト! ナビゲーションメニューの設置ポイント すべてのページに 基本中の基本ですが、メインのナビゲーションメニューはどのページにも同じ場所に設置しましょう。ホームページでしか表示されない…なんてことがないように。というのも、ユーザーが最初にたどり着くのが必ずしもホームページとは限らないからです。検索で特定のコンテン
第2回「アクセシビリティBAR」秋の文字サイズ変更ボタン祭り 10月11日の覚え書き。第2回「アクセシビリティBAR」秋の文字サイズ変更ボタン祭りに参加しました。会場は第1回と同じく個室カラオケ本格中華スプラッシュ 銀座コリドーで、ちなみに僕はこれまでのところ皆勤です……って、まだ2回しか開催されてませんけど。とりあえずどういう内容だったとかは以下のリンク先をお読みいただければ(適当): 第2回アクセシビリティBAR『秋の文字サイズ変更ボタン祭り』に行ってきた - ただのにっき(2011-10-11) [Web制作][アクセシビリティ] 第2回アクセシビリティBAR 『秋の文字サイズ変更ボタン祭り』に行ってきた - [ぴ](2011-10-11) とぎゃりました、とりあえず。2011年10月11日の #a11ybar - Togetter 第2回「アクセシビリティBAR」秋の文字サイズ変更
ソーシャルメディアのサービスにも栄枯盛衰がくっきりと。 5年ほど前にバズワードWeb2.0に乗っかって流行ったソーシャルメディア系サービスの幾つかが、急激に失速し始めている。その当時ユーザー参加型サービスと呼ばれ人気沸騰していた、Delicious、Digg、MySpace,iGoogleなどは利用者数を激減させている。それらに代わって、FacebookやTumblr、LinkdInなどが勢いを増し、爆発的に利用者数を増やしている。 代表的なソーシャルメディア系サービスの、この1年間の成長率(増減率)をBufferがまとめていたので、以下に示す。世界市場の成長率である。BufferがAddThisやonelilyのデータを参考にして、インフォグラフィックを作成しているのだが、以下の成長率はユニークユーザー数ではなくて、ユーザーの共有回数のようである。個人的にも、以前世話になったDelici
flickGalはiOSのフリック操作に対応したギャラリーライブラリです。デスクトップ向けWebブラウザでも表示できます。 Webサイトにフリック操作で画像を切り替えられるギャラリー機能を追加したいと思ったらflickGalを使ってみましょう。jQueryプラグインで手軽に導入できます。 フリック操作なので主にiOS向けです。でもSafariやGoogle ChromeなどのデスクトップWebブラウザも問題なく利用できます。 写真の切り替えはタブをクリックする他、フリック操作でも大丈夫です。 フリック操作でアニメーションしながら写真が切り替わります。 大きな画像を表示している場合です。prev/nextのリンクでも写真を切り替えられるようになっています。 Yahoo! Japanのトップページにあるのに似た表示形式です。写真だけではなくアイコンを並べて機能を選択するといった使い方も考えられ
世の中には様々なソーシャルネットワークサービス(SNS)がありますが、FacebookもTwitterもGoogle+も、目指すゴールは同じです。そのゴールとは、人々に友達やフォロワーとのオンラインコミュニケーションの場を提供すること。 しかし、ゴールは同じでも、それぞれのSNSは独自の文化を持っており、得意分野もまた異なります。ここでは、Facebook、Twitter、Google+について、それぞれの適した使い方を見ていきましょう。 Facebookは、もはや誰もが避けて通れないものです。あなたがこのサービスを好きであれ嫌いであれ、Facebookが強大なプラットフォームを築いており、世界的に「SNSの代名詞」になっていることは否定できません。 しかし、ここではFacebookの強大なプラットフォーム部分には目を向けず、あくまで個人間でのパーソナルなやりとりのレベルに注目することにし
米Googleは10月14日(現地時間)、主力サービスへのリソース集中のため、「Google Buzz」をはじめとする5つのサービスを打ち切ると発表した。ラリー・ペイジ氏のCEO就任以来、「Google Desktop」や「Sidewiki」など、20以上のプロジェクトが終了になっている。 今回発表されたのは以下の5サービス。また、7月の予告通り、実験的サービスの発表の場であった「Google Labs」は閉鎖され、www.googlelabs.com/はGoogle検索のトップページにリダイレクトされる。 Google Code Search Google Code Searchは、2006年10月にスタートしたオープンソースのコードやAPIを検索するサービス。正規表現も利用でき、言語別、ライセンス別のフィルタリングも可能だ。 2012年1月15日に閉鎖の予定。 Google Buzz
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く