グラフィック　ウェブ　ホームページ　デザイン・制作・作成のプラスワン

資本主義的にヤフーの表示が変更？

ヤフーで検索をすると、検索結果の上部にスポンサーサイトという項目があります。

今までは、検索をすると、薄い黄色で表示されていたので、そこに検索結果が出ている人は、
「お金出して場所を買った人」という感じで見分けていたので、SEO対策とは別の場所という感じで見れていたのですが、

なんと、そのエリアが、SEO対策の結果と同じ、白く表示されているではないですか。

一般の人には、スポンサーサイトだろうと、SEO対策の地道な結果であろうと、違いがわからないと
思うので、お金出して場所を買った人が有利になる。という事になりそうです。

横浜のホームページ制作会社アイエムシーでは、SEO対策だけに頼るのは危険なので、
PPC広告（お金を出してエリアを買う）も、あわせてお勧めしていますが、こういった変化の時に、
方針が正しかったと確信が持てます。

ホームページを作成するだけなら、誰でもできます。しかし、効果的にユーザーの目に入れるには、数々のノウハウが必要となりますので、横浜のホームページ制作会社アイエムシーのコンサルティングを有効にご活用ください。

CSSの話：音声へのスタイル適用

今まで、スタイルシートの視覚的効果を主に説明してきましたが、スタイルシートを使うことで、聴覚に関する部分でも細かい指定ができます。
例えば、読み上げソフトを使ってホームページを読んでいる場合に、読み上げの声の大きさ、速さ、また、区切りの場所等をCSSによって指定できます。

ホームページ制作の際には、視覚的なデザインだけを中心に考えてしまいますが、ユニバーサルデザインの観点からすると、こういったスタイル指定も知っておくべきでしょう。

CSSの話：first-line擬似要素

first-lineは、指定した要素の中の最初の1行にのみスタイルを適用するものです。
この擬似要素の面白いところは、改行の位置によってスタイルの適用範囲が変わってくるところです。
あくまでも「最初の1行」にスタイルを適用するので、ウインドウの幅が狭くて1文の途中で改行されてしまった場合など、ひとつながりの文でも改行の前と後でスタイルが変わることがあります。

HTMLの意味とは無関係に、見出しのような表示をさせたい場合には便利かも知れません。
実際にはなかなか上手い使い方ができないのですが、アイディアとしては面白いと思います。

CSSの話：first-letter擬似要素

first-letter擬似要素を使うと、ある要素の中の、最初の1文字だけにスタイルを適用することができます。例えば、pタグで囲まれた段落の中の、最初の1文字だけを大きく表示するということが可能です。

上手く使うと、クラスやID、spanタグ等を使わなくても、スタイルを効果的に見せることができます。
このfirst-letterは、多くのブラウザで（最新バージョンならば）対応しています。

ゴールデンエッグス

爆笑です。

なんて面白いんでしょうね。コレ。

社長の薦めるがままに見ましたが、かなりシュールな笑いです。

むかし、ゴールデン・ラッキーという、週間モーニングで連載していた４コマ漫画がありましたが、

ゴールデンとつけると、シュールな臭いがしてきます。

K　「最近、お前だらしないぞ！」
P　「なにいってんですか先輩！最近じゃないっスよ、昔からッスよ！」

こんな、ズレた珍問等が繰り返されます。

やはり、不況時には笑いが一番ですね。

横浜のホームページ制作会社アイエムシーでは、面白おかしく、ビジネスをアートします！

失敗の成功

今日は失敗して、大成功でした。

ラーメン大好き人間としては、訪問先周辺の美味しいラーメン屋さんを開拓するのが趣味だったりします。

お客様先に言って「この辺でおいしいラーメン屋さんはありませんか？」と聞くのです。

そこで、今回おとづれたお店は。○○の恩返しラーメン。

ネット上の反応も、原住民の評価も。「うまくないねぇ！」

でした。

そこで、

食べました。

味は！

まずい！

思ったとおり。いや、思った以上にまずい！

バンザーイ！失敗です。

狙った失敗は、成功を計画したので、成功です。
死ぬまでに、あと何回食事ができるのか。
その大事な一回券を、まずいラーメンにつかってしまいました。

おぉ、なんという贅沢でしょう・・・・

横浜のホームページ制作会社アイエムシーは、
常に幸せにホームページを制作しています！

CSSの話：first-child擬似クラス

:first-childは、ある要素の中で、最初に出てくる「子」の要素にだけ適用されるスタイルです。
例えば、div p:first-childにスタイル指定をすると、divタグの中の、最初のpタグにスタイルを適用し、2つ目以降のpタグにはスタイルを適用しない、ということができます。

リストなどで、同じタグが繰り返し出てくる場合に便利なのですが、残念ながらブラウザの実装は追いついていないのが現状です。

アスカゲット

コンビニで買い物をしました。

すると、新世紀エヴァンゲリオンウェハースなる、駄菓子が売られているのに目が
止まりました。

エヴァのキャラカードが入っているみたいです。
昔のビックリマンシールみたいなモノでしょうか。

なんとなく、、、、、

アスカが入っている気がして、

買いました。

ビンゴですｗ

やはり、アスカは最高ですね。

横浜のホームページ制作会社アイエムシーは、様々なジャンルの
かなり趣味な会話でも、ついてゆけます。

濃い人たちの集団なので、安心してご相談くだだい。

CSSの話：aタグの擬似クラス

aタグには、いくつかの擬似クラスがあり、状態に合わせたスタイル指定ができます。
現在定義されている擬似クラスは、:link（リンクしてある状態）、:visited（リンク先に行ったことがある状態）、:active（クリック中）、:hover（上にマウスカーソルが乗っている状態）です。
これらを指定することで、aタグに関して、細かい設定が可能です。特に、:hoverを指定すると、リンクの部分にマウスが乗ったときに色を変えるというようなことができるので、CSSだけでページに動きを付けて見せることができます。

お好み焼き侘助

京王線東府中駅、南口の目の前。
サミットのビル(小林ビル)の地下１階です。
お好み焼・鉄板焼きのお店でボリュームも満点！！
お昼のランチはなんと600円で、その他に日替わりランチ、どんぶり、カレーなどなどがあり、特にお味噌汁はしみいるおいしさです。

めちゃくちゃ美味しい札幌らーめん

今日は、弊社のクライアント「東京　スポーツ整体」というキーワードで、３位を獲得している
大原先生の治療所へ行ってまいりました。

そこへ行くと、実は隠れた楽しみがありますｌ。

やたらと美味しい札幌ラーメンが有るんです。

職業柄、わりと食事が不規則になりがちなのですが、
そこへ行くと、１００％近くそれを食べます。

どさんこラーメンのチェーン店で、育ったせいか、ラーメンの旨いまずいは、
「味噌」で決めるんです。

横浜らーめん博物館に入っていた、純蓮も、すごく美味しいかったけど、
いわゆる味噌というスタイルからは少し違って、独自の味になっていました。

川崎らぞーなの「すみれ」は、たまに食べるけど、ちょっと味が、違うなぁという感じ。

そこへ行くと、この札幌らーめんは、ピカイチです。

と、書いているとまた食べたくなってきたｗ

せっかく痩せたというのの。

横浜のホームページ作成会社アイエムシーは、ラーメン屋さんのホームページを作りたいｗ
美味しいラーメン屋さん限定っていうのはどうでしょう。

報酬は、ラーメンクーポン券にて！

募集開始。

CSSの話：疑似クラス

ある条件を満たした要素だけにスタイルを設定したいときのために、CSSには「疑似クラス」と呼ばれるものが定義されています。
例えば、リンクタグにマウスカーソルが乗ったときのスタイルを定義する:hover疑似クラスや、最初の要素にのみ適用される:first-child疑似クラスなどがあります。

もし俺がヒーローだったら

最近、TVのコマーシャルで、中島あゆみの「翼の折れた天使」が流れていますね。

サビの部分だけが流れています。

「もぉっし、、俺がぁ、ヒーロォー・・・ダーーったらぁー♪」

のフレーズだけ流れているのですが、コレ懐かしいですね。

私が中学生？高校生？のカップラーメンの宣伝だったと思います。

本物のティーンズの時には、あの局を聞いた時には、何も感じなかった詩が、

三十路の今、聞くと、突然涙が溢れるような感覚がこみ上げてきます。

「もし、俺がヒーローだったら。翼の折れた天使を守れたハズなのに」

ドラマチックな感傷に浸る事もよいですよね。

もしかして、私、感性が若返っている？

哲学くさい事を言うと、

「過去の選択を悔いる事は、完璧に可能です」

もし、○○だったら、もしもあの時、××をしていたら、

もしも、あの瞬間に△△ができていたら・・・・

キリが無いですよね。

そんなときに良い言葉があります。

「とにかく、どんな状態でも。今の自分は過去からベストな選択をしている」

「例え、信じられなかったとしても、どんな状態でも、過去のベストな選択の結果、今が有る」

面白いと思いませんか？

だって、過去をやり直せるとしたら、ロト６でも買いませんか？
あらゆる障害を切り抜けられませんか？

そうですよね。未来から見れば、過去の選択は、必ず今以上の選択が
可能なハズですから。

１００％モア・ベストな選択肢を選べるわけです。

という事は、現在から見た過去は、

１００％より良い選択肢が見つかってしまいます。

つまり、過去から比較するかぎり、私たちの選択は
常に「ダメ」だと言えるわけです。

自分がダメだと思いたければ、過去の選択を悔いいればよい。

でも、それって、意味がありませんよねｗ

絶対に負けるゲームをしているワケですから。

そこで、もうひとつの選択があります。

「今の自分は、限られている情報の中、それしか選択ができなかったわけだから、
それは"ベスト"な選択をしている」

というわけです。

「もし、ダメになると思ってやったた事があっても、それは、失敗すると事を計画したので、失敗した事を成功した事になる」

面白いですよね。

え？面白くない？ただの言い訳、

ああ。。さっきの俺、余計な事を言うんじゃなかったｗ

色の感性は色々ね

ひょんな事から、外国人向けのサイトデザインを制作する事になりました。

和風テイストがご希望の様なので、和のテイストを生かした格好良いデザインをご提案したのですが、

周囲の日本人スタッフの方の輝く表情とは、うらはらに、ちょっと浮かない顔のクライアント。

「ここ、もっと明るく・・・」

「明るく？ですね？はい。」

「ここは、もっと濃く・・・」

自信を持って提示した作品だけに、この反応には驚きました。、
と、同時に、昔聞いた話を思い出しました。

「濃く？？？はい、なるほど、ナルホド（汗）」
（そうか、外国人は日本人と色の見え方が違うと言っていたな。）

日本人の子供は、ぜんぜん美味しそうに見えない、ドギツイ色のお菓子を、美味しそうな色だと感じる。など、明度、彩度の感じ方に違いがあるそうです。

不思議な感じですが、こちらはプロです。
若干、感性をズラして見ればよいのだな、と、言うのは簡単ｗ

よぉし、外国人の眼と感性でやってみようじゃないか。
横浜のホームページ作成なら、お任せ下さい。
異国情緒あぶれる、サイトを作ろうじゃないですか！

新たなる朝鮮です。

CSSの話：cursor

その場所にカーソル（マウスの矢印）を乗せたときの、カーソルの形を指定します。
値として、以下のものを選ぶことができます。auto（既定値：自動）、crosshair（十字印）、default（通常のもの）、pointer（ポインタ）、move（移動用）、e-resize（右リサイズ）、ne-resize（右上リサイズ）、nw-resize（左上リサイズ）、n-resize（上リサイズ）、se-resize（右下リサイズ）、sw-resize（左下リサイズ）、s-resize（下リサイズ）、w-resize（左リサイズ）、text（テキスト選択）、wait（待ち）、help（ヘルプ）。

ただし、無意味にカーソルの形を変えるのは、操作性が悪くなるので、このプロパティはあまりおすすめしません。

新しいサービスはカテゴリーキラーになるのか？

社長の閃きで突然始まったサービス。

アットシリーズ構想・・・・・

正直、すごいと思いますが、スタッフは全員大変です。
無謀なチャレンジとも言われる中、復活した社長の激が飛び交う。。。。

今、横浜のホームページ制作会社アイエムシーは戦場ですｗ

「男には真剣勝負をする時があるんだ」

女にもあると思うのですが、とりあえず男だけの職場なので、
勝負時という言葉に納得しています。

冬なのに熱いですねーｗ

CSSの話：background

背景に関するさまざまな指定をまとめて行うことができるプロパティです。指定したい値を並べて書きます。順序は自由で、特に指定の無い項目は省略することもできます。
background:#ffffff url(xxx.gif) right top repeat-y fixed;と書くと、背景色は白、xxx.gifという画像を読み込んで右上から縦に並べ、画面をスクロールしても背景は固定、ということになります。

CSSの話：background-attachment

たとえば、ページが縦に長くなっている場合など、スクロールした時に背景画像が一緒に動くようにするか、スクロールと無関係に常に一定の場所に背景画像を固定するかを決めます。
background-attachmentの値をscroll（既定値）にした場合、画面のスクロールと一緒に背景も動きます。fixedに指定すると、画面をスクロールしても背景画像は動きません。
ページの中に、ワンポイントの画像を常に表示しておきたい時などに使います。

CSSの話：background-repeat

背景画像の繰り返し設定をするプロパティです。何も設定しない場合、背景は指定した範囲全体に、タイルのように敷き詰められます。
指定できる値は、repeat（初期値：縦横に繰り返し）、repeat-x（横方向のみ繰り返し）、repeat-y（縦方向のみ繰り返し）、no-repeat（繰り返さない）です。
このプロパティを使うことで、帯のような背景や、ワンポイントで画像を入れるなどの効果を入れることができます。

CSSの話：background-position

CSSでは、背景画像の開始位置を指定することができます。background-positionプロパティでは、left（左）、top（上）、right（右）、bottom（下）、center（中央）で位置を指定するほか、数値やパーセントで細かい指定をすることも可能です。
数値は、マイナスの値を指定して、画面から見切れるような形で背景を指定することもできます。

グラフィック ウェブ ホームページ デザイン・制作・作成のプラスワン