CSSで作る！押したくなるボタンデザイン100（Web用）

2017/04/15 264 users CSS

.square_btn{ display: inline-block; padding: 0.5em 1em; text-decoration: none; background: #668ad8; /*ボタン色*/ color: #FFF; border-bottom: solid 4px #627295; border-radius: 3px; } .square_btn:active { /... 続きを読む

PhotoshopでGIFアニメ軽くする - MEMOGRAPHIX

2014/03/07 62 users 解像度 memographix 前提 オプション コマ数

gifアニメ、ちょっと軽くしたいときがあると思う。Photoshopで「web用に保存」でgifアニメを保存するとき、いろいろオプション出るけど、今までなんとなく設定してた。そこで、どこをどうすればファイルサイズ減らせるのか実験した。 前提 前提として、 解像度が小さいほうが軽い コマ数が少ない方が軽い この2点はクリアしているとして、さらにファイルサイズ減らす方法について調べた。 元の画像 元の... 続きを読む

WEBも紙も縦横無尽。RGBとCMYKを行き来する際に注意したい事 | 株式会社LIG

2013/03/29 145 users CMYK RGB 株式会社LIG フライヤー web

こんにちは、あゆみです。 早速ですが、WEB用としてデータを作成し、フライヤーなどで印刷が必要になった！という時、「印刷の色がなんか色が違うなあ・・・」と思ったこと、ありませんか？RGBからCMYKへ変換すると、墨がくぐもったような仕上がりになることがあります。今回はWEBと紙の両方でデザインをするときに気をつけたい、ちょっとした事をまとめてみました。 その前に、まずは前提として色そのもの（CMY... 続きを読む

イラレでWebデザインをされる方にお願いしたい7つのこと。 | とあるコーダーの備忘録

2013/02/22 394 users イラレ コーダー 備忘録 iLL デザインカンプ

とあるコーダーの備忘録 日々のマークアップ＆CSSコーディング業務の中で蓄積されていくちょっとしたノウハウとかバグ情報とかいろいろ備忘録的に記録していきます。 メニュー コンテンツへ移動 ホームセミナーのご案内書籍のご案内 普段はDTPをメインにやっていて、たまにWebのデザインもするというデザイナーさんは、 IllustratorでWeb用のデザインカンプを作ることが多いと思います。 別にIll... 続きを読む

Bootstrapに次ぐ定番となるか？Twitter社がWeb用パッケージマネージャ『BOWER』をリリース | IDEA*IDEA

2012/09/10 63 users BOWER Install jQuery GitHub npm

Twitter社からまたしてもGithub的プロジェクトが。今回はコマンドラインからWeb用のいろいろをパッケージ管理できる「BOWER」です。 ↑ なんともシンプルな佇まいｗ。 ↑ ま、本体はGithubにあります。 Installは「npm」を使ってやるようなのでnode.jsが必要ですね。 ざざっとできることを羅列しておくと・・・。 jQuery、jQuery UI、Backbone.jsや... 続きを読む

あなたの誕生日は何色？ 特徴や色言葉もわかる『誕生色大辞典』が話題に | ロケットニュース24

2012/08/22 32 users ロケットニュース 誕生日 特徴 話題 何色

人それぞれ、必ず誕生日がある。今日、8月22日が誕生日という人もいるだろう。そんな人のために……お誕生日おめでとう！　あなたはユニークに広がる心の持ち主。そして今日のカラーは肌色のような「ゴールデンコーン golden corn」で、色言葉は「感情移入・創作力・人間関係」だぞ。 ――と、上記のようにその日の誕生色と、特徴、色言葉からweb用のカラーコード（16進数）までが分かってしまうサイが現在話... 続きを読む

そろそろ覚えておきたい Web用の画像加工・編集 超基礎入門 - NHN Japan ディレクターブログ

2012/04/19 556 users NHN Japan ディレクターブログ 超基礎入門 編集

2012年04月19日 12:00 そろそろ覚えておきたい Web用の画像加工・編集 超基礎入門 ノウハウ Tweet こんにちは、櫛井です。 「もうちょっと明るくするだけで印象違うのに残念」 「余計なものはトリミングでなんとかしたらいいのにな」 と思う画像がインターネットには溢れていますね。 実は簡単なのに敬遠しがちな画像加工。今回は、画像加工ソフトの中でも高機能なのに安価な Adobe の P... 続きを読む

デザイナーのためのノート「Gridbooks」 – ビジュアルシンキング

2011/12/05 18 users ビジュアルシンキング グリッドシステム RHODIA ノート

方眼ノートともまた違う、デザイナーさん向けのノートを紹介します。 Gridbooks Gridbooks グリッドシステムを組みやすいようにドットが配置されています。 Web用と広告用の2種類があり、それぞれノートタイプとPADタイプがあります。 WEB PAD AD PAD モレスキンとかRHODIAとか使っている人が持っていそう。 ノートタイプは$18、PADタイプは$10。 サイトのデザイン... 続きを読む

PNGとGIFとJPEG…Web用画像の書き出し、どんな風に使い分けていますか？［2011年7月現在］

2011/07/25 618 users PNG 透過PNG gif ガラケー 手法

この記事は 約 3 分 で読めます。みなさん、Web用の画像の書き出しって最近どう使い分けしていますか？？ 私がWebデザインをはじめたころはIE6が全盛期だったこともあり、 あまり透過PNGを使うという選択肢がなかったのですが、 jsなどでコーディング時に対応できる手法が出てきた頃から透過PNGを多用するようになりました。 また、昔は一部のガラケーでGIFに対応していなかったり、 PNGに対応し... 続きを読む

「アセンブリ言語の教科書」の原稿

2006/09/06 374 users アセンブリ言語 誤植 原稿 教科書 書店

このテキストは、2005年7月にデータハウスから出版された「アセンブリ言語の教科書」の原稿をWEB用に修正したものです。WEB用に修正したといっても、誤植を直した程度であり、ほぼそのままの状態で公開しています。 現在でも「アセンブリ言語の教科書」は書店で売られており、一般に流通しているため、本来ならば、出版社との契約上、このようにフリーでWEB上に公開することはできません。しかし、「アセンブリ言語... 続きを読む

ほぼ日刊イトイ新聞 - がんばれ森川くんの遺伝子くん

2005/04/07 912 users 日刊イトイ新聞 ケチ マッチ箱 資格 評判

「マッチ箱の脳」という森川くんが書いた本は、 その世界で、かなりの評判を呼んでいます。 まだ、売り出されてまもないこの本を、 森川君、WEB用に再編集して、 「ほぼ日」に連載してくれることになりました。 なんとふとっぱらで、骨惜しみしない男なのでしょう？！ ◆気前がいいだけじゃ生きられない。 ただのケチでは生きている資格がない。 謹んで、感謝の意をこめて、上記のことばを 森川くんにささげさせていた... 続きを読む