Link Board:今月見たヤバ気なリンク集 2013年5月版

Link Board

さてさて、ネタが山のように溜まってるけど、5月のセミナーに向けて準備ばっかで、全然消費出来てない今日この頃のセナ夫です。こんにちわ〜!

どうでもいいんですが、この前妹とチャットしていたら『激おこぷんぷん丸』という謎の暗号が送られてきて、とりあえず調べてみたらなんですかこれ、今流行してるんですか?しかも怒り度合いにレベルがあるとか無いとか。ついこの前「でもそんなのかんけーねー」って言ってたような気がするんですが、もう完全に流行に乗り遅れてますかね?

つか去年、日本帰ってセミナーした日も『AKB48(あきばよんじゅうはち)っていうのが流行ってますよね〜』って言って大爆笑されたのが昨日のことのようですが、もう恥かかないよう頑張って日本の流行について行きたい物です。

というどうでも良い与太話は置いといて、いきなりですが今日は溜りに溜まった『これは皆と共有しておきたいな』と思うWEB屋な情報を面倒なので一気にご紹介してしまおうという手抜き記事を書かせていただこうと思います。

いつもテーマ毎にまとめたり、なんたりしてるんですが、どうもそんなこと言ってたらいつまで経っても紹介できそうにないのでもはや強行手段です!

あ、でも主にFacebookの方ではだいたい毎日共有してるつもりなので、Facebookページの方も是非よろしくお願いします〜!

それでは、行ってみましょう!

 

UI Parade

スクリーンショット 2013-05-06 18.16.30

名前の通り、ユーザーインターフェースのオンパレードなサイトです!UIだけを紹介するという趣旨のサイトなので、スイッチだったりプレイヤーだったりアイコンだったり、とにかくUIを設計する上で参考になりそうなサイトが山のように紹介されてあります!

 

25 Free Dropdown Menus in HTML5 and CSS3

スクリーンショット 2013-05-06 18.21.11

25個のHTML5とCSS3で作られたドロップダウンメニューが紹介されてあります!HTML5とCSS3のチュートリアル記事も増えましたね〜。こういう目的別のチュートリアルも多いですし、勉強の一環に見てみても良いかもしれませんね!

 

Ichance

スクリーンショット 2013-05-06 18.25.56

ロシア語のサイトで何言ってるかさっぱりわかりませんねー。Englishって、メニューしか変わらないじゃないか…

しかし、横パララックスのうまい表現が印象的だったのでメモ!パララックスというと縦版が多い気がしますが、横移動でこういう表現が出来るんですね〜。

どうでも良いですが、最近家のオーナーがロシア人になりまして、ロシア英語が本気で聞き取れなくてどうして良いか分からないんですが、どうしたらいいですかね?

 

Focal Point: Intelligent Cropping of Responsive Images

スクリーンショット 2013-05-06 18.32.54

レスポンシブデザインで画像の拡大縮小を行うことが多いと思いますが、場合によっては表示範囲を制限して、画像の一部を表示することも多いですよね?

そんな時、写真によっては『いや、そこ切って欲しくないんだけど…』って成ることも多い。要するに写真の表示範囲を制限する場合でも、焦点となる場所は自分で決めたい物だと思います。

そんな問題を解決しようぜって言うのがこちらの記事。凄いですね、レスポンシブを意識するってこういうことまで考えるのかと激しく首を縦に振って首が痛いです。レスポンシブを意識する方はチェックしてみても良いかもしれません!

 

Ten things you need to know about responsive design

スクリーンショット 2013-05-06 18.41.54

『貴方が知る必要があるレスポンシブデザインに関する10項目』という名前で書かれたこちらの記事は「レスポンシブデザイン作れるようになた〜」って人に是非見て欲しいと思う記事ですね。

例えば2項目には『レスポンシブデザインはモバイルデザインでは無い』というのがありますが、これは『え?』って思う人もいるんじゃないでしょうか?レスポンシブデザインはどの画面サイズであっても的確に表示させる、例え将来、冷蔵庫とかにワケわからん画面サイズのモニタがついたとしても適切に表示させることが出来る。レスポンシブデザインとは『whole web design』だとここでは書かれています。

こういう、盲目になりがちないくつかのレスポンシブに関する知っておきたい項目が掲載されていて、学んでいる側としては非常に面白い記事ですね〜と思いましたマル!

 

SLIDE AND PUSH MENUS

スクリーンショット 2013-05-06 18.45.29

スライド&プッシュメニューって言うから、なんざそりゃと思ってデモ見てみたんですが。なるほど、スライドにプッシュね… 上からにょきっと出てくるタイプは、ブログの非表示ナビなんかで使えそうかもですね。次このブログリニューアルする時のためにもちょっとメモっておこうかなと思いました〜。

 

TEXT OPENING SEQUENCE WITH CSS ANIMATIONS

スクリーンショット 2013-05-06 18.48.18

CSSアニメーションでまるで映画のオープニングにあるような表現をしてみたという、上のプッシュメニュー同じくCodropさんからの記事です〜!

面白いですね〜。こういうのをささっと作って共有できるように、来年はなれるよう頑張ろ〜っと。

 

Flat Web Design: Beautiful Examples of Websites

スクリーンショット 2013-05-06 18.56.59

フラッドなWEBデザインの事例がガッツり紹介されていました〜!フラットデザインは相変わらず個人的な趣味の領域で超好きですね〜!

 

40 Best Responsive WordPress Themes

スクリーンショット 2013-05-06 19.04.51

見たこと無いブログだなーと思ったのですが、Wordpressテーマのレスポンシブ対応している物のみがまとまっていたので、おぉ!って思い共有〜。

 

以上、いかがでしたしょうか?

僕の情報収集のフィルターに最近またよくレスポンシブ関連の記事や情報がひっかかりますねー。今後もこういうリンクボード系の記事も色々書いてってみようかなと思いますので、よろしくお願いしますー!

さて!んなことより来週いよいよ日本っすよー!!マジでどうしよう、色々緊張しちまってて胃薬が足りそうになりんですが…

誰か、会場で胃薬くださいって行ったら恵んでください。よろしくお願いします〜!!!

Pagetop