昨日に引き続きwebサイトの色を抽出するツールをご紹介します。
本日ご紹介しますのはwebサイトの色を
直接抽出するツール「ColorSelector 」です。
起動しておけばブラウザ内やデスクトップないなど気になった色を
そく抽出することが出来ます。
http://jp.fujitsu.com/about/design/ud/assistance/colorselector/download.html
上記のサイトからダウンロードいただけます。
「ColorSelector 」を起動し画面中央のスポイトをクリックし抽出します。
mac,windows使用可能です。
ぜひ使ってみてください。
webデザインで配色を考えるときにいろいろなwebサイトを参考にされると思います。
そんなとき、そのwebサイトで使われているメインカラーが分かるサービスです。
色選びで迷った時、他のwebサイトがどういう色使いをしているかなど簡単に調べられます。
上記のサイトへアクセスし、解析したいURLを入力し
scrchをクリックするだけです。
とても参考になるので是非使ってみてください
photoshopで普通に画像を拡大するとかなり
画質が落ちてしまいます。
そんな時は拡大する画像をスマートオブジェクトに変更してから拡大すると
画質の劣化が少々押さえられます。
ちょっとした覚え書きになりますが是非参考にしてみてください。
まだまだ駆け出しの私にとって
webデザインの配色を考えるのって結構大変です。
そんな時にいつも参考にさせていただいている配色ツールをご紹介します。
http://www.color-fortuna.com/color_scheme_genelator2/
上記のサイトへいき
メインに使用したい色をカラーピッカーから選択すると
全体の参考カラーを表示してくれます。
あとはそのカラーを使用しながら
デザインをしていきます。
とても便利なので是非使ってみてください。
本日はfirst-childの使い方について記述致します。
リストメニューでよく使っていたのですがいまいちわかってなかったので
改めて書きました。
:first-child擬似クラスは、ある要素内で最初に現れる子要素を対象にスタイルを適用します。
書式 要素名:first-child {プロパティ名:値;}
適用対象 要素内の最初の子要素
例)html
[html]
<div id="content">
<h1>タイトル</h1>
<p>文章</p>
<h1>タイトル</h1>
<p>文章</p>
<h1>タイトル</h1>
<p>文章</p>
</div>
[/html]
css
[css]
#content:first-child{
color:#f00;
}
[/css]
表示例
文章
文章
文章
以上のようになります。
是非参考にしてみてください。
webデザインをするうえで、ボタンなどを作るのにとても参考になります。
ダウンロードどして使用することも可能なようなのでぜひ参考にしてみてください。
バナーをデザインする上でとても参考になるサイトをご紹介致します。
バナーに使われている色使などが紹介されていてとても参考になります。
ぜひチェックしてみてください。
個人は無料で利用できるWin/Mac対応のリモートアクセス（遠隔操作）ソフト「TeamViewer」をご紹介します。
商用目的以外での利用は無料ということです。
以下のような特徴があります。
・ファイアウォール内で機能
・無人サーバのリモート管理
・インストール不要
・ファイル転送
http://www.teamviewer.com/ja/index.aspx
上記のサイトからダウンロードします。
リモート操作する側は「TeamViewerフルバージョン」を、
操作される側は「TeamViewer QuickSupport」をダウンロードしておくと良いとおもいます。
是非使ってみてください。
webのレイアウトで微妙に位置があわないときにpaddingやmarginで調整すると思うのですが
paddingやmarginを使用することによってレイアウトが崩れてしまうくことがよくあります。
そんなときに使える裏技をご紹介します。
位置を動かしたい要素に
position:relative;をかけます。
位置を上に2px動かしたかったら
top:-2px;
位置を下に2px動かしたかったら
top:2px;
位置を左に2px動かしたかったら
left:-2px;
位置を右に2px動かしたかったら
left:2px;
こんな感じで要素にposition:relative;
をかけ位置を調整するだけで画像などの位置を変更することが出来ます。
新しくマウスをかったのですが全く反応がなかったので、アップルに問い合わせたところ
設定のリセットを進められました。
設定のリセットをしたところ不具合がなおったので、記述致します。
以上でリセットは完了です。
参考サイト
http://support.apple.com/kb/HT1379?viewlocale=ja_JP&locale=ja_JP
ドメインキングにwordpress3.4を導入したのですが
投稿から画像ファイルがアップできませんでした。
ご参考になればと思い、いろいろ調べてみた結果をで記述します。
wp-content,uploadsのパーミッションを757に変更してみました。
しかし、ダメでした。
PHPがセーフモードで運用されている場合.
<files async-upload.php>
AddHandler application/x-httpd-phpcgi .php
</files>と記述したファイルを「.htaccess」という名前で保存し /wordpress/wp-adminの中にアップロードします。
しかしこれでもダメでした。
管理画面の設定からメディア設定の一番下のファイルアップロードにある”アップロードしたファイルを年月ベースのフォルダに整理”のチェックボックスにチェックをいれる。
FFFTPなどのファイル転送ソフトや、アップローダーなどで、/wordpress/wp-content/uploadsの中にフォルダを作る。 2012年ならば、”2012”というフォルダを作りその中に、”06” ”07”など、月に相当するフォルダを作成。
これで、再度投稿からファイルをアップロードしたらできました。
是非参考にしてみてください。
デザインを考えるとき配色を考えるとき悩んだことはありませんか？
配色ついてとても参考になる記事を見つけたので紹介させていただきます。
配色はセンスではなく論理的に説明できるとのことです。
ほんとかなーと思い半信半疑に読んでみてなっとく。
ぜひチェックしてみてください。
最近四六時中PCをいじっおり
目の保養を考えJINS PCを買ってみました。
一番安い3,980のモデルです。
レンズが薄い茶色で、使った感じは軽いです。
耳の一の曲ってる部分も自由に調整できるので
リサイズも簡単に出来ます。
PCからでるブルーライトを45％カットしてくれるそうですが
目に受ける影響については、特に実感はないです。
ファイルをメールなどに添付して送ったりするとき
容量が大きくなると重くなってしまい大変煩わしく
相手にも迷惑がかかってしまうことがあります。
そこでファイルのダウンロードリンクを作る方法を紹介します。
1ファイルの大きさが250M以下でしたら、オンラインストレージサービスを使う方が 早いです。
いろいろあるようですがこちらがよく使われています。
http://firestorage.jp/
アップロードはfftpなどで、
サーバーに適当にフォルダを作ってファイルをアップロードします。
例 root/test/test.zip この場合testフォルダを作成し、test.zipファイルをアップしています。
・ダウンロード
アップロードしたファイルをダウンロードするには
例 http://test.jp/test/test.zip
サーバーに設定しているドメイン/test/test.zipにアクセスすれば ダウンロードすることが出来ます。
まとめ
ダウンロードファイルのリンクは サーバーに直接ファイルをアップロードして サーバーにあるファイルにアクセスすればダウンロードすることが出来ます。 広告なしで1GBまで無料で使えるレンタルサーバーです。 http://web.fc2.com/
webデザインを勉強するにあたって、おすすめのサイトをまとめました。
是非参考にしていただきたいと思います。
最近よくURIとURLという言葉を耳にします。
という疑問が浮かんできました。
そこで、何が違うのか調べてみたので紹介致します。
URI（Uniform Resource Identifier/ユニフォームリソースアイデンティファ）
URIとは、インターネット上に存在する情報資源の場所を識別する記述方式で、
インターネットにおける情報の「住所」にあたります。
URIは包括的な概念であり、URLとURNの集合体になります。
細かく分類すると、URLとURNに分けられるのです。
URL（Uniform Resource Locator/ユニフォームリソースロケータ）
URLとは、インターネット上のリソースを特定するための形式的な記号の並びのことをいいます。
WWWをはじめとするインターネットアプリケーションにおいて
提供されるリソースを、主にその所在を表記することで特定します。
例：http://w-hy.net
※ここでいうリソースとは（主にインターネット上の）データやサービスを指し、例えばウェブページや電子メールの宛先といったものがそうである。
URN（Uniform Resource Name/ユニフォームリソースネイム）
URNとはリソースの「名前」を識別する。もしネットワーク上にリソースが無くなっても、一意で永続的な識別を行えるようにします。
例 urn:ietf:rfc:2648
このURNは、RFC 2648への参照を示します。
Webページのアドレスのことは「URI」と呼んでも「URL」と呼んでもかまいません。
細かいことを言うと「http:」というパーツはURLとして定められているわけではなく、URIとしての識別子（スキーム）なので、技術仕様などではURIと呼ぶことが多いようです。
とはいえ、一般的にWebページのアドレスをいう場合には、アクセスしてもらうために示しているのですから、「URL」と呼ぶのが適切でしょう。
webデザインをするにあたって、使用する素材を選ぶ時に困った時はありませんか？
通常、googleなどで検索できる画像については著作権があり勝手に使用することができません。
いちいち、画像の投稿者へ連絡し許可を取ってなんて考えたら手間ばかりかかってしまいますよね・・・
そんな時にとても力になってくれるのが足成です。
「写真素材 足成」は、全国のアマチュアカメラマンが撮影した写真を、写真素材として無料で提供しています。
個人、商用を問わず全て無料でお使い頂け、その上、煩わしいクレジットやリンクの表記、ユーザー登録は一切不要。
Web、紙、動画他、あらゆる媒体で写真素材としてのご利用が可能です。更新も365日毎日行っております。
「写真素材 足成」は画像の著作権を放棄した訳ではありませんので 使用上の注意はぜひ確認してみてください。
本日使った正規表現を覚え書きとしてメモします。
検索 (.+?)([0-9]).D(.+?)
置換 $1$2)$3
検索 (図([0-9]+),図([0-9]+))
置換 図$1,図$2
これで「()」が消えて図1,図2になります。
通常のエディタですと置換の部分が「」でいけるのですが
Dreamweaverの場合「$」にしないとバックスラッシュがそのまま表示されてしまいます。
ぜひ使ってみてください。
昨日に引き続き、ファイル名を一括変更できる
便利フリーソフトをご紹介します。
その名は・・・
「ファイル名変更君」です。
下記のサイトからダウンロードできます。
http://enrai.matrix.jp/rename.html>
使い方は「ファイル名変更君」を起動し
ファイルをアップします。
いろいろと変更設定が可能です。
連番・・・桁数などの指定
置換・・・文字や位置の文字を置き換え
削除・・・文字の追加
MP3・・・MP3ファイルの変更
拡張子・・・拡張子を変更
タイムスランプ・・・作成日時、更新日時の変更
日時・・・日時の変更
テキスト・・・テキスト形式ファイルの変更
ハッシュ・・・ハッシュをファイル名に変更
ランダム・・・ランダム文字をファイル名に変更
その他・・・そのほかの設定
是非、使ってみてください。