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

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

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

クリエイティブなファビコンを設置しよう | 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 デザインの教科書」を紹介します。 最新の知識をおさえつつ、基本を正しく理解し、しっかり身につくオススメの本です。 続きを読む

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

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

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

続・ウェブプログラマの私が業務&個人で使っている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や高... 続きを読む

儲かるランディングページの作り方を公開！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サービスいくつかという記事も凄く参考になります... 続きを読む

顧客を逃してしまう、Eコマースサイトの15のポイント | コリス

2009/10/09 332 users 原文 コリス 材質 Smashing Magazine 寸法

Eコマースサイトの設計・制作時の間違いで、顧客を逃してしまう15のポイントと解決方法をSmashing Magazineから紹介します。 15 Common Mistakes in E-Commerce Design下記は、そのポイントと解決方法を簡潔にしたものです。 原文ではキャプチャ入りで詳細に解説されています。商品の詳細な紹介ページが無い。商品の外観・材質・重量・寸法など詳細な情報を提供しま... 続きを読む