Web制作に役立つ情報一覧

[CSS]この発想はなかった！たった一行でさまざまな要素をレスポンシブ対応にするスタイルシート -Fluidity

2014/04/14(Mon) 12:28

画像やテーブル、地図などを配置するiframe, video, canvas, svgなど、主にボックス系のHTML要素をシンプルなコードでレスポンシブ対応にするスタイルシートを紹介します…

http://coliss.com/articles/build-websites/operation/css/css-small-framework-for-responsive-fluidity.html

WordPressでタイムテーブル型予約システムをつくる 第1回「概要」

2014/04/14(Mon) 12:26

自作のテーブルを追加して読み書きを行う、予約システム的なものをつくりました。その経緯をまとめてみるという、ちょっと（かなり）ボリュームのありそうな連載記事になりそうですが、よろしければお付き合いください…

http://ateitexe.com/wordpress-reserve-timetable1/

CSSのセレクタがちょっとあやふやな人はやってみて！　楽しみながらCSSのセレクタを学ぶ -CSS Diner

2014/04/11(Fri) 10:54

ゲーム感覚で楽しみながら、CSSのセレクタを学ぶことが出来るオンラインコンテンツを紹介します…

http://coliss.com/articles/build-websites/operation/css/online-learn-selectors-css-diner.html

レスポンシブWebデザインでハマりがちな%指定

2014/04/11(Fri) 10:52

レスポンシブWebデザインでは要素を可変にするために数値を%で指定することが多いですが、%指定の仕様を理解してないとハマることがあります。自分もそのような経験があったので備忘録としてまとめました…

http://design-spice.com/2014/03/24/percentag/

AppleがiOS 7向けアプリのUIデザインで「すべきこと」や「してはいけないこと」などをまとめたサイトをオープン

2014/04/10(Thu) 12:09

iOS 7ではユーザーインターフェース(以下、UI)がフラットデザインになり、見た目も操作方法もこれまでのiOSとは違うものになりました。そんなiOS 7向けアプリを開発するデベロッパー向けに、AppleがUIデザインで気をつけるべき点やガイドラインなどをまとめています…

http://gigazine.net/news/20140324-ui-design-apple/

デザイナー必見、すごいフリーフォント素材42個まとめ 2014年3月度

2014/04/10(Thu) 12:08

海外デザインブログCSS Authorで、新しくコレクションに加えたいフリーフォント素材をまとめたエントリー「Best Free Fonts for Web/UI Design #44」が公開されていたので、今回はこちらをベースに、個人的にブックマークしておきたい新作無料フォントをまとめて42個、一緒にご紹介します…

http://photoshopvip.net/archives/61931

色の見え方って、人によってこんなに違うの？

2014/04/09(Wed) 12:05

あの人の目からはどんな風に世界が映っているのだろう…。他人の色の見え方をシミュレーションしているアプリ、「色のシミュレータ」のご紹介です…

http://www.roomie.jp/2014/03/131782/

Webデザイナーに愛を込めて。ディレクターが意識すべき７つのポイント

2014/04/09(Wed) 12:04

皆さんの仰るとおりでして、「売れるWebデザイン」というのは、デザイナーとディレクターの真剣勝負によってのみ生まれます。どちらか一方が依存している状態、考えていない状態では、ターゲットの心を掴むデザインを作ることはできません…

http://lpo.gaprise.com/blog/web-design-direction-2127/

IllustratorでのWebデザインがいい感じ！おすすめポイントや設定いろいろ

2014/04/08(Tue) 11:05

これまでは「WebデザインといえばPhotoshop」というのが通例でした。しかしIllustratorもWeb制作の環境に適応されてきた今、フラットデザインやイラストを多く扱うWebサイトでは断然Illustratorをおすすめします…

http://www.webcreatorbox.com/tech/illustrator-web-design/

商用利用無料、今時のスマフォアプリ用のワイヤーフレーム素材 -App Wireframes Kit

2014/04/08(Tue) 11:04

スマフォアプリ用のさまざまなUIエレメントが用意されたベクターベースのワイヤーフレーム素材を紹介します…

http://coliss.com/articles/freebies/freebies-app-wireframes-kit-by-graphicburger.html