Profile cover photo
Profile photo
ハヤシユタカ
36 followers
36 followers
About
Posts

【ブログ更新】4K JAPAN.netとBLANCSNAPで今年もCP+ 2015 御苗場Vol.16横浜に出展します。
http://www.html5-memo.com/other/onaeba2015/

明後日からパシフィコ横浜で開催されるCP+の御苗場に出展します。

CP+に来る人は是非会いに来てね。

毎日いる予定です。
初日は1Fでじっくりいろんなカメラ見てます。

事前登録で入場料が無料になります。
Add a comment...

Post has attachment
【ブログ更新】PCとスマートフォンで画像を切り替える【jQuery連載09】 

今回はレスポンシブレイアウトなどの際に使用する画像をデバイスによって別の画像にするサンプルです。

ブログのように更新が多いサイトでは毎回それぞれ作るのは大変ですが、ランディングページや特設サイトなどをPCで全画面的に大きい画像を使った際などは結構容量があるのでスマホでの閲覧をより軽くしたいなどの際に変えたりしています。


■今回作成したサンプル
http://www.html5-memo.com/sample/jq-books/18
Add a comment...

【ブログ更新】SNSのボタンをまとめて配置する【jQuery連載08】 
Wordpressには「WP Social Bookmarking Light」という便利なプラグインもありますが、ブログではこちらを使ってみました。設置の際のオプションをまとめてみました。
http://www.html5-memo.com/other/jquery08/

サンプルはこちらです。
・ソーシャルボタンをまとめて配置する
http://www.html5-memo.com/sample/jq-books/17
Add a comment...

お正月になんだこのペプシ風を意識したCMは?って思ったら面白かったAUの「あたらしい英雄はじまるっ」のCMをまとめました。あわせてペプシもまとめたよ。

新年一発目のブログがこれになりましたがおめでとうございます。

http://webdesignmatome.com/design-matome/au
Add a comment...

Post has attachment
【ブログ更新】一定のスクロールをしたらヘッダー部分が固定にするサンプルの紹介です。VogueのサイトのTOPページと同じような動きとなります。
http://www.html5-memo.com/jquery-tips/jquery07/

サンプルはこちら
●特定の位置でヘッダーエリアを固定させる
http://www.html5-memo.com/sample/jq-books/01
Add a comment...

【ブログ更新】iPhoneやiPadをリモコン代わりにしてPC(Mac)のKeynoteをリモート操作する方法【2014年版】
http://www.html5-memo.com/webtips/keynote-remote/
iphoneなどでのリモートについての記事をまとめました。だいぶ前に書いていたので仕様変わってないといいな。
Add a comment...

【ブログ公開】地味ですがツールチックについてまとめてあります。
ユーザビリティを向上するツールチップを作る【jQuery連載06】 
http://www.html5-memo.com/jquery-tips/jquery06/


サンプルはこちらです。
・【サンプル1】title属性または、data-tips属性にtipsを設定する
http://www.html5-memo.com/sample/jq-books/04/

・【サンプル2】title属性にtipsを設定する
http://www.html5-memo.com/sample/jq-books/04/index_title_attr.html

こちらは書籍に載っているもう一つのサンプルです。
・【サンプル3】画像のクイックプレビューを設定する(簡易的な画像拡大機能)
http://www.html5-memo.com/sample/jq-books/04/popup_image.html
Add a comment...

【ブログ更新】エフェクトの豊富なタブパネルを実装する(フェード切り替えなど)【jQuery連載05】 http://www.html5-memo.com/jquery-tips/jquery05/
ベーシックなタブの実装ですが、切替時のフェードやボタンサイズについてなどもまとめています。

今回作成してあるサンプルはこちらです。

●タブパネルの幅をテキストのサイズによってと一定に固定させるサンプル
http://www.html5-memo.com/sample/jq-books/03

●クリックやマウスオーバーでの切り替えやフェードアニメーションのサンプル
http://www.html5-memo.com/sample/jq-books/03/index_fade.html
Add a comment...

Post has attachment
【ブログ更新】息をのむほど美しい!アフリカの大自然を駆け巡る動物たちをドローンで撮影した映像がスゴイ
http://webdesignmatome.com/design-matome/drone-movie
ドローンでアフリカの動物たちを空撮してますがものすごいよい動画なので是非大きい画面で。
Add a comment...

Post has attachment
【ブログ更新】ページトップへ戻る+スムーズスクロールとボタンの出現方法いろいろ【jQuery連載04】 
http://www.html5-memo.com/jquery-tips/jquery04/

MdN Design Interactiveで連載を開始した書籍「jQueryデザインのメソッド」の解説の4回目はページの先頭へ戻るのスムーズスクロールです。

ベーシックなものですが、ボタンの出現方法をCSS3のアニメーションやjQueryなどのバリエーションを作っております。

【サンプル】

●ページ下部にある通常配置のサンプルを見る
http://www.html5-memo.com/sample/jq-books/02/pagetop1.html

●スクロールするとフェードでボタンが出現のサンプルを見る
http://www.html5-memo.com/sample/jq-books/02/pagetop2.html

●スクロールすると下からアニメーションでボタンが出現のサンプルを見る
http://www.html5-memo.com/sample/jq-books/02/pagetop3.html
Add a comment...
Wait while more posts are being loaded