yk5656のブックマーク - はてなブックマーク

Webデザイナーが独学でWebサービスを作って公開するまで
以前の投稿で紹介した個人で開発している“Sketというサービスを一般公開しました。キリがいいのと整理のために、ここまでの経緯をまとめてみました。作ったサービス Sket │スケット Facebookアカウントでの登録をベースとした実名制のクラウドソーシング。また、一般のクラウドソーシングのような依頼と受注の「クライアントと制作者」という関係性だけでなく、フリーランスの方が自分に足りないリソースを補うために協力者を探す「制作者と制作者」の関係で利用できるのも特徴のひとつです。私についてフリーランスのWebデザイナーとしてWebのデザインからコーディングまでをメインに受託をしています。プログラムは過去に一度学んだことはありますが実務で使った経験はなし。使ってる技術 PHP MySQL CakePHP Sass Grunt jQuery Bootstrap VPS Nginx Git
yk5656 2015/08/19
Web制作
リンク
レスポンシブWebデザインのテストに使えるツール
Webサービス Screenqueri.es ブラウザ上で各デバイスのシミュレーションができる。 Responsive Web Design Test Tool ブラウザ上で各デバイスのシミュレーションができる。 responsivepx ブラウザ上でサイズを変更して表示確認ができる。 ish. ブラウザ上で各サイズの表示を確認できる。 Responsive Tools For Web Designer & Developers 各デバイスの表示が確認できる。操作も可能。 Responsive Roulette ブラウザ上で各サイズの表示を確認できる。 The Responsinator 各デバイスの表示が確認できる。 Juice’r 各デバイスの表示が確認できる。操作も可能。 Screenfly 各デバイスの表示が確認できる。操作も可能。 Responsive Design Testin
yk5656 2013/05/20
デザイン
リンク
私がWebサイトの配色を決める時の流れ
ここで得た言葉を元に配色を組み立てていくことになるので重要な部分です。伝えたいイメージは多くの場合、「明るい」「可愛い」「落ち着いた」などの形容詞で表現されることが多いです。ただ、言葉から連想されるものは人により誤差がありますので、参考となるサイトや、商品など具体的にイメージしてるものも挙げてもらうと良いです。下記はGoogleの画像検索「高級」の結果です。人によって抱くイメージは様々です。「○○のような高級感」と具体的に伝えてもらうと良いです。 2.調査競合となる他社サイトの配色を調査し、それらと同じような配色になることは避けます。ただし同業の全てのサイトと被らないようにするのは無理があるので、商圏内で競合となる他社のみを比較対象とします。また、既にクライアントが名刺やパンフレット、フライヤー、ノベルティやなどを制作していたら見せてもらったり、店舗であれば外観・内装の
yk5656 2012/07/21
デザイン
リンク
https://design-spice.com/2012/06/13/responsive-web-design-image/
yk5656 2012/06/13
javascript
リンク
1