カテゴリー
design

アセット書き出しで画像が欠ける場合

##円形とか、よく欠ける

アイコンの円形とか、よく欠ける、、、なんなのとおもったら
シェイプに小数点以下があるのが原因だった。

Photoshop CS6からの新しいスナップ機能を使ってぼけのないシェイプを描く方法 – Webデザイン – acky info
http://www.acky.info/tips/web/00017.html

メッモ!

カテゴリー
design wp

WP-PageNaviのデザインパーツ

デザインに入ってなかったので、作ってもらうた時の説明をメモ。

URLを送って、(下記モックキャプ)

現在のページ数前後5ページと、それ以降は10ページ毎に数字が出ます。(変更も出来ます)

最初のページナビ用テキスト
最後のページナビ用テキスト
前のページナビ用テキスト
次のページナビ用テキスト

と体裁を指定してください。

記事が多くなった場合の表示サンプル

WordPress › WP-PageNavi « WordPress Plugins
https://wordpress.org/plugins/wp-pagenavi/screenshots/

上記サンプル見て頂いて分かる通り、1,000件とかなると、
結構数字部分の幅がかさむので、出来れば前後ボタンのレイアウト位置など調整出来るように
全て中央寄せ、もしくは左寄せが無難かと思います。

ニホンゴムズカシイネ

カテゴリー
css design

サイトデザイン例

1)みんなライン大好きな。

Kenji Saito :
http://kenji-special.info/

SVGの線をひたすら伸ばす
LETTERS, INC. :
http://letters-inc.jp/

2)この手の上下にじわじわ動くのんも増えたな

arigato inc. :
http://arigatoinc.com/

カテゴリー
design

コーダーpresents.デザイナーさんに見ておいていただきたい記事・サイト【スマホ関連編】

前にリンク集作ってなかったっけ?と思ったけどつくってなかったので新規でつくる。
デザイナーさんに共有してより狙いにマッチしたサイトを作るためのリンク集。
各項目とも下に行けば行くほど古いのん。
ほかにももっと新しくて素晴らしい記事がいっぱいいっぱいあったようなきがするんだけどな。。。

デザインパーツのファイルサイズの圧縮について

↓概要↓
昨今増えてきたモバイル環境での遅いweb接続に対応するためにファイルサイズ小さくするようにコーダーは孤軍奮闘なうです。しかしそれには、デザイナーさんの協力が不可欠マストです。なぜなら例えばJS圧縮してもせいぜい10KB→3KBですが、デザインパーツ(画像)を圧縮したり不要なパーツを減らしたりすると200KB→90KBとかになり、それ×画像分で影響力がぱねぇっす。デザインのちからこんなとこでもぱねぇっす。
それにコーダーだけではHPにもMPにも限界がありますです。デザインしたもの、ちゃんとみんなに閲覧してもらうために、デザイナーもコーダーも一緒くたになって同じ釜の飯を食べて、よく遊んで、寝て、見た目だけじゃなくて体感速度さえも自在にデザインしようぜエビバデピーポーってはなし。

画像の作り方・使い方でファイルサイズを減らす方法 │ Design Spice :

画像の作り方・使い方でファイルサイズを減らす方法

iPhone(スマホ)向けサイトを軽量化・高速化するための必須項目 | Mnemoniqs Web Designer Blog :
http://mnemoniqs.com/web/light-smt-page/

OGP画像について

てまえみそですがサイズがガンガン変わるのでメモしたやつ。
facebook OGP画像の推奨サイズがまた変わりましたよっと | hirokona :

facebook OGP画像の推奨サイズがまた変わりましたよっと

スマホサイトのデザイン作成について(基礎の基礎)

■デザインで気をつけること
スマートフォンサイトを作る際に気をつけたい 9つのポイント | ホームページ作成 :(2013.06.11)
http://cyber-intelligence.jp/web/2761/

Photoshopでスマホサイトをデザインする際の注意点 | デザインオフィス マジリのブログ : (2013/10/01 )

Photoshopでスマホサイトをデザインする際の注意点

ちょっと古い記事。黎明期?に書いてくださっている。
スマートフォンサイトをデザインする上で知っておくべき10のTIPS – to-R : http://blog.webcreativepark.net/2011/06/16-103025.html

これもちょっと古い記事。
もうちょい新しくてわかりやすいのあったきがするんだけどなぁ。。。。
【スマートフォンサイト制作の総まとめ 第1弾】スマホサイトデザインの基礎知識 | 07design.blog : http://07design.net/blog/?p=596#chapter4

■フォントについて
・サイズなど
初めてのスマホサイトデザインの前に押さえておきたいテキスト表示7つの基本 :
http://touch-slide.jp/column/202/

・スマホのフォントって?細かく指定できる?
【備忘録】今現在のfont-family指定の最善解。Androidまで意識するとこうなりました! | ultimate-ez.com : (2013/09/08)

【備忘録】今現在のfont-family指定の最善解。Androidまで意識するとこうなりました!

スマートフォンサイトのデザインで使うべきフォント :(ちょっと古い?)
http://touch-slide.jp/column/265/

■アプリ系だけどwebにも共通項がががが系
開発者は必見? GoogleがAndroidアプリのUXアンチパターン動画を公開 – すまほん!! : (2014/04/13)http://smhn.info/201404-google-android-app-antipattern

カテゴリー
design

全画面で最初は非表示になってる系ナビゲーション

こういうのはやってるな
Animated Border Menus | Demo 1 :
http://tympanus.net/Tutorials/AnimatedBorderMenus/index.html

カテゴリー
design

かわいいレスポンシブ

http://skinnyties.com/

わいかー!

カテゴリー
design

design bg patterns

http://subtlepatterns.com/

カテゴリー
design

フリーフォント集

twitterで流れてきた
たくさんのまとめサイトをまとめている
あとでみよう

http://fta7.jp/font

カテゴリー
design

デザインブログ 日本の会社さん http www albatro jp birdyard なんてすてきな会社。。psyop http…

デザインブログ 日本の会社さん
http://www.albatro.jp/birdyard/

なんてすてきな会社。。psyop
http://www.psyop.tv/