Webページをマルチデバイスに対応させるには？ レスポンシブコーディングの仕組みを解説：CodeZine（コードジン）

2018/07/26 16 users CodeZine マルチデバイス レスポンシブコーディング

同じWebページでもPCとスマホでデザインが違うのはもはや当たり前。今回は『HTML5＆CSS3しっかり入門教室』より、マルチデバイス対応の手法であるレスポンシブコーディングについて紹介します。 本記事は『HTML5＆CSS3しっかり入門教室 ゼロからよくわかる、使える力が身につく。』の「第7章 Webページをマルチデバイス... 続きを読む

[触る・動く・気持ちいい、RamotionによるUI/UXアニメーション] 他 海外のWebデザイン情報 | WEBデザインすーぷ

2015/02/15 45 users ローディング 反動 意味合い GIFアニメーション 目次

動きのあるUIのサンプルをgifアニメーションで見ることができます。画面を下に引っ張る動きからの反動でプログレスサークルが生まれる動きや、検索窓のぽこん、くるくるからしゅるんの流れが気持ち良いです。このような動きのあるUIにはローディングの為の時間を感じさせない意味合いもあります。目次 RamotionによるUI/UXアニメーション HTML5＆CSS3 WEBサイトのデザイン（25の新しい例) ... 続きを読む

HTML5 Conference 2015に参加したら落ち込んだ - 電書ちゃんねる

2015/01/26 68 users 電書ちゃん HTML5 Conference 2015

2015-01-26 HTML5 Conference 2015に参加したら落ち込んだ ポエム これは前回のエントリで告知したHTML5 Conference 2015の感想文です。 電子出版部として「EPUB＝Webと出版の融合、そしてHTML5&CSS3が変える本の世界」というセッションをやりました。村上真雄さん、松島智さん、僕の3名がそれぞれ発表をすることにしたんだけど、それぞれ関心のあり方... 続きを読む

WEBデザイナ必携のHTML5&CSS3のコードジェネレータ「HTML5 & CSS3 Tools and Tutorials」:phpspot開発日誌

2014/02/27 71 users コードジェネレータ phpspot開発日誌 HTML5

WEBデザイナ必携のHTML5&CSS3のコードジェネレータ「HTML5 & CSS3 Tools and Tutorials」 2014年02月27日- HTML5 & CSS3 Tools and Tutorials WEBデザイナ必携のHTML5&CSS3のコードジェネレータ「HTML5 & CSS3 Tools and Tutorials」。 次のような単一アプリケーションのようなUIでC... 続きを読む

HTML&CSS フロントエンド 何度も読み直したい資料・ツールまとめ - 酒と泪とRubyとRailsと

2014/01/26 1012 users Rails 備忘 コーディング Ruby フロントエンド

HTML5&CSS3&フロントエンド 何度も読み直したい資料・ツールまとめ Jan 26th, 2014 Tweet HTML5/CSS3などのフロントエンドもWeb上の資料が充実しすぎていて、ついつい今までなんとなく作って体系的な知識が不足していました。知れば知るほど奥が深いフロントエンド・コーディングを少し手も効率的にするために、幾つか書籍を購入したり、ネット上の資料を読み込んでみたので、備忘... 続きを読む

HTML5＆CSS3なレスポンシブなスライダー実装jQueryプラグイン「Slippry」:phpspot開発日誌

2013/11/19 18 users スライ スライダー実装jQueryプラグイン

Slippry - A responsive slider by booncon ROCKETS HTML5＆CSS3なレスポンシブなスライ... 続きを読む

HTML5＆CSS3で作成されたレスポンシブかつフリーなテンプレートが入手できる「HTML5 Up」:phpspot開発日誌

2013/05/29 65 users phpspot開発日誌 テンプレート HTML5 Up 方法

HTML5＆CSS3で作成されたレスポンシブかつフリーなテンプレートが入手できる「HTML5 Up」 2013年05月29日- HTML5 Up! Responsive HTML5 and CSS3 Site Templates HTML5＆CSS3で作成されたレスポンシブかつフリーなテンプレートが入手できる「HTML5 Up」 サイトを高速に構築するのにテンプレートを使う方法がありますが、そのテ... 続きを読む

これは見ておくべきCSS3＆HTML5の実験１６サイトまとめ:phpspot開発日誌

2013/01/31 85 users phpspot開発日誌 Flash デモ

16 Ridiculously Impressive CSS3 & HTML5 Experiments | Free and Useful Online Resources for Designers and Developers これは見ておくべきCSS3＆HTML5の実験１６サイトまとめ 数年前なら誰もがFlashで出来ていると疑わなかったようなデモがHTML5＆CSS3で実現されています。 ... 続きを読む

HTML5&CSS3を利用した美しい４０のフリーテンプレート集:phpspot開発日誌

2011/12/05 344 users レイアウト phpspot開発日誌 ベース 感覚 CSS3

40 Beautiful Free HTML5 & CSS3 Templates HTML5&CSS3を利用した美しい４０のフリーテンプレート集がまとめられていました。 HTML5とかCSS3をベースにしたサイトを作りたい方は参考にできそうです。 HTML5とかCSS3を使ったサイトのレイアウトの感覚をつかんで、そうしたサイト制作の際に参考にできますね これらがフリーとはすばらしい 関連エントリ ... 続きを読む

HTML5＆CSS3をフルに活用したスライドショー実装ライブラリ「Slider.js」:phpspot開発日誌

2011/11/07 53 users phpspot開発日誌 jQuery ライブラリ 画像切替

Slider.js: Slideshow with jQuery, CSS Transitions and Canvas - example with Flickr HTML5＆CSS3をフルに活用したスライドショー実装ライブラリ「Slider.js」 スライドショーライブラリは色々ありますが、Slider.jsはCSS3やCanvasをフルに活用したライブラリとなります CSS3を使った画像切替... 続きを読む

HTML5＆CSS3でフォームをかっこ良くするチュートリアル集:phpspot開発日誌

2011/07/21 88 users phpspot開発日誌 チュートリアル集 バター TOP

Top 15 HTML5 and CSS3 Forms Tutorials | webexpedition18 HTML5＆CSS3でフォームをかっこ良くするチュートリアル集 次のように検索窓をかっこよくしたり入力フォームをクールにしたりするチュートリアル集です。 CSS3の便利さは分かっているつもりでも、いざつくろうとなると頭を抱えてしまう場合もありそうですが、あらかじめこうしたサンプルでパター... 続きを読む

デザイナは要注目！ 明日から語れるHTML5＆CSS3（1/4）- ＠IT

2010/09/27 767 users デザイナ 種明かし Opera Safari 本稿

一撃デザインの種明かし（13） デザイナは要注目！ 明日から語れるHTML5＆CSS3 面白法人カヤック 比留間和也、軍司奈水、山田敬美、渕上伸吾、えどさん 2010/9/27 ※本稿では特に断りがない場合、Firefox、Google Chrome、Opera、Safariは2010年7月時点の最新バージョン、IEはInternet Explorer 6/7/8の総称です。 いま世界で一番熱い「... 続きを読む