ソースコードに入れる文字について

今日は、ソースコードに入れる文字（テキスト）について

Webにアップするとき、大切なのは、テキスト！
一杯のテキスト情報が入っていると、SEO対策にもなるし、
なによりも、サイトを訪れてくれた方に、伝えられる重要なもの。
そのテキストは、どうやっていれてる？

もちろん、そのままソースコードに入力するのがシンプルな方法。
でも、テキストは、そのときに考えて入れるだけではないわね。
他のチラシで使っていたテキストをコピーしてくる場合もあるし、
引用してくる場合もある
もしくは、その時に考えるのではなく、気がついたときに原稿として
とっておいて、後でアップに使うという事もあるわね

そういう時。
いくつかの方法があるわ
その中でもWeぶー子のおススメは、CotEditor
Windowsだと、メモ帳。Macだと、テキストエディットと同じ感じの
アプリケーションソフトよ

その中でも、Webのテキストを扱う上で
Weぶー子が、CotEditorをおススメするのは何故か？？

それは、テキスト情報を引きずらないから

ん？？意味わからないかな？？

例えば、ワードで打たれたテキスト、イラレで打たれたテキスト、
ウェブ上のテキスト等をそのままコピーすると、文字だけでなく、
文字情報（フォントの大きさ、文字間隔、文字の種類などなど）を
そのまま引きずってしまう。。。
その何がいけないの？？って思っちゃった？？
引きずってはいけない理由があるの
ネット上でも表面上はそのまま表示されて、問題がない様に見える。
でも、ソースコードが問題
どこかで作られた文字情報を引きずってしまうと、ソースコードが複雑に
なってしまうの
ソースコードが複雑になると何がいけないの？
それは、SEO対策としてよくないってこと

っという様に、文字を入れるだけでも、色々な事に関係してしまうの

それを回避するために、コピーしたテキストを一度
CotEditorにコピーして、文字情報をなくしたプレーンテキストにする
それから、そのテキストをソースコードに入れる。
そうすると、文字情報を引きずらないきれいなソースコードになるってわけね

じゃあ、何でメモ帳、テキストエディットじゃない方がいいの？
もちろん、メモ帳やテキストエディットを愛用している方はそれでも
間違いではないわ。
ただ、より確実に文字情報をなくすのが、CotEditorと言われているの。
一度試してみてね～

それから、CotEditorの利点はもうひとつ

ソースコードをCotEditorにコピーした時、
HTMLモードやCSSモードに変える事が出来るの
そのモードにすると、HTMLのタグや、CSSのidや
classが色わけして出てくれる。
もし、打ち間違えした時は色で違っているよっと
教えてくれるの～
スゴイ
上級者はこれも試してみてね～ヾ(＠＾(∞)＾＠)ノ

ちなみに、CotEditorは無料でダウンロードできま～す
以上、ソースコードに入れる文字（テキスト）についてでした



■今日のWeぶー子つぶやき■

気分が落ち込むな…。
集中できないな…。アイディアが浮かばないな…。

そんな時、気分を変えてくれるのが、自分のお気に入り。
お気に入りの香水をつけたり、
お気に入りの道をあるいたり、
お気に入りのネクタイをしめたり、
お気に入りのカップで珈琲を飲んだり、
お気に入りの仕事道具で仕事を始める。

そうやって、沈んでいる心に
がんばれ！って心に響くとき
あるよね。

ちょっと辛いなって思ったときは、
あなたのお気に入りで
元気をだしてね。

グローバルナビのデザインについて

今日は、グローバルナビについて

グローバルナビ(Webサイトのメニュー)のデザインって、悩む時あるかしらどのページにも出てくる重要なデザイン迷ったときは２つの事に注意してみてね

１つ目
使いやすさ!!!
文字が小さい、見えにくい…どこにグローバルナビがあるのかわからない…では困ります～！Σ(×_×;)！
デザインっと言っても、あの小さいボタンに、必要以上に凝ったデザインにすると、本来の、メニューをお知らせする意味を失っちゃいます…(;＞_＜;)
シンプルで、使いやすいグローバルナビにしましょうね～(*^▽^*)

２つ目
人の心理を考えた動き!!!
グローバルナビにマウスをのせた時、色々な動きをつける、その動き
色を変える…文字を変える…傾ける…線がでる…等ね(⌒‐⌒)
その動きのデザインを考える時、人の心理を考えて作ってね
例えば、バツや、下向きの矢印とか、マイナスイメージは避けてね 実は、色も、明るさを変える時、濃い色に変えるよりも、薄い色にした方が、心理的に気持ちが明るくと言われているの♪明るい色を設定してみてね～(*^▽^*)

グローバルナビは、どのページにも出てくる重要なデザイン
使う側にとって分かりやすく、心のどこかで不快に思うデザインは避け、この先にどんな出会いがあるのだろうっと、思ってもらえる様な明るい気持ちになれるデザインを心がけましょうね♪

■Weブー子のつぶやき■

時間に追われて…
時間の合間を見つけたら、
あれもこれも…って、やることに追われる。
これを終えたらこれ、その次はこれ…

気がついたら、必至にやっていても、
うまく完璧になんてあり得ないのに
出来ていない自分に
情けない～
って思っちゃったりして

思いきって、真っ白の時間を
作ってみる…
この時間があったら１つ終わる…
そう思っても、
真っ白な時間を作ってみよう

きれいな夕日♪
そのちょっとした時間で、
時間に追われていて気がつかなかった
何かに出会い、
また進めるかもしれない。

Android携帯からの投稿

フォルダの管理

今日は、フォルダの管理について☆

フォルダの管理っていうと、デザインに関係ないでしょ？って思っているあなた。
デザインを毎日一生懸命やっているあなたは、よく知っていると思うけれど、
デザインって、いくらでも時間がかかってしまうもの。。。
でも、いくらでも時間をかけていいお仕事なんてないでしょ～。
メリハリが大事ね

で、大切なのが、フォルダ管理
データをどのように整理するかっていうことね。
デザインの現場では沢山の画像とテキストを扱っていて、
その整理の方法は、いろいろ。
これがやりやすい！っていう方法を見つけているあなたは、
その方法で続けてね。
でも、いつも、「○○のデータはありますか？」っと上司に聞かれて
これです！
ってすぐ出せないあなた…。
そんなあなたは、Weぶー子のやり方を参考にしてみてね。

1階層 テーマのフォルダを作る
2階層 makeフォルダ originalフォルダ upフォルダ　をつくる
3階層 それぞれのデータを入れ、念のため保存しておきたいものがあれば
keepというホルダをつくるのもよし




こんな感じね。
フォルダ名は英語じゃなくてももちろん良いけれど、
アップする名前は、あなたもご存知の通り、全てが半角英語なので、
日頃から半角英語でつける癖をつけておくとよいかもね。
データを送る時もフォルダ名が日本語だと文字化けするので、
そういう意味でも、英語でつけておけば、そのまま使えるよ～

make　には、素材をつかって作り込んだデータをいれる
orignal　には、原稿や、元にした画像（いじっていないもの）をいれる
up には、実際にアップする形式にしたものを入れる

この方法で整理しておくと、データがすぐわかる
作業効率があがるっということ

日々制作するお仕事をしているあなた。
リズムをつくって、効率的に仕事をこなしましょうね。

フォルダ管理についてでした～ о(ж＞▽＜)ｙ ☆

■今日のWeぶー子つぶやき■




鹿児島の霧島神宮にて

樹齢８００年の大きな大きな木
８００年もの間、人間や自然がかわっている今
この木は、だまって見てきたのよね
悲しい戦争も
かわっていく自然も人も
だまって見てきたのよね

私たちは、
たくさんの人々がつくりあげてきた時の日々、
自然がかわらずそこにあること
そういう歴史があるから
私たちは、今いきてる

自分がなぜ今ここにいるか
ちゃんとかんがえなきゃね

おおきなおおきな木は、
私たちが知らない未来もきっとみる
私たちは、
その未来を
ちゃんと考えていきなきゃね

たくさんのパワーをありがとう