Content-Length: 285642 | pFad | http://b.hatena.ne.jp/kana321/*web%E5%8F%82%E8%80%83/
2015年これからのWeb制作業界の流れ、伸ばしておきたいスキル、Webデザインのトレンドなどのまとめ
数多くのブログで2015年のトレンドをさまざまな切り口でポストしているので、その中から特に印象的で共感がもてたものをまとめて紹介します。 注目すべきキーワードは、Material Designの本格始動、マイクロデザイン、スクロールコンテンツ、スマフォ・タブレットユーザーの更なる増加、そしてHTML/CSSのフレームワークの陰り。 写真：re:splashed 2015年、現在のWebデザインを確認しながらこれからのトレンドを探る 2015年、Web制作業界全体の流れ 2015年にあなたが目にするWebデザインのトレンド 2015年に大きく変化するウェブデザインの10の傾向 2014年のトレンドで良かったもの、ダメだったもの モバイルデザインに向けたWebデザインの7つの戦略 2015年、IT系で求められているスキル 2015年、現在のWebデザインを確認しながらこれからのトレンドを探る
Twitter API 1.1リリース 開発者の対応リミットは2013年3月5日に
米Twitterは9月5日（現地時間）、予告していた「Twitter API」のバージョン1.1へのアップデートと、開発者向けガイドライン「Developer Rules of the Road」およびアプリでのTwitterデータの表示について定めた「Developer Display Requirements」の改定を実施した。主な変更点は予告時点と大きく変わらないが、詳細がすべて明らかになった。 開発者は、半年以内、つまり2013年3月5日までに、APIのこの改定に対応する必要がある。 Twitterは、8月にAPIのアップデートを予告した際、クライアントアプリのユーザートークンの上限を10万に制限したことに多数のフィードバックがあったとし、「10万トークンの制限は、Twitterのコア体験を複製しているわずかなクライアントアプリにしか影響を与えない」と説明した。現時点で10万以上の
検証：レスポンシブのCSSはモバイル向けを先に書くと表示が早い？ | 初代編集長ブログ―安田英久
今日は、レスポンシブWebデザインでのスタイルシートを書く順番について。CSSを書く順番が、デバイスごとの表示速度に関係するのかを検証してみた話題です。 レスポンシブWebデザインでは、モバイル向けのCSSを先に書くほうが、モバイル端末で早く表示される 以前に、そんなことを耳にしました。「んー、どうなんだろう」と思ったので、実際に検証してみました。 仮説では、「ブラウザはDOM要素を構築してからレンダリングするだろうから、モバイル向けとPC向けでCSSを別にしてlink要素で読み込めば、たしかにそれも有り得る」でしたが、実際にはどうだったのでしょうか？ テスト用に、専用のスクリプトを用意しました。いろんなパターン（link要素とか、style要素とか、style要素で@importとか）のCSSを、head内・body上部・body下部に出力できるようにして、モバイル向けCSSを出力して数
UX（ユーザー体験）とSEOに関して正すべき5つの都市伝説（前編） | Moz - SEOとインバウンドマーケティングの実践情報
SEOmozファンのみんなこんにちは。今週は、ユーザー体験（UX）と、UXがSEOに与える影響について話そう。 UXとSEOについては、以前から衝突しがちな関係にあり（特に1990年代後半と2000年代前半には）、しかもその状態が（僕から見れば意外なほど）長く続いていた。 しかし今や、両者の結びつきはずっと強くなっていると思う。 にもかかわらず、この2つのトピックに関して、多くの人々が思い込んでいる都市伝説のような勘違いがいくつかある。ウェブの使われ方、特定のユーザー体験、さまざまな機能、ある種のデザインといったものが、SEOにどんな影響を与えるかという問題だ（それもSEOにとって悪い影響のことだ）。ユーザー体験にお金をかけている人たちであっても勘違いしていることがある。 そこで、こうした思い込みを払拭したうえで、サイトのSEOだけでなくUX向上にも役立つように、管理しているWebサイトや
[JS]これは楽しい！FPS値の設定もできるスプライトベースのアニメーションを作成するスクリプト -Motio
FPSとはFrames Per Secondの略で、1秒あたりのフレーム数のことです。 このFPS値やスピードを簡単に調整できるCSSスプライトベースのアニメーションを実装できるjQueryのプラグインを紹介します。
デザイナーが選ぶデザイナーのための無料写真素材サイト10選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
エンジニアの王です。 そもそも「素材」というのは「何かを作るための原材料」ですから、デザイナー・グラフィッカーなどにとっての「写真素材」とは、新しい何かを作るためのもととなる写真であって、ほぼそのままアイキャッチとして使ったり、記事内で使ったりするものではありません！ 同じ「写真素材」とは言っても、使い方によっては向き不向きっていうのがありますからね。今回は特にデザイナー向けの無料で使える写真素材サイトをご紹介します！ 私は「デザイナーに優しい写真素材」とは以下のような特徴を持っていると考えています。（もちろんすべてのケースに当てはまるわけではないが） 被写体が明確 背景が単純 同じオブジェクトを複数のアングルから撮っている テクスチャ系 切抜き済み そのため、今回は以上の特徴を多く持っている写真素材サイトだけに焦点をあてて紹介したいと思います！ おすすめ順で列挙していきますので、上位にき
[JS]複数のパネルを1ページに垂直に配置した際にベストポジションにスクロールを補正するスクリプト -jQuery.panelSnap
Event Capturing 各イベントを取得することもできます。 jQuery.panelSnapの使い方 Step 1: 外部ファイル スクリプトをhead内に外部ファイルとして記述します。 <head> ... <script src="/path/to/jquery.js"></script> <script src="/path/to/jquery.customEvents.js"></script> <script src="/path/to/jquery.panelSnap.js"></script> </head> Step 2: HTML コンテンツは一つずつsection要素（変更可能）で並列に配置します。 スタイルシートは各コンテンツ自由にしてください。 <body> <section>コンテンツ：1</section> <section>コンテンツ：2</sect
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fetched URL: http://b.hatena.ne.jp/kana321/*web%E5%8F%82%E8%80%83/
Alternative Proxies:
Engadget | Technology News & Reviews