Profile

Cover photo
ryo watanabe
Works at Temple University, Japan Campus
Attended Tufts University
Lives in Tokyo
54 followers|162,507 views
AboutPostsReviews

Stream

ryo watanabe

Shared publicly  - 
 
Googleが進めているAMPプロジェクトの代替となり得るアイディアを、Tim Kadlecさんが考案し共有しています。素晴らしいアイディアで、彼の記事を翻訳させてもらったので紹介します。
1
Add a comment...

ryo watanabe

Shared publicly  - 
 
スマートウォッチを普及させるために必要なこと
 ·  Translate
メインのスマホをiPhoneからAndroidにしてから約8ヶ月、そして、Android版のスマートウォッチ「ZenWatch 」を使い始めてから約半年が経ちました。ここ数年は腕時計なんてほとんどしなかったのですが、スマートウォッチやウェラブル端末の可能性を自ら体感するために、最近は、ほぼ毎日身につけて生活しています。
1
Add a comment...

ryo watanabe

Shared publicly  - 
 
WordPressでウェブ制作系のブログを書いている方にお勧めです
http://parashuto.com/rriver/tools/can-i-use-wordpress-shortcode-plugin
 ·  Translate
以前、このブログでも紹介したことがある、HTML5やCSS3のブラウザサポート状況を簡単に調べられる「Can I use…」ですが、そのデータを記事に簡単に挿入できるWordPressプラグイン「Can I Use? Shortcode 」が便利そうなのでご紹介。 プラグイン導入後、WordPressのショートコードを使って以下のように記述するとflexbox ...
1
Add a comment...

ryo watanabe

Shared publicly  - 
 
レスポンシブ・イメージはブラウザでのサポートが整っていないので時期尚早ではるんですが、使う際の注意点をまとめておきました。

Cloud FourのJasonさんが、彼のブログ記事で注意を促していて、とても大切だと思ったのでこちらでもシェアします。CSS-TricksのChirsさんも同様の記事を書いています。

http://parashuto.com/rriver/responsive-web/picture-srcset-use-case
 ·  Translate
画像表示のマルチデバイス対応をHTMLとCSSのみで実現できる「レスポンシブ・イメージ」ですが、効果的な使い方をするには、いくつか注意点があります。プロダクション・サイトで使えるようになるまでにはもう少し時間がかかりそうですが、基礎と注意点くらいは今から覚えておいても良さそうです。
1
Add a comment...

ryo watanabe

Shared publicly  - 
 
iPhone 6とApple Watchの発表よりも、Appleウェブサイトのモバイル対応とデザインリニューアルに興奮してましたw 刷新されたサイトで、驚いたことを3つほど見つけたので、まとめてみました。

http://parashuto.com/rriver/others/kerning-with-letter-spacing-on-new-apple-website
 ·  Translate
iPhone 6とApple Watchの発表よりも、その後に公開されたAppleウェブサイトのリニューアルのほうに驚いた方も多かったと思います。Appleがついにモバイルに対応した!というのも興味深いできごとですが、僕にとっては、長年存在したあのナビゲーションバーが、シンプルでフラットなデザインに変更されたこと ...
1
1
崔軫宇's profile photoryo watanabe's profile photo
4 comments
 
まだまだ未熟ですが、ありがとうございますw ちなみに、カーニングはJSを使ってやってるっぽいですよ
 ·  Translate
Add a comment...

ryo watanabe

Shared publicly  - 
 
SVGスプライトについてまとめました。
一度ワークフローを構築してしまえば、アイコン管理がかなり便利になりそうです。
 ·  Translate
1
Add a comment...

ryo watanabe

Shared publicly  - 
 
ここ最近、海外でも日本でも「ウェブの将来は明るくない」という話題をちらほら目にするので、1990年代後半からウェブ制作をずっとやっている自分としては「ウェブ制作という仕事に未来はないのかぁ。そうなのかぁ。。。」と、少し憂鬱な気持ちになっています。 別にそれらの話を鵜呑みにして同意しているわけではない ...
1
Add a comment...

ryo watanabe

Shared publicly  - 
 
シンプルな実装でレスポンシブ・イメージの解像度対応の自動化ができるので、なかなか良さそうです。期待大です
 ·  Translate
レスポンシブ・イメージの仕様策定や普及に努めているRICG(Responsive Images Community Group) が公認したレスポンシブ・イメージのWordPressのプラグイン が公開されましたね。このプラグインを使うとWordPressでのレスポンシブ・イメージの解像度対応の自動化が可能になります。RICG公認のプラグインが出たことで ...
1
Add a comment...

ryo watanabe

Shared publicly  - 
 
前回に引き続き、Appleウェブサイトで学んだことをまとめています。今回は自動送りのカルーセルについて賛否をまとめてみました。
 ·  Translate
世間のみなさんがiPhone 6の発売開始で盛り上がっているなか、Rriverでは、まだAppleウェブサイトで盛り上がっておりますw. 先日のiPhone発表後にAppleウェブサイトが刷新されたのはご存知の通りですが、その際、Appleのトップページ では自動送りのカルーセルのみが使われていました。 こんな感じで。どーん!と。
1
Add a comment...

ryo watanabe

Shared publicly  - 
 
ブログのリニューアルの際の体験をふまえ、メディアクエリの記述方法についてまとめてみました。
 ·  Translate
ウェブ制作・運営ノウハウ | 2014/09/13. シェアする: 先日このブログのデザインをリニューアルしたときに、メディアクエリの記述が結構手間だったので、記述のしやすさ、メンテナンス性の良さ、また、最終的なCSSファイルの最適化の3つの観点から、便利な書き方と最適化の方法をまとめてみました。
1
Add a comment...
Education
  • Tufts University
    1998
  • Linfield College
  • Shinjuku High School
Basic Information
Gender
Male
Work
Occupation
Manager, Communications and Marketing
Employment
  • Temple University, Japan Campus
    Manager, Communications and Marketing, 2013 - present
  • Temple University, Japan Campus
    Webmaster, 2003 - 2013
  • Kinotrope (Authentier)
    Web Director
  • Advanced Media Productions
    Project Manager
Places
Map of the places this user has livedMap of the places this user has livedMap of the places this user has lived
Currently
Tokyo
Previously
Tokyo - Boston - Cambridge - Portland - McMinnville
Links
Contributor to
すごくセンスの良いお店。食事も美味しかったです。男性には薄味かもしれないけど
Public - 3 years ago
reviewed 3 years ago
1 review
Map
Map
Map