Flipbook.js
使い方 HTML flipbook.jsのパスを読み込んでおき、対象となる要素を記述。適当なid等を付与しておきます。 <body> <!-- 対象の要素 --> <div id="screen"></div> <!-- flipbook.js を読み込み --> <script src="flipbook.js"></script> </body> CSS 対象要素に幅、高さ、背景画像(スプライトシート)を設定しておきます。 #screen { width; 300px; height: 200px; background: url(../img/spritesheet.png) 0 0 no-repeat; } JavaScript Flipbookのインスタンスを作成、必要に応じてイベントハンドラなどを設定し、play()で再生します。 コンストラクタの第一引数にidを指定する場合、
女性誌にみる女性向けデザインを研究したまとめ
どうも、シンプルやかっこいいWebデザインよりも甘いガーリーテイストのWebデザインが好きなガリザワです。 女性向けのデザインをする時に、女性ファッション誌を参考にすることがあります。しかし一概に女性ファッション誌と言っても数多くありその発行されている雑誌の種類は100種類もあります。そんな中で、主な女性ファッション誌の傾向とデザインの分析をまとめてみました。 女性ファッション誌エディトリアルデザインに学ぶ 女性ファッション誌には、WEBデザインには無い女性デザインの雰囲気を感じれる、WEBサイトではあまり見かけないようなデザインパーツなんかも数多くあるので、デザインをするときに参考にしている。 特に女性向けのデザインをするときに、ターゲット層が細かく分けられており、そのターゲット層にあったデザインをする必要がある。その上でターゲット層に合った雑誌の傾向をまとめてみた。 （伊藤忠ファッショ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
デザインの雰囲気が手軽に変わるオススメPhotoshop無料テクスチャ50まとめ
テクスチャ素材はWebデザインはもちろん、グラフィックデザインなどあらゆるシーンで便利です。 最近では重ねるだけで手軽に印象をアップできるものなど新しいスタイルのテクスチャもどんどん増えてきており、取り入れるだけでデザインをぐっと良くしてくれるのでデザインに携わる機会があれば是非活用したいアイテムです。 今回は、photoshop無料テクスチャを50個厳選してご紹介します。 トレンドになっているポリゴンスタイルから、アートワークに重ねられる質感系テクスチャといった使いやすいものばかりです。 いずれも無料ですので気に入ったものがあれば是非デザインに取り入れてみてください。 photoshop無料テクスチャまとめ 1.3 Wood Panel Textures http://www.photoshoptutorials.ws/downloads/textures-downloads/free-
Photoshopのデザインパターンの作り方＆フリー素材61選
パターンとは！？ パターンとは、下記の例のような、継ぎ目なく規則的に繰り返される模様のことをいいます。 今やデザイナーでなくともフォトショップなどのデザインソフトを使う時代です。 基本的なパターンの作り方を押さえていきましょう。 パターンの使い方 パターンを使うには、 ①最小単位のパターンを作る ②「パターンを定義」でパターンとして使える状態にする ③シェイプや、塗りつぶしでパターンを適用する という3つのステップが必要です。 パターンを作ってみよう！ パターンの表示の仕組み 今回例として、下記のようなドットのパターンを作ってみようと思います。 この場合のパターンの表示の仕組みですが、下記のように、繰り返しに必要な最小単位のパターンが、たくさん敷き詰められて表示されます。 なので、後の「パターンを定義」で定義するパターンとして、まず最初にこの最小単位のパターンを作ります。 最小単位のパター
色変換後の違和感を退治する！ ～自然物編～ | Photoshop 色調補正ゼミナール | Shuffle by COMMERCIAL PHOTO
前回に引き続き、大胆な色変換でも自然に仕上げるためのテクニックを解説。被写体は前回の人工物からチューリップなどの自然物になっているが、「光を読む」といった原則は共通している。自然物の色変換ならではの注意点やコツを紹介していく。 自然物の色変換に現れる突発的な難問を解決する方法 今回は、連載第19回です。引き続き、色変換を行なった後に発生しがちな「違和感」や「トラブル」をいかに「退治」していくか、を中心にお話していきたいと思っております。 今回は、「自然物編」です。自然物でも、前回お伝えした原則は、全てそのまま使えます。『自らの「写真的眼力」や「光を読む技術」を頼りに「もし実際この場所に、この色の被写体が存在していたら、この部分はこの色みで写るわけないかも…」という想像に従って、細かく各部分の「色調整のトライ＆エラー」をする』という大原則にも変わりはありません。 では、何が違うのか？ 一言で
有名企業・ブランドのロゴで採用されているフォント15選
企業のロゴをデザインする際に重要となる要素の一つが「フォント」です。 どのフォントを使うかによってイメージが大きく異なりますので、目的としている企業のコンセプト、イメージしているものに近いものを選ぶ必要があります。 そんなロゴデザインでぜひとも参考にしたいのが有名企業、ブランドが採用しているフォントです。 誰もが知る大手企業でも意外に定番のフォントを使っていたり、既存のフォントをベースにユニークなアレンジを加えている企業があったりと、デザインのヒントが隠れています。 今回は、有名企業・ブランドが採用しているロゴフォントをまとめてご紹介します。 ▼ディレクターとデザイナーで読みたい資料 マーケ思考のデザイナーは強い！ 提案型デザイナーのススメ リード獲得が重視される「広告・LP・サービスサイト」などに携わるデザイナーの皆様に向けての資料です。成果を出すデザインにするために心がけたいポイントを
目立たせようと思ったら「下手なデザイン」をすればいいんです：日経ビジネスオンライン
デザイナーが“やるべきこと”をやれば「人はデザインを意識しなくなっていく」。 川島：佐藤さんは、ここ5年間、グッドデザイン賞の審査副委員長を務めてこられました。私も審査委員の端くれとして、ご一緒してきたのですが、グッドデザイン賞の対象範囲がどんどん広がっていますよね。プロダクトに限ったものではなく、建築やソフトウエアなども候補に上がる。「デザイン」の定義や範囲が、いまずいぶん広がっているような気がするのですが。 佐藤卓（さとう・たく） グラフィックデザイナー 1979年東京藝術大学デザイン科卒業、1981年同大学院修了、電通を経て、1984年佐藤卓デザイン事務所設立。「ニッカ・ピュアモルト」の商品開発から始まり、「ロッテ キシリトールガム」「明治おいしい牛乳」などの商品デザイン、「PLEATS PLEASE ISSEY MIYAKE」のグラフィックデザイン、「金沢21世紀美術館」「国立科学
制作技術は見て盗め？オンラインで作業中の様子を公開している動画サイト
2015年8月10日 Webサイト制作, 便利ツール 以前、すでにWeb制作者として就職している方から「まわりの同僚のように早く作業ができない」「作業の効率のいい進め方がわからない」という悩みを受けたことがあります。作業の効率化について紹介しているWebサイトや書籍も多く見つけられるかと思いますが、実際に手を動かしているところを見るのもひとつの方法です。他の人がどう作業を進めているか、見てみましょう！ ↑私が10年以上利用している会計ソフト！ 人がコーディングしているところを盗み見 「盗み見」なんてあまりいい響きではありませんが、賛否はどうあれ「技術は見て盗め！」という昔からの教育方針も存在します。会社の先輩、学校やコワーキングスペースの凄そうなオーラを醸し出している人の作業を見てみるといいかも。もちろん、絶対に作業の邪魔はしないようにしましょう！ 「技術を見て盗む」メリット 作業の新しい
転職エージェントの選び方と比較の軸 - 脱社畜ブログ
先日、過去に転職エージェントで働いていたことがあるという人と会う機会があり、人材紹介サービス全般について色々と教えてもらった。この手の情報はネットで調べるとたくさん出てはくるのだけど、やはり直接経験のある人から話を聞くと裏話的なものも含めて色々と面白い話が聞ける。このブログを読んでいる人の中にも、転職を検討中だという人がいるかもしれない。そこで今回は、先日聞いた話とそれを補足するために調べた情報を元に、転職エージェント（人材紹介サービス）について少しまとめてみたいと思う。転職エージェントの利用を検討している方は、ぜひ参考にしてみてほしい。 転職エージェントとは何か そもそも、転職エージェント（人材紹介サービス）とは何なのだろうか。転職希望者の視点から一言で説明するならば、「その人のキャリアプラン・職歴等をヒアリングし、希望に沿う転職先を紹介してくれるサービス」だと言える。単なる転職サイトの
1ページで完結、Web制作者が助かるチートシート・資料・PDFまとめ
作成：2015/08/10 更新：2017/04/16 Web制作 > 開発環境 ページを移動せずにテンプレートや仕様書を確認したい。今回はPCの横に貼ったり印刷したり、ワンクリックで見れるように、1ページで完結している資料をまとめました。Web制作をする上で便利なチートシートや資料・仕様書まとめです。 エンジニア速報は Twitter の@commteで配信しています。 もくじ WordPress版 受託用マニュアル １．ヒアリングシート ２．WP版ホームページ制作の流れ ３．WordPress管理マニュアル ４．WP版品質チェックシート ５．Wordpress タグ タスクランナー ６．gulp ７．Bower JavaScript 代替言語／JST ８．TypeScript ９．CoffeeScript １０．Jade コーディング用 １１．Chrome 開発ツール １２．html5
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
3media.biz
今年気になった・ダウンロードしたアイコンセット − 2015 - NxWorld
Webデザイン動画講座 | 新米クリエイターズ Webメディア部