[B! web制作] baroclinicのブックマーク

ひとりでWebサイトを作れるまでに必要な本や記事集めました　〜①デザイン編〜

﹁Webサイトを作れるようになりたいけど何から始めればいいかわからない﹂そんな人のために完全な素人の人がひとりでWebサイトを作れるまでに必要な本や記事集めました。この記事テーマは3つの記事に分かれています。一つ目は今回の、完全素人がひとりでWebサイトを作れるまでに必要な本や記事集めました　〜①デザイン編〜後日公開予定の、〃　〜②コーディング編︵HTML&CSS︶〜〃　〜③集客・Webマーケティング編〜以上の3つです。 Webサイトの制作手順初めての方は﹁Webサイトをどういう順番で作るか？﹂について知らないと思いますので、説明します。Webサイトを作成し、公開してたくさんの人に見てもらうまでには大きく7つのステップがあります。 ①どんなWebサイトにするか考える︵企画︶ Webサイトを作るためにまずはどんな目的で、誰に、どんな情報やサービスを届けたいのかを考え

baroclinic 2012/01/21

ええ、いつも作りたいと思っていますとも。

web制作

リンク

ネットで見られる提案書のまとめ | Webデザインのタネ

一定期間更新がないため広告を表示しています

baroclinic 2011/11/04

web制作

リンク

店舗や会社のブログをアメブロやFC2でやってはいけない３つの理由｜More Access! More Fun

本日のブログは温故知新でいきます。まあ、同じようなことを繰り返し書いても、内容がためになればそれでいいよね。お腹の調子が悪いので本日はコレで。このブログを本格的に書き始めたのは震災後で、そのまではたまに気が向いたら程度で本気で書いてなかった＆読まれてなかった。おかげさまで毎日こつこつと書いていたら、先月の月間ユニークユーザー数は30万人までいき、少ない日でも5000人は切らないようになりました。こうなると手応えもあるし、書いてて面白い。で、実は初期の頃に誰も読んでくれてなかったブログにもずいぶん面白い内容のものがあるので、本日はそれを一個掘り起こして加筆したいと思います。なにかっていうと、twitterで一昨日質問もらったので思い出したこれ。﹁店舗や会社のブログをアメブロやFC2でやるのはバカっぽい﹂ってことです。特にFacebookで自分のHPのアドレスをアメブロとかにしているのを

baroclinic 2011/11/02

リンク

フリーランスのための全国Webサイト制作料金表

カトリデザイン事務所 / 制作会社クリムゾン / ディライトテクノロジー他...全24件

baroclinic 2011/11/01

web制作

リンク

スタイルシート［CSS］/CSSの基本/ID名とクラス名 - TAG index

見た目に関する情報を名前として使用すると、スタイルを変更した場合などに矛盾が生じてしまうことがあります。 left、right left や right などの位置を表す名前は、後で左右を入れ替えた場合などに矛盾が生じてしまいます。 red、blue ... red や blueなどの色を表す名前は、後で色を変更した場合などに矛盾が生じてしまいます。 w300px、size12 ... サイズを表すような名前は、後でサイズを変更した場合などに矛盾が生じてしまいます。見た目の情報ではなく、内容に関する情報を名前として使用するようにしましょう。

baroclinic 2011/09/15

web制作

リンク

HTML5は難しくない?　XHTML1.0とHTML5のコーディングの違いを確認してみよう！【初級編：HTML5のマークアップ】 | HTML5でサイトをつくろう

HTML5は難しくない?　XHTML1.0とHTML5のコーディングの違いを確認してみよう！︻初級編‥HTML5のマークアップ︼先日のエントリーでもHTML5で作成されたサイトが増えてきていることから、そろそろHTML5の勉強をそろそろしなければと思っている人も多いと思います。グーグルの特設サイトなどがトリッキーなことをやっているのでHTML5＝難しいと思っている人もいると思いますが、あのような動的なサイトやAPI関連をいきなりやるのはなかなか大変ですし難しいです。それよりほとんどの人ですぐ必要になるのが通常のページをどうマークアップするかだとおもいます。構造の考え方が全く変わりましたが、マークアップだけでしたらXHTMLとHTML5はいままでxhtmlでマークアップしていた人にとっては簡単に乗り換えられるとおもいます。xhtmlではブロックレベル要素とインライン要素という分類に分

baroclinic 2011/09/06

web制作

リンク

WordPressの使い方

WordPress はオープンソースで提供されているブログを構築するためのソフトウェアです。サーバにインストールすることで独自ドメインを使ったのブログを構築可能です。世界中に多くの利用者がおり、数多くのテーマやプラグインが公開されています。ここでは WordPress をこれから始める方を対象とした WordPress 入門として、 WordPress のインストール方法や各種設定、そして WordPress を使って構築したブログの実際の利用や運用方法について解説していきます。

baroclinic 2011/09/05

web制作

リンク

未経験からWebデザイナー、Webクリエイターを目指す人のためのWordPressとTwitterをつかった就転職活動のすすめ - DESIGNMAP

仕事を続けながら勉強、制作をしよう未経験からWebデザイナーになる場合も作品が求められる。未経験だからこそ、しっかりしたクオリティの作品を用意したい。そういう作品をつくるために、勉強をすることになる。 Webデザイナーになる準備期間は個人差や目指すスキルにもよる。Illustrator、Photoshop、HTML、CSS、JavaScript︵jQueryも含む︶、WordPressでサイトが作れるくらいのスキルを目指すとすると、目安で1年くらいはかかるだろう。もちろん、スキルや期間はあくまで目安である。習得には個人差があり、あくまで自分のペースを守ることが大事である。具体的な勉強や行動のステップは﹁まったくのゼロから、独学でWebデザイナーになる方法﹂を、デザイン自体の勉強は﹁まったくのゼロから、デザインを独学する方法﹂を参考にしてほしい。準備期間は1年くらいの長期戦になる︵後述

baroclinic 2011/09/04

リンク

Web制作者は知っておきたいwebサイトのレイアウト7選 │ Design Spice

レスポンシブwebデザインからグリッドデザインまでよく使われているwebデザインのレイアウト用語をまとめました。レスポンシブwebデザインエラスティックレイアウトリキッドレイアウトフレキシブルレイアウト固定幅レイアウトグリッドレイアウト可変グリッドレイアウトレスポンシブwebデザイン(Responsive Web Design) PCやスマートフォン、タブレット事に複数のデザインを制作するのではなく、ディスプレイの幅に合わせてデザインを最適化する方法。 CSS3のMedia Queriesを利用してディスプレイサイズに応じてデザインを変更します。メリット一つのソースで複数デバイスに対応できるのでメンテナンスが容易です。また今後デバイスの種類が増えてもそれに対応できます。それぞれのデバイスに合わせた形で調整できるのでユーザーエクスペリエンスも高くなります。デメリッ

baroclinic 2011/09/01

web制作

リンク

n1kumeet5.com - n1kumeet5 リソースおよび情報

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

baroclinic 2011/08/22

リンク

本当は教えたくないSEO！アクセス数が20倍になったブログタイトル32文字の法則 - Chrome Life

このブログの最初の記事が5月23日でした。それから約2ヶ月半コツコツ更新を続けてきました。まだ立ち上げて間もない状況ですが、このブログに驚くべき変化が訪れました。﹁一気にアクセス数が20倍になった﹂ Chrome Lifeでは、だいたい1週間で平均3つの記事を書いています。毎日更新はしていないので、アクセス数の推移はAnalyticsを使って1週間単位で見るようにしています。アクセス数を見てみると、5月、6月は、1週間で2,000から3,000PVぐらいだったのですが、7月になって一気に週間PVが76,000を超えていました。これほどまでに急激にアクセス数がアップして自分でも正直驚いています。しかし、何もせずにアクセス数が伸びたわけではありません。それなりに試行錯誤の結果、ブログタイトルにある工夫をすることで飛躍的にアクセス数をアップすることができるようになりました。ブロガ

baroclinic 2011/08/10

参考参考

web制作

リンク

最適な画像の書き出しは、JPG, GIF, PNG、どれを使うべきか

最適な画像の書き出しは、JPG, GIF, PNG、どれを使うべきか 2011-07-26 デザインされたものをコーディングする上で、画像はサイトのパフォーマンスにも影響する重要な要素の1つです。画像形式には、jpg, gif, pngなど種類があり、それぞれの特性を理解した上で選定できているでしょうか？画像形式についてまとめてみます。画像の種類 JPEG インターネットでよく使用される画像形式で、静止画像を圧縮する方法の1つです。ブロック単位で圧縮変換を行うため、圧縮率を上げるとブロックノイズというノイズが生じます。特に小さくすると赤の部分でノイズが発生しやすい。 IE6～8(IE9は未確認)において#02050aというバグがあり、 JPEG画像でopacityを使用すると#02050aの部分が透過jpgになるバグがあります。上記の点を注意する必要がありますが、1670万色ま

baroclinic 2011/07/27

リンク

CSS/HTMLのテクニックをクロスブラウザ対応（特にIE）にする方法のまとめ

17 CSS/HTML Effects with Cross-Browsing Alternatives サポートしないブラウザへの対応方法はJavaScriptを利用するなどいろいろありますが、その中の一つとして紹介します。 [ad#ad-2] 下記は各ポイントを意訳したものです。幅の最小値・最大値 (IE included) RGBa (IE included) 不透明度 (IE included) 画像の回転・拡大縮小 (IE included) 背景をブラウザいっぱいに表示 (IE included) 画像無しのビュレットテキストのシャドウ (IE included) 複数のボーダー (IE included) ボックスシャドウ (IE included) 角丸スクリーンリーダー用のコンテンツネガティブ値で指定したtext-indent Clearfix (IE inclu

baroclinic 2011/07/25

web制作

リンク

WordPressを使ってWeb制作をする為の手順リスト・【改正版】+α

以前書いたWordPressでWeb制作する際の手順リストが少し古い情報込みだったりするので改正版を書きます。先日、WPも 3.2のリリースを迎えましたので、手順リストもアップデートすることにしました。多少考えが変わっているので内容も少し変更有ります。以前のリストの改正版です。加えて他の情報も一緒に載せておく事にしました。【2011・07・11】 WordPressインストールサーバーを用意（PHP5.2.4 以上 / MySQL5.0 以上）DBを作成WordPressをダウンロードし、解凍wp-config-sampleをwp-configにリネームし、内容をDBに合わせて変更プリフィクス（接頭語）を変更する（wp_→foodb log_）FTPソフト等でサーバーにアップロードサイト名やパスワード、IDを決める（adminは避ける）作成したユーザー名でログインダッシュボードの

baroclinic 2011/07/12

web制作

リンク

これだけあればシンプルアイコン探しには困らないかも！全部フリーのシンプルアイコンを一挙紹介！ | バンクーバーのうぇぶ屋

僕はとにかくシンプルなデザインが大好きです。無駄が無く、伝えることだけを伝えるあの潔さと、目的意識の高さが気持ちがいいです。もはや愛してます。そんなミニマル変態な僕が集めたシンプルアイコン集。Evernoteのノートにびっしりになっていたので、せっかくだからここで全部ご紹介出来ればと思います！これだけあれば、まぁ今年は困ることは無いでしょう︵たぶん︶。自称ミニマル変態の僕は、まだまだ追加していくつもりなので、何か知っていれば是非教えてください！なんだか一部、別にシンプルじゃないアイコンも混ざった気がしますが、その辺は軽く流してあげてください。僕のEvernoteの中は、人に見せられないくらい乱雑な分け方なので、整理整頓かねて、ちょっとこういう投稿増やしていこうかなと思います！あと、大半は僕も商用利用を確認して利用したので、ほとんどはCommerciallyであることは確認していますが

baroclinic 2011/07/12

Web制作

リンク

HTMLとスタイルシート（CSS）の業務スキルレベル　判別表　（５段階） - 主に言語とシステム開発に関して

スキルチェックの目次へ HTMLおよびスタイルシート︵CSS︶を利用したWebページ制作の，簡易スキルチェックのための調査表。印刷用。マークアップ・エンジニアとしてのレベルを測定する。これは，﹁Webページをコーディングして作る人﹂全般に当てはまる。レベルは，0から4までの5段階。︵0︶非エンジニア︵1︶初学者︵入門書を学習してゆく段階︶︵2︶ノーマル︵基礎的な知識があり，ある程度の画面を作れるようになった段階︶︵3︶中級者︵Webアプリの開発プロジェクトで1人月としてカウントできる水準︶︵4︶上級者︵メインPG/デザイナとして，Web UIの主担当を任せられる水準︶ Webアプリのプロジェクト開始時に作業振り分けをするにあたって，新規メンバ全員にこれを渡して回答してもらうという用途を想定。なお，システム開発上のスキルをチェックする事が主眼なので，アーティスト︵

baroclinic 2011/07/03

盛り込んでますねえ。レベル2以降何を言っているか分からなかったけど・・・

web制作

リンク

最近よく使ってる、Web制作に役立つWebサービス的なやつ

少し前に聞いてくれた方がいたのでついでにシェアしてみます。個人的に最近よく好んで使っている、Web制作に役立つWebサービスみたいなものをご紹介。全部既出で珍しいものは無いんですけど、一覧にするのもたまにはいいかもですね。というわけで、場合によっては誰得な記事ですけどご了承下さい。僕がここ最近でよく使ってるWebツールを古いのから新しいのまで、順不同でご紹介していきます。 web計。 →　黄金比・白銀比をサクサク計算計算が面倒な黄金比や白銀比を、数値を入力するだけでサクサク出してくれます。動作も軽くてストレス無しです。 web計。 simplelib →　よく使うjQueryコードをパッケージで配布めっちゃ楽です。jQueryで作りたい機能だけを選択して、1つのjsファイルにパッケージにしてくれますよ。ページスクロールとかタブとか需要の高いものが揃っています。ちょっと機能を

baroclinic 2011/06/28

web制作

リンク

[CSS]6つの代表的なCSSレイアウト方法の長所と短所を学んで使いこなす

スタイルシートで実装する6つの代表的なCSSレイアウト方法、それぞれ実例を見ながら、その長所と短所を紹介します。 Pros And Cons Of 6 CSS Layout Patterns: Part 1 Pros And Cons Of 6 CSS Layout Patterns: Part 2 [ad#ad-2] 下記は各ポイントを意訳したものです。 Fixed-Widthレイアウト Fluid/Liquidレイアウト Elasticレイアウト Hybridレイアウト Responsiveレイアウト Fluid/Elastic Gridsレイアウト Fixed-Widthレイアウト Firxed-Widthは、幅の全体を絶対値（px）で指定するスタティックなレイアウトです。このレイアウトを使用する場合には、ユーザーのために最適な幅を調査し、設定する必要があります。典型的な例では大き