2014年9月の、これだけは押さえておきたいWeb関連の動き
「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。 デザイン関係 これからはGIFアニメからAPNGの時代に！ iOS 8でサポートされたAPNG画像を使いこなそう – ICS LAB 「APNG」とは「アニメーション可能な PNG 画像形式」のことで、PNG と同様に 8bit（256色）や 32bit（アルファチャンネルあり）などがサポートされます。 Can I use… Support tables for HTML5, CSS3, etc を見ると、2014年9月末時点では Firefox、iOS 8 くらいしか対応しておらず「これは当面使えないな…」と思っていたのですが、この記事によると「JavaScriptライブラリのapng-canvas
フラットデザインの色の見本（RGB、HEX）が豊富にある「flatuicolorpicker」 – bl6.jp
フラットデザインを取り入れる上で難しいのが色の選択。実際にどのような色が似合うのかを決めるのは悩ましいですよね。そんな時フラットデザインの色見本があれば何かと参考になることが多いはずです。今回ご紹介するflatuicolorpickerは、豊富な種類の色が用意されているので、色を決める際に大きな助けになります。 [ads_center] flatuicolorpicker flatuicolorpickerではRGB値やHEX値といったカラーコードも載っているのでとても見やすいです。 サイトはレスポンシブにもなっているので、PCはもちろんスマホからでもチェックしやすくなっています。 大まかに、赤、ピンク、紫、青、緑、黄色、オレンジ、グレーといった系統の色にまとめられています。 自分の描いている理想に近い色合いが見つけやすいので、フラットデザインの色決めの際にはぜひ参考にしたいですね。
おすすめのデザイン本「魅せる日本語タイトル」
毎回、注目のデザイン書籍や写真集、おすすめの本を紹介します。 今回は、「魅せる日本語タイトル」です。 日本語の作り文字を使ったタイトルデザインを取り入れたグラフィック作品を紹介した、日本語の文字の面白さを改めて感じることができる一冊となっています。 詳しくは以下 パンフレットやチラシ、DMなどそれぞれの媒体で、掲載する内容のイメージをよりユーザーに強く伝えるための日本語タイトルを豊富に掲載。「装飾・遊び心で魅せる」「シンプル・ストレートに魅せる」「文字組みで魅せる」インパクトで魅せる」「手書きで魅せる」といった、魅せ方テーマ別に分類し掲載されているので、目的に合ったデザインを参考にし易いのが嬉しいところです。さらに、元になった書体や、文字のメイキングなど、完成させるために必要な工程まで公開されているので、実制作時の参考として非常に役立ってくれそうです。 浅葉克己氏へのインタビューなども掲載
jQueryでスクロールするとヘッダーを固定させる
最近よくあるページがスクロールを始めるとヘッダーの位置が固定するjQueryのスクリプトです。 よく使うのでメモがわりに掲載します。 基本は簡単なので覚えておけばいろいろ応用できるかと思います。 デモはこちら 仕組みは、<header>の高さ分（デモでは80px）スクロールすると<nav>にfixedクラスが追加されることで固定されます。 header { width: 100%; height: 80px; color: #333; background: #EEE; } nav { width: 100%; color: #FFF; background: #333; } nav.fixed { position: fixed; left: 0; top: 0; } $(function() { //ロード or スクロールされると実行 $(window).on('load scrol
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
skan.in
