iPhoneだけでノマドワーク

上のスペースがCSSアニメーションですが、読み込んで無かったらスンマソンm(_ _)m

皆さん、お元気ですか？私はイマイチです;^_^A

しかしiPhoneのおかげで少しづつでも情報収集ができるので助かります。"iPhoneは無くてはならない"アイテムになっています。

最近はiPhoneの話題が少ない様に感じますが、私が知らないだけかもしれませんね。

そんな気分でネットサーフィンをしていたら、CSS３アニメーションの記事がありました。FTP精霊で色々試してみましたが、なかなか良い感じだと思いました。

そして、ブログに埋め込めるか試した次第です。 色々作ったら眺めているとハマりませんか？

ひょっとして、パソコンでは見れないのかな？分かりませんが、一応アップしちゃいます！

もっと良い感じのデザインを作ってみたいと思います。そしたらまたブログに埋め込みますねm(._.)m

私は独自ドメインのブログも作成していますが、そこに「備忘録」を設置して、コピーできるコーナーを作成していました。

しかし、一旦できたHTMLをコピーしてファンブログで使って見ると全然読み取っていませんでした。

ワードプレスで作成したテキストエリアに問題があるように思い調べてみました。すると、ダブルクォーテーション《"》が《”》に変っている事に気が付きました。

散々悩んで調べてみましたが、検索しても関連の項目が見つかりません。ましてやiPhoneで目が悪くなってきた私にとって《"》と《”》の識別も大変でした。

とりあえず応急処置で特殊文字を使ってテキストエリア内のコードを直してみました。

今迄、ワードプレスのブログでコピーしたコードが使えなかった事が多かった気がしますが、この事が原因だったのかもしれません。

HTMLに興味の無い方々にとっては何のコード？って感じだと思いますが、一応私の備忘録として公開しているページのリンクを貼っておきます。

修正済ですが、不具合等ありましたらごめんなさい(^^;;

記号ひとつで全く反応しなくなるのがネット言語ですが、注意するに越した事はありませんね。

少しはスキルアップできた気がしますが、まだまだですね(^^;;

最後迄お付き合い頂き、ありがとうございましたm(_ _)m

　　　

扉を開けると、逃げ惑う人の姿！なんて冗談ですが.....

今日のレシピは、動的に表示する【marquee】タグですよ。私のいちばん好きなタグかもしれませんね(^_^;)

オンラインゲームなどで良く使われているやつです。これは簡単に覚えられますよ。

基本はこれだけです。

これだけで文字が流れます
流したい文字(文章)

これは左から右に流れます。

これも簡単ですね！

当然これでこうなります

最後に往復します

今回のレシピは文字を使いましたが、イメージファイルや絵文字を入れれば絵が動きます。

私は文章能力が無いので、動的なページを作成するほうが楽しいのでこんな事をiPhoneだけで勉強しながらスキルアップしています。

読み辛いページになってしまいましたが、備忘録代わりに公開しています(^_^;)

サイトによってはHTMLが崩れるかもしれませんので、御自身の判断で使用して下さいね(^^)

最後まで読んで頂き、ありがとうございます

m(_ _)m

今回は、これにて失礼します。

ブログを書く時に【HTML編集】などの編集方法がある事は、沢山の方々が御存知だとは思いますが、思うように編集がしたいと思うのは私だけでしょうかね(^_^;)

HTMLは分からないからと、永遠とソフトやアプリで編集をするのも味気無いのでHTMLを少しずつでも覚て自分好みのブログデザインをしたくなりました。

色々なブログを見ていると、読みやすいブログの持ち主は殆どの方がHTMLやCSSを使いこなしていますよね。

私は独学でスキルアップしていますが、元々は何も知らない土方のおじさんで忘れっぽいのでした(^_^;)

私の場合はゲームを作成したいと思い、HTMLの勉強から始めましたが、在職中はなかなか覚えられる程の時間がありませんでした。

それが、引退後は時間の余裕ができたのですが、最初はゲームばかりしていました。

しかし、心のどこかで納得がいかない思いがあって、大好きなゲームを辞めました。

大事な時間をもっと有意義に使いたいと思ったからです。

色々な形式のブログを書いていると、デザイン系にこだわる自分に気が付きました。

現場でも物作りをしていましたが、何かを作る事が好きなのかもしれませんね(^^)

元々はゲームを作成したいのですが、ブログに埋め込むゲームを作成するにはもっとスキルアップしなければ出来ないと思います。

そこで、初心に戻って自分の備忘録も兼ねてHTMLレシピを作成してみたいと思います。

初回はこのページの見出しのような部分のHTMLです！

これをコピーして貼り付ければ、下の様に表示します。

<strong>で強調していますので<strong>と</strong>を削除すれば文字が細くなります。

また、px値(36)を書き換えれば好きな大きさに変える事ができます。

パソコンの方々には当たり前かもしれませんが、スマホの初心者向けに作成してみました。

サイトによっては微妙に変化しますが、HTML編集の基本的なタグになります。表示されるか確認して投稿して下さい。

このページを読んで、HTMLに興味を持ってくれる人がいたら嬉しいですね(^^)

最後まで読んで頂き、ありがとうございますm(_ _)m