今回は CSS3 から box-sizing について紹介します. width や height と同時に border や padding を指定しているときに, 少し値を変えただけで意図しない表示になったりレイアウトが崩れたという経験はありませんか？ これはボックスサイズの算出方法が複雑なのが原因です. そんな面倒な問題を解決してくれるのが box-sizing プロパティです!! box-sizing プロパティを指定することでボックスサイズ(width, height) の算出方法を指定することができます. あまり普及していないようですが, 実はこれめちゃめちゃ便利だったりします!! まだ独自実装レベルだからかもしれません. ですが, 現在のCSS3 の草案にも 一応残ってるので, がっつり使わせて頂いてる次第です.

Webサイト制作の一連の流れをまとめてみました。クライアント向けにまとめたものを少し手直ししてのせています。新人Web担当者さんや、新人ディレクターさんの参考になるかなと。 なるべく難しい言葉を使わず、理解しやすいよう平易な言葉で書いております。 ※流れや手順は制作会社によって違うのですが、概要はつかめるかなと思います。 目次と流れ 1. サイトのコンセプトを考える 2. 競合他社からクライアントのお店や商品を選んでもらうためのポイント（強み）を整理する 3. そのサイトで一番伝えたい内容を決める 4. お客さんが必要とする3以外の情報や、クライアントの伝えたい情報をまとめる 5. サイト更新は誰がするのかを決める 6. 想定使用デバイス（PCやスマートフォンなど）を決める 7. サイトの周知・宣伝方法を考える 8. ページの設計図をつくる 9. サイト制作にかかわる必要な素材を準備する

「素人っぽいデザイン」から抜け出すために、デザイ... / デザインを勉強したことがない人でもデザインできる... / 非デザイナーのためのデザイン基本テクニック　その...他...全10件

Photoshopにも便利な機能を追加できるスクリプトと拡張機能があります。こちらでも自分が使っているものや便利そうだなと思ったものをまとめました。 スクリプトの場合はファイルをダウンロードしてきて以下に入れます。環境によって違う場所にあるかもしれません。 Windows　→　C:\Program Files\Adobe\Adobe Photoshop CS5\Presets\Scripts Mac　→　アプリケーションのAdobe Photoshop CS5\Presets\Scripts 拡張機能はダウンロードしたファイルをクリックすると、Adobe Extension Managerが起動しますのでそちらにインストールすればOKです。 Index… PSDからテキストを抽出 レイヤー名の「コピー」を削除 Fireworks風のスライスレイヤー 選択したフォルダやレイヤーを別ファイルへ

●RYO整体院のことはこちらが詳しいです。http://www.ekiten.jp/shop_51604935/-------------------------------------------------●「ピンピンコロリのいきかた」https://note.com/ryoseitai-------------------------------------------------このブログは不定期更新中で … 続きを読む ●RYO整体院のことはこちらが詳しいです。http://www.ekiten.jp/shop_51604935/-------------------------------------------------●「ピンピンコロリのいきかた」https://note.com/ryoseitai-------------------------------------

最近僕の周りでWEBデザインの勉強やコーディングの勉強を始める人が多く、そんな方々向けに読んで欲しい、見て欲しいサイトをまとめる機会があったのでブログにポストします。 ブログに置いておけばこれから先また誰かに伝える機会があってもURL一つで教えれるので便利ですよね。 Index 1.WEBデザイン全般 2.色彩・配色 3.レイアウト 4.ユーザビリティ 5.文字・文章 6.フォント 7.コーディング 8.著作権 9.グラフィックツール関係 10.チュートリアル等 1.WEBデザイン全般 [連載]Webデザイン入門（1日目）：Stocker.jp [連載]Webデザイン入門（2:スケッチしよう）：Stocker.jp [連載]Webデザイン入門（3:光とボタン）：Stocker.jp サンプルデザインでわかりやすく見る。プロデザイナーが使うセオリー10のこと。：MAKA-VELI.COM W

仕事の営業から事務作業・資金繰りまで一人で何でもこなさなければならず、より厳しいセルフマネジメントが求められるゆえ、フリーランスという働き方は想像するほどパラダイスでもないようですが、裁量が増え、自分のペースで仕事がしやすいなど、他には代えがたい貴重なメリットもありますね。 そこでこちらでは、米Lifehackerがこれまで採り上げてきた記事たちを踏まえ、「効率的かつ効果的にフリーランスの仕事をこなすためのコツ」トップ10をまとめてみました。 10位: 家族中心にスケジュールを組む 家事や育児と仕事を両立させたい人にとって、フリーランスはスケジュールに柔軟性をもたせやすい。家族の生活リズムに合わせてスケジュール立てしよう。また、必要なコミュニケーションはチャットやウェブ会議システムなどを活用するとよい。このテーマについては、ライフハッカーアーカイブ記事「仕事と子育てを両立させるための6つの

2013年9月26日 Webサイト制作, フリーランス Webサイトの制作会社で働いている人はもちろん、普段一人で活動しているフリーランサーの方も、フリーランサー同士が手を組んでWebサイト制作を行ったり、制作会社がフリーランサーに受注するなどで、複数の人でひとつのサイトを制作することもあると思います。そんな時に起こりやすいトラブルと、それを防ぐ方法を考えてみます。ちなみに今回はデザイナー目線での気づいた事です。プログラマーさん目線での気をつけたい事などあればお聞かせください :) ↑私が10年以上利用している会計ソフト！ デザイン時 1. レイヤーに名前をつける 「もらったPhotoshopファイルを開いたら、どれがどのレイヤーなのかさっぱりわからない！」なんて体験、ありませんでしたか？デザインファイルを共有する場合はレイヤーの管理がとても大切です。「レイヤー０」「レイヤー１」「レイヤー

タイトルだけより、サムネイル画像付きのほうがやっぱり見た目がいいですんね。今この記事を読んでいるときに表示されているかどうかわかりませんが、この記事の投稿時点では、このブログのサイドバーに記事内の画像をサムネイル表示した「最新記事」や最近の男の料理（特定のカテゴリ内の最新記事を）が表示されています。 記事を画像付きで紹介まず、最新記事を画像付きでサイドバー表示する方法として、参考にさせていただいたサイトは、http://scianto.net/archives/2009/04/19230142.php です。（感謝！） （showposts=10&cat=-189 は189（カテゴリーの「料理」）以外の最新記事を10件表示という意味です。 ） <?php if ( have_posts() ) : query_posts(‘showposts=10&cat=-189’); ?> <ul>

webデザインの入門書を買おうか迷っている方。 もしもそんな方がいたら、ネット上にはここを押さえておこうよと、webデザイナーが直接良質な記事を仕上げてくれていますのでそちらを是非一度参考にしてみて欲しいなと思いまとめて見ました。 また、その記事で、もっともぐっときた台詞もチョイスすてみました。 どんな想いで記事を書かれているかというのも大事かなと。 こちらもあわせてどうぞ。 Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報 とりあえず時間のない人はこの3つだけでも食べて デザインを勉強したことがない人でもデザインできるようになるかもしれない4つの基本原則 最初、デザイナーは型破りであるというイメージを抱く人も多いのですが、実際の現場では、様々な原則の上にあるルールにのっとり、そのルールを崩す「理由」があります。 例えばそれがセンスと呼ばれること

2011年9月1日、文化放送「吉田照美 ソコダイジナトコ」にアーサー・ビナード氏が出演しました。1回目は「アーサー・ビナード「頑張れが、イコールそこに粘って頑張れだと、逆に被害を増幅させるはめになる」9/1(1)」。今回はその続きです。官僚と東電の保身について激しく語っています。アーサー・ビナード氏よりむしろ吉田照美氏の怒りがすごい。 アーサー・ビナード氏は詩人です。市民側に立った目線を持っています。専門家のような理詰めの説明はありませんが、状況を説明する言葉には柔らかさと鮮やかさがあります。 ※初稿です。誤字脱字は随時訂正していきます。 （書き起こし） 吉田照美「それでは今朝のニュースのポイントです」 アナ「東日本大震災の発生から半年となるのを前に、昨日８月３１日をもって多くの 避難所が閉鎖されました。このうち岩手県では山田町に最後まで残っていた避難所４箇所が閉鎖され、甚大な被害があった