なぜか見ているだけでワクワクする“アニメの作画注意の資料”→「確かにこの辺がないと微妙に物足りない」「制作時の息遣いを感じる」 - Togetter

2019/10/27 267 users Togetter 息遣い 資料 アニメ

作画注意点とは少し違うが アニポケキャラデザの方のピカチュウを書くときのアドバイスに 「あたまをピカチュウにする」と書いてあるのが好き pic.twitter.com/QGbjd0jdJU 続きを読む

これでもう、グラデーションにできてしまう濃淡の縞に困らない！バンディングをおさえるJavaScriptライブラリ | コリス

2019/09/17 61 users ハンティング コリス ビジター 濃淡 グラデーション

制作時の最適なモニターや最適な照明環境で美しいグラデーションを作成しても、ビジターの環境ではバンディングと呼ばれる濃淡の縞ができてしまうかもしれません。 Webページの背景などに使用するグラデーションにできてしまうバンディングをおさえ、滑らかに表示するためのJavaScriptライブラリを紹介します。 js-noisy... 続きを読む

Web制作者が知っておくと便利！Chrome 67でアップデートされたデベロッパーツールの新機能 | コリス

2018/06/04 73 users デベロッパーツール コリス ヘッダ レスポンス 無限ループ

先週末にリリースされたChrome 67でアップデートされたデベロッパーツールの新機能を紹介します。 Webの制作時に役立つ機能だけでなく、UIも進化しており、さらに便利になりました。 What's New In DevTools (Chrome 67) ネットワーク ヘッダとレスポンスを検索 CSS変数値のプレビュー機能 Copy as fetch Auditsパネルのアップデート 無限ループを... 続きを読む

ワイヤーフレームの作り方のコツ｜制作時や評価時に意識すべきこと | Pinto!

2018/01/16 79 users Pinto ワイヤーフレーム クリエイティブユニット コツ

2018年新卒内定。京都大学経済部に在学中。Juicer事業部にて機械学習チームを経験した後、クリエイティブユニットにてアシスタントディレクターを経験。現在は人事部にてインターン中。 サイト制作をする前に必ず作らないといけないワイヤーフレーム。 「ワイヤーフレームってデザインの下書きでしょ？」 というような認識の方もいらっしゃるのではないかと思いますが、それは間違いということをこの記事を読んで知っ... 続きを読む

クリエイティブなファビコンを設置しよう | Webクリエイターボックス

2017/09/22 431 users ファビコン favicon Favourite ICON タブ

2015年4月23日 Webサイト制作 , 便利ツール Webサイトの制作時に、特に初心者さんが設置を忘れがちなファビコン。Webサイトをブックマークした際や、タブ表示した際にサイト名の横にちょこんと表示されている小さなアイコンのことです（Favourite + Icon = Favicon）。デバイスが増え、これまでとは設置方法が少し変わってきているのと、機能のついたファビコンも増えてきているの... 続きを読む

Chrome デベロッパーツールで知っていると、Webサイトやアプリの制作が捗る便利なテクニックのまとめ | コリス

2015/10/30 502 users コリス デベロッパーツール elements DOM要素 タブ

先日「Chrome デベロッパーツールの使い方」で華麗に使いこなすテクニックを紹介しましたが、それとは異なるデベロッパーツールの便利な使い方を紹介します。 Webサイトやアプリの制作時に、非常に役立つテクニックが満載です。 ※画像は元記事のものではなく、当方の環境のものを使用しています。 デベロッパーツールの便利な使い方 タブ「Elements」を選択 DOM要素を選択 右パネルのタブ「Compu... 続きを読む

東京五輪エンブレム　佐野氏「海外作品まったく知らない」 （デイリースポーツ） - Yahoo!ニュース

2015/07/31 102 users 東京五輪エンブレム Yahoo デイリースポーツ 佐野氏 沈黙

東京五輪組織委員会は３１日、先日発表された東京五輪のエンブレムが他国の作品と類似していると指摘されていることを受けて、制作者のアートディレクターの佐野研二郎氏のコメントを発表した。 【写真】類似していると指摘されたエンブレムと他国の作品 　ここまで沈黙を貫いていた佐野氏は「報道されている海外作品についてはまったく知らないものです。制作時に参考にしたことはありません」と、“盗作疑惑”を否定。「この東... 続きを読む

クリエイティブなファビコンを設置しよう | Webクリエイターボックス

2015/04/23 431 users ファビコン favicon Favourite ICON タブ

Webサイトの制作時に、特に初心者さんが設置を忘れがちなファビコン。Webサイトをブックマークした際や、タブ表示した際にサイト名の横にちょこんと表示されている小さなアイコンのことです（Favourite + Icon = Favicon）。デバイスが増え、これまでとは設置方法が少し変わってきているのと、機能のついたファビコンも増えてきているので、その辺もあわせて紹介します！ ファビコンをデザインす... 続きを読む

2015年、Web制作者が押さえておきたいCSSの各種リセット、アニメーション、フレームワーク、アイコンのまとめ | コリス

2015/04/22 323 users ポパー コリス グリッド フレームワーク フレンドリー

制作時に欠かせないリセット用のCSS、ページのグリッドやレイアウト・コンポーネントが用意されたフレームワーク、クリック・タップやホバーやスクロールを楽しませるアニメーション、モバイルにもフレンドリーなCSSでつくられたアイコンなど、ゼロから用意するのはかなり大変なCSSの便利なフレームワークを紹介します。 リセット用のCSSはこの3種類 レスポンシブ対応の定番フレームワーク Material De... 続きを読む

ペライチのWebページをすばやく作り始められるやつ「Rin 3.0」作った - MEMOGRAPHIX

2015/02/17 508 users RIN Bootstrap memographix CSS

Rin 3.0 というのを作った。 Rin - A lean, gulp-based HTML and SASS boilerplate by sanographix 僕はいわゆるペライチのWebサイトを作ることが多いんだけど、そういう制作時に使っているフレームワークというかBoilerplate的なやつです。 フレームワークといっても、BootstrapのようにCSSをモリモリ書いて汎用コンポー... 続きを読む

Web制作者は要ブックマーク！制作時にいろいろと役立つ便利サイトのまとめ | コリス

2014/09/12 511 users Bootstrap コリス Foundation ライセンス

Web制作時に、あれ？なんだっけな？って時に役立つ便利サイトを紹介します。 HTML5やCSS3の各ブラウザのバージョンごとのサポート状況、スクリーンサイズやデバイスごとのMedia Queriesの書き方、Bootstrap, Foundationなど各フレームワークの対応ブラウザやライセンス、ブラウザの各バージョンごとのCSS Hackなど、いざという時に役立つサイトばかりです。 Can I ... 続きを読む

サイト制作時のデザインやコードの「ぶれ」をなくすスタイルガイドを作成するためのテンプレート -Style Guide Boilerplate | コリス

2014/06/02 167 users Bootstrapベース コリス ウェブサイト プロジェクト

ウェブサイトの制作時で大切なことの一つは、デザインやコードの「ぶれ」をなくすこと。 ウェブサイトを制作する際、プロジェクトに関わる全ての人が参考にできるデザインのスタイルガイドを作成するBootstrapベースのテンプレートを紹介します。 Style Guide Boilerplate Bootstrap Edition Style Guide Boilerplate -GitHub スタイルガイ... 続きを読む

HTML5とCSS3の実用的なテクニックが丁寧に丁寧に解説されたウェブ制作に真剣に取り組みたい人にオススメの本 -HTML/CSS デザインの教科書 | コリス

2013/12/16 328 users 一つ一つ ウェブサイト コリス 知識 基本

ウェブサイトの制作時によく使用される実践的なテクニックの一つ一つが丁寧に解説された「HTML/CSS デザインの教科書」を紹介します。 最新の知識をおさえつつ、基本を正しく理解し、しっかり身につくオススメの本です。 続きを読む

『まどか☆マギカ』新房昭之総監督、意外な心境も…制作時を振り返る - シネマトゥデイ

2013/12/01 57 users シネマトゥデイ まどか☆マギカ 心境 新編 叛逆

映画『劇場版 魔法少女まどか☆マギカ [新編] 叛逆の物語』より - (C) Magica Quartet / Aniplex・Madoka Movie Project Rebellion [シネマトゥデイ映画ニュース]　深夜枠で放送された人気テレビアニメーションの新作映画『劇場版 魔法少女まどか☆マギカ ［新編］叛逆の物語』の新房昭之総監督が制作時を振り返り、当時の心境を明かした。2011年のテ... 続きを読む

ウェブページやスマフォアプリの制作時に参考にしたいUIエレメントをコレクションしているサイトのまとめ | コリス

2013/07/04 158 users インターフェイス ディテール 手助け コリス アニメーション

ユーザーが目的を達成するために手助けをする、機能的で、直感的で、美しいインターフェイスを備えることは非常に重要です。最近のウェブサイトやスマフォアプリなどでは、アニメーションを伴ったインターフェイスも増えてきました。 アニメーションを伴った楽しいUI、ディテールにこだわったUIなどをコレクションしているサイトを紹介します。 SIX UX アニメーションを伴ったUIを6秒ほどの動画にしてコレクション... 続きを読む

ダメディレクターからの卒業、Webサイト企画＆制作時に必ずおさえておきたい「5W2H」 | WP-D

2013/02/25 57 users ディレクター 和菓子 WP-D 争奪戦 近所

ダメディレクターからの卒業、Webサイト企画＆制作時に必ずおさえておきたい「5W2H」 密かに近所のスーパーで、高齢者と数少ない吹雪まんじゅうの争奪戦を繰り広げています。 もうちょっと仕入れてくれればいいのにな〜。 こんにちは。和菓子大好きグリーンです。 代理店の営業さんやディレクターやと打ち合わせしてて 「制作中に内容がコロコロ変わる」 「話を聞く度に違う事言ってる」 なんて経験ありませんか？ ... 続きを読む

続・ウェブプログラマの私が業務&個人で使っているMacのアプリを全て紹介 -開発編- « なんかもう実験場

2012/09/11 444 users エディタ マルチメディア編 覚悟 タイトル アプリ

第02弾となる開発編です。 今回は制作時に使うエディタやアプリの紹介です。 やっとタイトルに沿った内容になりますね。 ウェブプログラマ(笑)と言われても辞さない覚悟で紹介します。 大したこと書いてないですがこのシリーズの詳細は第01弾のユーティリティー編を御覧ください。 もくじ 第01回 : ユーティリティー編 第02回 : 開発編 第03回 : マルチメディア編(9月13日更新) 重要度 個人的... 続きを読む

CSS3の制作をぐっと楽にする厳選20のオンラインツール | コリス

2012/07/10 718 users コリス セレクタ グリッド シャドウ ボーダー

CSS3アニメーションをはじめ、グラデーションやシャドウやボーダー、テキストやボックスをかっこよくしたり、レスポンシブデザイン用のグリッド、セレクタの使い方など、スタイルシートの制作時に役立つオンラインツールを紹介します。 Animate.css classを付与するだけで、さまざまなCSS3アニメーションが実装できます。 初っ端からオンラインツールじゃないですが、簡単にCSS3アニメーションが利... 続きを読む

iPhoneサイト（スマートフォンサイト）制作時の画像の表示方法と使用方法についてまとめました | HTML5でサイトをつくろう

2012/03/15 257 users iPhoneサイト HTML5 iPhone 画像 使用方法

PCサイトでの画像の表示方法は、スライスした画像をimgタグにサイズ指定をしたり、背景画像に繰り返しや位置の指定をして表示するのが一般的ですが、スマートフォンサイトではデザインやコンテンツの内容によって画像の表示方法を工夫する必要があります。 特にiPhoneのように横画面にすると可変して表示されるデバイスの場合は、画像も可変して見せたほうが効果的な場合もあります。 また、iPhone4、4Sや高... 続きを読む

名作『ブレード・ランナー』のコンセプト画像が詰まったスケッチブックがウェブ上で公開されていた | トブ iPhone

2011/12/31 58 users トブ iPhone 名作 スケッチブック expand 名画

2011年12月31日土曜日 名作『ブレード・ランナー』のコンセプト画像が詰まったスケッチブックがウェブ上で公開されていた Tweet 名画『ブレードランナー』（監督リドリー・スコット）制作時のコンセプト画像が掲載された本『Blade Runner Sketchbook 』が issuu で公開されていました。 是非 expandから全画面で楽しんで下さい。 以下、一部抜粋です。 もし映画を観てい... 続きを読む

weba制作者が印刷物を制作するときにチェックする10項目 | Design Spice

2011/12/06 78 users Design Spice 備忘録 印刷物 １０項目 用紙

Webの制作をしてると一緒に印刷物の制作も頼まれることがあります。 しかしWebも印刷物も同じ制作物として考えられがちですが、必要な知識は全く異なります。 自分の経験も通して印刷物の制作時に気を付けたいポイントをまとめました。備忘録も兼ねてます。 納期の確認 用紙の選択 仕上がりサイズ 使用する色 色校正 印刷の種類 加工 使用する画像 データチェック 見積り 1.納期の確認 個人的に一番か二番目... 続きを読む

儲かるランディングページの作り方を公開！LP会社さんごめんなさい。 | Webコンサルティング

2011/10/26 1538 users ランディングページ Webコンサルティング 動機 見方 順番

ページの見方 このページの構成は、ランディングページの構成と同じように、上から順に記載しています。これより下は、ランディングページと同じ設計順になっているので、実際の制作時も、その順番を参考にしていただけると嬉しいです。 1．動機をつくる（キャッチコピーとビジュアル） 画面をスクロールしない範囲（ファーストビュー）で、閲覧者の心をキャッチすることはとても重要です。ここでしっかり動機付けができないと... 続きを読む

CSSの制作・検証に役立つChromeの機能拡張のまとめ | コリス

2011/06/15 484 users コリス リアルタ CSS Chrome マウスカーソル

CSSの制作時や検証時に役立つGoogle Chromeの機能拡張を紹介します。 いくつか機能がかぶっているので、お好みのものをご利用ください。 code cola マウスカーソルを重ねた要素のスタイルを表示し、リアルタ [...] 続きを読む

Web制作に役立つ、何度お勧めしても足りないくらい素敵なツール10選 - かちびと.net

2010/07/09 1815 users net Web制作 Grid System 順不同 沢山

Web制作時、個人的にかなり助かっ ているWebアプリやソフトウェアなど をご紹介。何度お勧めしても足りない 位、助けられています。低スキルな 自分にとっては無いと困る。そんな ツールをシェアしたいと思います。 もっと沢山あるんですが、特に利用しているものを。制作時には毎回利用しているかもしれません。基本的に無料のものを使っています。順不同。 960 grid system グリッドシステムです。... 続きを読む

Web制作時に色（カラー選定）で困った際に役立ちそうな13のツールやサービス - かちびと.net

2009/12/07 754 users net ツール 順不同 Web制作時 サービス

Webサイトの制作時にいつも 時間がかかるのがカラー選定 で、少し困っているのでもう少し 時間を短縮したいと思い、使って いるツールも含めていろいろご紹介。 いろいろ有りすぎるので使いやすいと思ったサービスに厳選しています。順不同。使いやすさとか好みもあると思うので参考程度に。。。ネタ帳さんのwebサイト作成時にサイトカラーを決められない人の為のwebサービスいくつかという記事も凄く参考になります... 続きを読む