karuna357

45 Flips | 1 Magazine | 4 Likes | @karuna357 | Keep up with karuna357 on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “karuna357”

Webの新しいテクニックやデザイン表現の仕組みと実装方法がよく分かるオススメの本 -Webデザイン基礎トレーニング

Web制作で必ずと言ってよいほど使われてる汎用的なテクニックをはじめ、新しいテクニックやデザイン表現をひとつずつしっかりと学べる解説書を紹介します。 ページレイアウト、UIコンポーネント、ビジュアルやコンテンツのデザイン...記事の続きを読む

デザインは第一印象が大切!5秒でできる3つのデザインチェック方法

人間は一瞬で物を識別します。研究によると、たった0.1秒で人を判別できるようです。Webサイトにおいても同じことが言え、ユーザーはWebサイトを開いて0.05秒でそのサイトが好きかどうかを判断し、そのサイトを見続けるか、閉じるかを決めるそうです。そんな大切な「第一印象」。どのようにチェックすればいい …

Open Street Mapを使って地図のデザインをカスタマイズ、画像化して保存出来るマップ作成サービス・「Map Stack」

Map Stack<br>Map StackはOpen Street …

デザインの理由や意味がよく分かる良書!WebサイトのUI設計や情報デザインについての考え方が見直せる -だから、そのデザインはダメなんだ。

単に見た目だけがよいデザインではなく、どうしてこのレイアウトなのか、なぜこの情報構造なのか、WebサイトのUI設計や情報デザインについての考え方をレイアウト・コンテンツ・ユーザビリティの視点から解説したオススメの本を紹介...記事の続きを読む

レスポンシブWedデザイン対応のシンプルで軽量なグリッドレイアウト・「Simple Grid」

Simple Grid<br>Simple …

CSSのみで縦の年表のようなタイムラインを作れる・「Timelined」

Timelined<br>TimelinedはJavaScript不要でタイムラインを作成出来るスタイルシートです。CSSのみで縦の年表を作成出来ます。カスタマイズ性も優秀で、アイコンの有無や吹き出し、アイコンのサークルカラー、タイムラインのラインカラー、日付等をclassで設定出来るようになっています。一 …

色彩トーンをつかった、配色えらびの基本テクニックまとめ

海外デザインブログCanva Design School Blogで公開された「How to Use Tints and Shades in Your Designs」より許可をもらい、日本語抄訳しています。 …

Web標準の16色を綺麗なカラーパターンにする為のCSS・「COLORS」

COLORS<br>COLORSはCSS2.1で設定されている標準カラーを少し変えて綺麗なカラーパターンにする為のCSSです。17色のうち、whiteを除く16色に手を加えてみたよ、みたいなの。W3Cが標準とするには理由があると思いますので標準色は標準色として守られるべきではあるでしょうが、まぁ確かにこちら …

sakuji-a-day:

“昨日と今日の交差点” Saturday: カトウタイキ 2014.11.29

Web制作で分からないことはすぐに確認!HTML5, CSS3, jQuery, WordPress, Bootstrapなどのチートシートのまとめ

HTML5, CSS3, jQuery, WordPress, Bootstrap, SublimeTextなど、フロントエンドのマークアップやコーディングに役立つチートシートを紹介します。 PDFや画像をダウンロードし...記事の続きを読む

Markdownで更新する軽量でシンプルなPHP製のCMS・「Sphido」

Bootstrapのテーマを配布しているWebサイトをまとめている・「ThemeFinder」

divとsectionとarticle要素それぞれの特徴、使い分けと組み合わせ方 -HTML5のセクショニング コンテンツ

HTML5は、ドキュメントを構造化する際に用いるセマンティックなコードです。あなたがどんなタグを使うかによって、ユーザエージェントにその意味を伝えます。 HTML5のタグにはさまざまなものがあり、中でもsectionとa...記事の続きを読む

レスポンシブのWebデザインを見せる時にこれを一つ持っておくと安心!12パターンのレイアウトが用意されたPSD素材 -Responsive Web Mockups

レスポンシブのWebデザインを見せるオンラインサービスや要クレジットの無料素材だと、社外秘のデータやクライアントのプレゼンには適しませんが、こういったオフラインで利用できる高品質な有料素材を一つ備えておくと安心ですね。...記事の続きを読む

実例で学ぶ!プロが実践する、ぼかしエフェクトをつかったデザインテクニック10個

海外デザインブログCanva Design School Blogで公開された「10 Expert Tips For Designing With a Blurred Background [Case Studies]」より許可をもらい、日本語抄訳しています。 <b>ぼやけた(英:</b> …

手軽にランディングページの作成、公開が出来る・「ONTRApages」

ONTRApages<br>ONTRApagesは手軽にランディングページ、ペラページの作成、公開が出来るWebサービスです。よくある、直感で作成出来る的なものですが、無料プランでも割と使えそうなので需要あるかなと思ってメモ的に。用意されているテンプレートを編集する形で、既にRWD対応済み、コンバージョン率 …

最近のWebデザインで採用されているページレイアウトやUIの新常識がチェックできる素材のまとめ

最近のWebのUIはフラットデザイン・Material Designが着実に進化し、シンプルでコンテンツにフォーカスされたデザインが定着してきました。テキストは読みやすく、写真はより大きく使用されています。レイアウトは縦...記事の続きを読む

シンプルさを重視したプロジェクト管理ツール・Horizonate | かちびと.net

UIデザインのアイデアを探す時にチェックしたいサイトのまとめ

Webサイトやアプリなど、UIデザインのアイデアを探す時に役立つサイトを紹介します。 さまざまなコンポーネントやレイアウト、インタラクションのヒントとなるアニメーション、動きがとにかく気持ちいいアニメーションなど、見てい...記事の続きを読む

研究で裏付けされた、外国語を覚えることで身につく7つの驚くべきメリット

海外デザインブログ<i>PickTheBrain</i>で公開された「<i>7 Surprising Benefits of Learning a New Language (Backed by Research)</i>」より許可をもらい、日本語抄訳しています。 …

単色カラー配色をマスターする!鉄板デザインテクニック9個まとめ(参考パレット25個収録)

海外デザインブログCanva Design School Blogで公開された「How To Design With Monochromatic Colors [With Expert Tips From A Designer]」より許可をもらい、日本語抄訳しています。 …

≡ハンバーガーメニューは終わり!スマホサイトのメニュー表現の決定版※JSなし

Tweet<br><p> スマホといえば、3本線のハンバーガーメニューが使用されるようになっていますが、そのユーザビリティについては様々な調査から見直しが求められています。<br> <a …

登録したWebサイトをスマフォやタブレット等のモックアップ画像にはめ込んで実際に動作、Embedも出来る・「Mockerie.io」

登録したWebサイトを予め用意されたスマフォ等のモックアップ画像にはめ込んで実際に動作、Embedも出来る、というもの。需要があるかはさておき、ちょっと面白かったのでご紹介します。よくある、SSはめ込みの合成ツールかと思ったら、フレームに入れて実際に動かせる仕様でした。Mockerie.io<br>実際にE …

Web制作の効率化に役立つ!無料UIデザイン&ウェブレイアウトまとめ

統一感があり、分かりやすいウェブサイトや、モバイルアプリの作成を手軽に行うことができる、無料ダウンロードできるUIデザイン素材をまとめています。 …

Webサイトのその要件だと、見積額はいくらくらいが妥当か計算してくれるオンラインサービス

何ページくらいのサイトで、スマホ対応にして、検索機能・ログイン機能・パーソナライズ機能などを加えると、見積額はどのくらいだと妥当なのかを計算してくれるオンラインサービスを紹介します。 海外のツールですが、相場の違いはそん...記事の続きを読む

こんな便利なのがあったとは!Web制作やビジネスに欠かせない無料ツール・サービス・素材 400+種類 総まとめ

Web制作やビジネスに役立つ定番ものから、あまり知られていない便利なものまで、400+種類の無料ツール・無料サービス・無料素材を紹介します。 +400 Awesome Free Tools To Build Your B...記事の続きを読む

Self-publishing’s vices and virtues

Research has taught me three main weaknesses in this new way to issue books, but also revealed some less acknowledged strengths<p>Almost any discussion of self-publishing seems to attract an immediate hostility quite unlike the amused tolerance that greets those who, say, exhibit their indifferent …

Self-Publishing and the DIY Doom

Ever-empowering, DIY allows that you <i>can</i> do it yourself, but it does not mean that you <i>should</i>. Never before has there been such great opportunities for an author. Technology, globalization and the competition generated by the behemoth Amazon have created new avenues for a writer to maintain control …

Writing