ほんとの手

主に開発や仕事のメモクリップ

design

スマフォ対応サイトにPC/スマートフォンの切り替えボタンを実装

Thu Mar 03 2016 11:01:55 GMT+0900 (JST) レスポンシブWebデザインのサイトにPCとスマートフォンの表示切り替えボタンをつけてみた | A40 Thu Mar 03 2016 11:06:03 GMT+0900 (JST) 「PC表示」の実装が簡単なWordPress表示切替プラグイン、Multi Device Swi…

Fireworks 周りメモ

Tue Feb 09 2016 11:31:13 GMT+0900 (JST) マスターページを設定 - (*●ω●)ノ 天然の気まぐれ勉強会♪ Tue Feb 09 2016 11:30:55 GMT+0900 (JST) Fireworksで「ページ」と「ステート」の使い分け Tue Feb 09 2016 11:30:41 GMT+0900 (JST) PNG8とPNG24とPNG32…

デザイン勉強会 メモ

赤羽デザイン勉強会 | デザイン初心者からデザインのプロまで誰でも参加できるデザイン勉強会

input file を独自にデザインする

input type="file" なやつを独自にデザインする方法 - ダーシマ・ヱンヂニヤリング input:file 要素を表示しないで、ファイルをアップロード : @jsakamoto

HTMLメール 作成メモ

各種メールクライアントの対応表 CSS Support Guide for Email Clients | Campaign Monitor [CSS]メールクライアントごとのCSSのサポート状況の一覧表 | コリス Yahooメールが勝手に id, class を割り当てちゃう問題 Is Yahoo now removing all code within …

スマフォサイト作成

作成前の準備・計画 スマホサイト作成のコツと作業環境 | バニデザノート ASCII.jp:スマートフォンサイトをデザインする7つのポイント (1/3)|実践!iPhone&Androidサイト制作ガイド width=device-width, initial-scale=1についてぐちゃぐちゃと - Untitle…

デザインラフの作成

私がwebサイトのラフデザインを制作する時の流れ │ Design Spice 【スーパーチラシ作成術】第1回:チラシのデザインラフスケッチの書き方 - 印刷の現場から-印刷通販WAVEのブログ

Sass 周りメモ

Sass の @extend はどこがすごいのか · terkel.jp 【Sassを覚えよう!Vol.7】ファイルを分割して管理を楽に(partialについて) - CSS HappyLife

ランディングページ 製作メモ

ランディングページの作り方、7つの超重要ポイント。 | Web集客の開花塾 私が売れるランディングページを作れる様になる迄の3年で学んだ7つの事 売れるコピーライティングに必要不可欠な10の要素 ランディングページ作成の32の手順 初心者がランディン…

Fireworks の “ページ機能” でスライスなどの作業効率が 3.5 倍アップ!

blog.fenrir-inc.com ページ機能でスライスなどの作業効率を向上させる。 まだページ、ステートの使い分けがよく理解できておらず、active/inactive の 2 つの状態を作ろうとレイヤーをいろいろいじっていたら 以前のページの表示が崩れてしまった、というこ…

赤ペン入れはもうやめよう。ディレクターが行うべき効率の良い修正・変更指示の出し方

web-d.navigater.info ディレクターは細かく指示をリストにして、具体的に、ズレがないように指示を出そうという話。ただ赤ペンは赤ペンで視覚的に分かりやすいので、例えばリストの添付として渡すのはよいと思う。 近年にあったプロジェクトでは、Redmine …

トル?イキ? WEB製作現場で最低限知っておきたい文字校正の記号・用語

matome.naver.jp Web製作の修正指示で赤ペン入れる時の参考に。

デザイン作成サービス「canva」

www.canva.com Canvaでカッコいいコンテンツ作成、デザインバリエーションは自由自在: 無料ツール紹介サイト Canvaは奇麗なドキュメントやプレゼンテーションスライド、ポスタ、写真集、SNSカバー、サイトデザイン、ビジネスカードデザインなどアイディア次…

ポートフォリオ制作時のポイントと参考になるサイトやデザイン

www.nxworld.net ポートフォリオ製作時の参考に。

次世代ソフトで脱Adobe

yumeirodesign.jp Mac が Windows (Microsoft Office) を捨てられないのと同じような話。 どの業界でもこういう代謝は必要。

Affinity Designer とか Sketch とか。

affinity.serif.com Adobe Illustrator の代替アプリとして期待されている Affinity Designer。 hakadorian.com blog.goo.ne.jp 同社製品で Photoshop の代替を狙う Affinity Photo というのもある。 Gimp に慣れている自分としてはそこまでの購買動機にはな…

スライスをオブジェクトサイズにぴったり合わせて簡単挿入、など

blogs.adobe.com タイトルの件など、Fireworks を便利に使うための tips。 スライスの簡単挿入を知ってるだけでも断然効率が違う。

"画質の差"が丸わかり!――液晶ディスプレイの表示チェックをしてみよう

www.eizo.co.jp モニターのキャリブレーション時に表示して輝度などの調整に使用できる。

FontAwesome のフォントをPCにインストールして、各種ソフトで使う

アイコンフォントをphotoshopやillustraterで簡単に使う方法。特に、Font Awesomeはチートシートが用意されていてカナリ便利。 FontAwesome のフォントをPCにインストールして、各種ソフトで使うことができる。文字コードはサイトから文字を選択してコピーペ…