日本で活動しているフリーランスWebデザイナーのHPをご紹介北海道 (9) 青森 (3) 秋田 (3) 岩手 (2) 山形 (4) 宮城 (4) 福島 (3) 茨城 (1) 群馬 (4) 栃木 (3) 埼玉 (3) 東京 (11) 千葉 (6) 神奈川 (12) 山梨 (3) 長野 (4) 静岡 (3) 新潟 (1) 富山 (3) 石川 (4) ... 続きを読む

• webdesignerjapan.com
• テクノロジー

もし「全部」自分でやることになっても 一人でサクッと作れるようになりたい 今回はWeb制作や、ツール・ソフトの使い方が「簡単」に分かる「マニュアル的」なサイトを抜粋しまとめました。 もくじ １．Photoshop (フォトショップ) ２．Illustrator (イラストレ... 続きを読む

• commte.net
• テクノロジー

こんにちは！ Web業界の人、もしくはWebに興味のある人なら、日々の情報収集は欠かせません。 しかし、世の中に情報はあふれており、また一日に情報収集できる時間も限られています。 そこで、今回は、「これだけチェックしておけば間違いない！」ブログをまと... 続きを読む

• creive.me
• テクノロジー

CSS3を使ってどんなことができるのか？ よく見かけるあれはどのように実装するのか？ いつもと違うエフェクトを使ってみたい！ など、CSSのいろいろなテクニックが見られるサイトをまとめました。 More CSS Secret あなたが知らないかもしれないCSSの10のテクニ... 続きを読む

• coliss.com
• テクノロジー

デスクトップだけでなく、スマートフォンやタブレット端末にも対応するレスポンシブデザインは、スマートフォン利用者数が増えていることに比例して、利用しているウェブサイト、ブログも増えているようです。 海外デザインブログDesignYourWay.comで、レスポン... 続きを読む

• photoshopvip.net
• テクノロジー

ウェブや印刷のカラーセオリー、ウェブやロゴで人気のカラー、カラーがもつ意味や心理的にどのような影響を与えるか、女子・男子っぽい配色など、カラーの勉強に役立つインフォグラフィックを紹介します。 各リンク先に、保存用の大きいインフォグラフィックが... 続きを読む

• coliss.com
• テクノロジー

私は以前からデザインに角丸を使うのが好きなのですが、「角丸をもう少し小さくして」と言われることがたまにありました。 最初の頃は「角丸が大きいほうがかわいいのに！」と思っていたのですが、Web制作を続けていくうちに、何故そう言われたのかがようやくわ... 続きを読む

• designcolor-web.com
• テクノロジー

こんにちは、デザインナーの王です。CompassのおかげでCSSを書くのが楽しくなってきている今日この頃です～～ この記事を読んでいるあなたは多分以下二つのタイプに分けることが出来るでしょう。 なんとなく「Compass」という言葉を小耳に挟んだことがあって、... 続きを読む

• liginc.co.jp
• テクノロジー

ポイント 垂直方向の影のオフセット距離を設定しただけでは、左右両脇にも影ができてしまうので、一旦5px下に影をオフセットしたうえで、広がり距離を負の値(-4px)にし縮小することで、上部の影のみを残しています。 border-top:1px dashed #aaa; border-bottom... 続きを読む

• squeeze.jp
• テクノロジー

[Webデザイン] 今年のWebデザイントレンドはベタ塗り！フラットなデザインのWebサイト 続きを読む

• w3q.jp
• テクノロジー

基本的なところを簡単に、楽しく覚えたい 自分でサービス作ったり、会社や違う職種でも 色々と「基本」はおさえておきたい 今回はサイト制作に必要な「基本的な知識・情報」を、分かりやすいサイトを中心にまとめました。必ずおさえておきたいスキル・知識です... 続きを読む

• commte.net
• テクノロジー

ウェブサイトの制作に役立つ便利なブックマークレットを紹介します。 ブラウザの機能拡張も便利ですが、入れすぎると重くなるのがイヤな人にぴったりです。 レスポンシブの確認はこれが一番便利 コードとアクセシビリティをチェック ページに柔軟なグリッドを表... 続きを読む

• coliss.com
• テクノロジー

フリーソフト、無料ツールなのにここまで使える 前回、無料素材をご紹介しました。 今回は無料で使える「ツール」をまとめます。フォント、画像、配色、htmlからエディター・アフィリエイトリンク作成補助まで。 もくじ １．フォント ２．画像編集 ３．ロゴ作成... 続きを読む

• commte.net
• テクノロジー

流行りのレスポンシブWebデザインを、いくつかのカテゴリに分けて説明する。スマートフォン向けサイト制作を学びたいという方も必読だ。 2013年に本格的に普及するレスポンシブWebデザインとは？ 2012年からWeb業界で話題になっているレスポンシブWebデザイン。... 続きを読む

• www.atmarkit.co.jp
• テクノロジー

一般企業サイトでもスマートフォンに対応するサイトが増えてきました。ちょっと前までは提案しても、もうちょっと先でいいよという話に落ち着いていたんですが、ようやく身近なクライアントも導入をはじめています。そこで今回は実際にスマホサイトを作る立場か... 続きを読む

• golog.plus.vc
• テクノロジー

2013-01-27 サイトを運営している人ならチェックしておきたい情報サイトまとめ 役に立つサイト サイトを運営していて 必ずチェックするようになった 役立つ情報サイトをメモ ■コリス 言わずと知れたサイト制作に関するアウトプットとクリップした情報を 紹介す... 続きを読む

• webmania.hatenablog.com
• テクノロジー

背景やアクセントにぴったりな美しいラインを描くPhotoshopのチュートリアルを紹介します。 壁紙素材：Energy flow background 以下、Photoshopのチュートリアルです。 How to create abstract colorful rainbow background Create bright abstract diagonal li... 続きを読む

• coliss.com
• テクノロジー

2013-01-17 「第一回 プログラマ向けデザイン勉強会」の内容を参考にして妻のパン屋のWebサイトをリニューアルしてみた Coupe Baguette デザイン はじめに みなさん、明けましておめでとうございます！・・・と言うにはあまりにも遅すぎる時期になって2013年最... 続きを読む

• blog.jnito.com
• テクノロジー

WordPressは、簡単にオリジナルのブログが作れることから、ブロガーを中心に利用している人が増えてきました。 また、最近は企業サイトやちょっとしたホームページも、WordPressで作られている場合が多いようです。 そんなWordPressですが、言語にはPHPを使用し... 続きを読む

• creive.me
• テクノロジー

HTML5 × CSS3 × jQueryを真面目に勉強してみる HTML5 × CSS3 × jQueryを真面目に勉強してみる – #12 Pinterest風グリッドレイアウトを作ってみた そんな訳で、写真共有SNSの一つであるPinterest(ぴんたれすと)。従来のグリッド式レイアウトのように高さが均一... 続きを読む

• dev.classmethod.jp
• テクノロジー