Home

日々の仕事で得たものMEMO

色の知識と使い方セミナーに行ってきた。

昨日「色の知識と使い方セミナー」に参加させてもらってきました。

この組み合わせは見にくい、見やすい。
同じ色でも背景によって、見え方は変わる。
商品パッケージの色の使い方は。

等、いろいろ作業もしながら、楽しい話を聞けました。

今日も楽しみです。


パソコン講習

今日会社でセミナーしました。

『パソコン苦手克服講習』

会社のお客様にもっとうちのシステムを使ってもらおう！
その為にはまず、パソコンの苦手意識をなくしてもらおう！

と。

キーボードの説明や、マウスの使い方という本当に初期のところから。

苦手意識をなくそう！なので、頭がこんがらがりそうな、ショートカットキーの説明などは一切なしで。

初めてセミナー担当しましたが、人に伝えるのって難しい。

当たり前の言葉が伝わらなかったり。。。
時間配分がわからなかったり。。。

でもいい勉強になりました。

ブラウザ上でGIFアニメ作成・編集・分解ができる『gifmake』が便利




gifmakeはブラウザ上でGIFアニメが本当に簡単に作れるサイトです。

いくつかの画像をアップし、遷移するまでの時間、リピートの回数などを指定するだけですぐに作ってくれる。

GIFアニメをアップすると、それを分解した画像にしてくれるので、おもしろいです。
分解したものの、コマ画像を削除したり、遷移するまでの時間を変えたりもできます。

すごい便利でちょっとしたGIFアニメをつくるときにはかなり愛用しています。

自転車にメーター装着！

最近、運動不足解消のため、自転車通勤しています。

約２５分。

どんな速さで進んでいるのか？
どれくらいの距離なのか？
今までどれくらいの距離を自転車で移動したのか？

が知りたくて、つけてみました！

気分も盛り上がり、なかなか楽しいです♪

キャットアイ サイクルコンピュータ マイティー8 CC-MT400

  • 平均速度・最高速度・走行時間表示の時、上下の表示を逆転できる「プログラムディスプレイ」機能(オートスタートストップモード時)。
  • 積算距離の入力可能。
  • 任意にリセットできる第2の走行距離機能(走行距離2)。
  • 現在速度と平均速度の差を矢印で表示する「ペースアロー」機能。
  • コンピュータ内部の電流を変化させ、雨天走行時の計測エラーを防止。
  • A・B2種類のタイヤ周長を入力可能。
  • スリムなボディデザインと更に見やすくなった大型液晶画面。
  • 直径31.8mmのハンドルバーにも取付可能な「ユニバーサルブラケット」。
  • ほとんどのエアロスポークに対応したマグネット。

テスト記事投稿

ScribeFireを使って、記事を投稿してみています。




Firefox アドオンを使って簡単にサイトのリンク切れをチェックする方法

まぁ、自分でチェックできる方はいいのですが、

サイト運営を任されている上でリンク切れをしてるなんてとんでもない。

でも全部見れてる自信ない...

それをアップロードしたときに簡単にチェックできたらいいなー

なんて思ってるといいものありました！

Linkcheckerです。


使い方は簡単。

他のアドオンと同じような感じで、インストールして再起動したら使えます！

リンク切れをチェックしたいページを表示し

ツールの中のCheck Page Links(L)をクリックするだけです。

勝手にそのページ全体を調べてくれ、

チェックの経過は右下に表示されました。

リンク切れがあると、赤く選択されるみたいです。（初期設定）




元素記号をHTMLで書く

  • 2008-04-22 (Tue)
  • HTML

subを使います。
SUBscript（下付きの）の略です。
<sub>〜</sub>で囲まれたテキストを下付きの文字で表示します。

水の分子記号はH<sub><small> 2</sub></small>Oです。
と記述すると

水の分子記号はH2Oです。
と下付きの文字で表示されます。

簡単ですねー

リストを使ってリンクを横に並べたときに表示が思い通りにならない

  • 2008-02-06 (Wed)
  • CSS
リストを使ってリンクを横に並べたときに表示が思い通りにならないことがあります。

例えばこんな感じで記述したとき

<ul>
<li><a href="index.htm">ホーム</a></li>
<li><a href="index.htm">ホーム</a></li>
<li><a href="index.htm">ホーム</a></li>
<li><a href="index.htm">ホーム</a></li>
</ul>

ulにwidthを指定
liにfloatのleftを指定
aにdisplay blockを指定

するとulの幅以上に内容があるときにFirefoxなどはliの１つの要素ごと折り返して次の行にいくのですが、IE6のみはみ出た分は、そのli要素の始まりのところから折り返してしまいます。

ちょっとつたない説明でわかりにくいですが、今その症状の画像がないので。。。

word-break keep-all
で前まではFirefoxと同じ表示になってくれていたのに、
今回はどうしても表示に変化がない。

どうすればいいのでしょうか(泣)

IE6以外は大丈夫なので、IE6で解決方法を知ってる方はお願いします。


背景の画像を固定する方法

  • 2008-01-10 (Thu)
  • CSS
背景の画像が固定されているサイトをたまに見かけますが
１度やってみようと思いながら使っていませんでした。

今回使うことになったので、調べると
すごく簡単でした！！！

bodyタグに
background-attachment: fixed;
を付け加えるだけです。

background-attachmentの値には上に記述したfixedとscrollがあります。
背景画像を固定するときはfixed
他の要素と共にスクロールするときはscroll
これだけです。

今回はあまりブラウザごとの確認などしていませんので
お使いのときはお調べになった方がいいと思います。

IE6とFF2ではOKでした。



骨折

バイクで事故りました。。。

人生初の骨折

人生初の松葉杖

人生初の救急車

うれしくなーーーぃ


走ってると、車道の真ん中に三角コーンが

前の車が急に止まり

左に避けましたが、私の左からも原付が来ててそれも気になったのか

前の車を避けきれず左後ろから当たりました

前の車は日産の高級車プレジデント黒

やっぱり社長さんでした

こけた瞬間から右足首が痛すぎました

でも骨折したことないから骨折の痛みがわからず

レントゲン見たら完全に骨折してる

あーぁ




Home

About

プロフィール画像

Author: trstykr

まったくの素人からWebデザイナーになり、日々勉強の毎日です。 その中で得た、いろんなことを忘れないために綴っています。

Calendar
« 2009 07 »
S M T W T F S
- - - 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 -
Recent Entries
Categories
Archives
Recent Comments
Recent Trackback
Search
Meta
Links
Feeds

Page Top