どうも！LSSです！！ 今回はCSS小ネタになります。 サンプル コード 使い方 キーフレームアニメーションの内容 サンプル 文章の途中に、例えばこんな感じで枠で囲んだ部分があり、その枠がたまに太く薄くなる、そんなサンプルです。 コード <style>

どうも！LSSです！！ 唐突なんですが…「たんけん ぼくのまち」というTV番組があったのをご存知でしょうか？？ ＮＨＫ教育テレビ ジャンルとしては社会科？ ８年も続いた人気番組！ 最終回 ８年も続いたので ＮＨＫ教育テレビ 今はＥＴＶっていうんでしょうか…

どうも！LSSです！！ 今回は「マウスカーソルが乗った時に、マウスカーソルの形状を変更する」CSSを試してみます。 カーソルの形状サンプル一覧 例えば あとがき カーソルの形状サンプル一覧 // '+ctxt[i]+''; } gamen.innerHTML=txt; // ]]> コード <div style="cursor:カーソルの形状;">適当な</div>…

どうも！LSSです！！ 今回は珍しく？時事ネタ記事を書いてみます。 AWS障害 Twitterに「AWS障害」がトレンド入り 近未来と言えばSF。SFと言えば… 技術の進歩、メリットとデメリット AWS障害 AWS、と言えば、Amazonが運営しているクラウドサービスで、信頼性…

どうも！LSSです！！ 今回は、久々に？お話の回。 …といっても、LSSが考えたお話じゃないので、自作小説カテゴリではなく、駄文カテゴリでお送りします。 はじめに 「倒産した会社の社長の話」 ピクニック 家の住人 再び倒産 家から出てきた住人 あとがき は…

どうも！LSSです！！ ゲームなどのプログラムを書く際、「あるタイミング」から「今現在」まで、どれだけの時間が経ったかを計算する必要が出てくるケースがあります。 「放置ゲー」と呼ばれるものや、スマホゲームによくある「スタミナ」システム、時間経過…

どうも！LSSです！！ 今日は雑記です。 昔のパソコンの端子事情 USBの登場 スマホ・タブレットにもUSBの恩恵 USBのように汎用的に使えて、しかも無線接続のBluetooth 無線接続はスマホ・タブレットと相性抜群！ でも、Bluetoothは音楽だけじゃない あとがき …

どうも！LSSです！！ に続き、今度はこの絵にアニメーションで動く「雲」を追加してみます！ SVGアニメーションを追加した絵 コード 雲を楕円で描きます またも円形グラデーション ここからアニメーションの話 あとがき SVGアニメーションを追加した絵 コー…

どうも！LSSです！！ この間、 でSVGで初めて絵を描いてみました。 …といっても「全面を水色で塗りつぶす四角」「赤い丸」「下部を黄緑で塗る四角」を配置しただけのシンプルな絵でしたね。 で。 SVGもCSSと同様に「グラデーション」を使う事ができます。 名…

どうも！LSSです！！ CSSの background-image プロパティに、画像ファイルの代わりに linear-gradient や radial-gradient を使用する事で、綺麗なグラデーションが描ける！ ので、結構多用してきました。 で。 その他に、repeating-linear-gradientrepeatin…

どうも！LSSです！！ ブロガーをしばらくやってて、交流とかも増えてくると「言及」をいただく機会も増えてきます。 はてなブログでいうところの「言及」とは…端的にいうと「自分の記事・ブログ」に、他の方のはてなブログ記事からリンクしていただく事。 つ…

どうも！LSSです！！ かなーり気になるガジェットが、発売はまだですが発表されましたね！ その名はGPDWIN3 これまでのシリーズ といっても、未発売で仕様も確定ではないんですけどねｗ その名はGPDWIN3 www.google.co.jp ガジェット、というか、UMPC（ウル…

どうも！LSSです！！ 以前にも少し、 の中で書いたような話になりますが、も少し汎用性を持たせた小ネタを思いつきました。 彫文字 コードの中で重要なのは赤文字３行 background-color: pink; color: white; text-shadow: -2px -2px 0px #00000040,2px 2px …

どうも！LSSです！！ 今日は唐突に数学的な話をしてみます。 問１。まんなかはどこ？ 問１の解き方 問１の答え 問２。１０分の１の地点 問２の解き方 問２の答え あとがき 問１。まんなかはどこ？ とある小学校に、Ａ君とＢ君が通っていました。 二人はとて…

どうも！LSSです！！ 先日の記事、 の続きです。 サンプル コード 背景色で雰囲気が変わります！ おまけ：もこもこ模様 あとがき サンプル うろこ模様の背景 うろこ、横に並んだ感じのほうがまだ使いがっていいかな？と。 コード

どうも！LSSです！！ 地理院地図 / GSI Maps｜国土地理院 ↑このサイトにて「人口密集地域」を確認する事ができます。 で。 神戸市の南側はだいたい不可。 ただし、新幹線より北側（＝山）や、山を越えた向こう側（北区。谷上など）はOKで、 など、これまでち…

どうも！LSSです！！ なんとなく「作れるかな？」と思いつきでやってみました。 CSSで「うろこ」のような模様を、背景画像用に描画してみたものとなります。 需要があるかどうかは知らないｗ うろこ模様の背景 コード 解説 で、その３つを重ねるのに あとが…

概念が分かり辛いベジェ曲線。 どうやら、どういうものか理屈が分かってきた気がします。 どうも！LSSです！！ SVGを触りだしてから出てきた「ベジェ曲線」。 SVGに限らず、お絵描きソフトでもその名前を見かける事はあり、「なんかよく分からないけど綺麗な…

どうも！LSSです！！ 先日、 の記事で「ベジェ曲線」というモノに触れましたが、これがやはり、文章で説明しづらい・感覚的につかみづらい！ というわけで、LSS自身もちょっとベジェ曲線にお近づきになるべく、JavaScriptの力を借りてベジェれるものを作って…

どうも！LSSです！！ 今回は、このブログの色と全く違う話になりますｗ 出会いは時代劇 名奉行遠山の金さん 実在の人物でした この世に悪は栄えない 興味を持って調べてみると 出会いは時代劇 子どもの頃から（特に小学校高学年頃から）ＴＶの時代劇が好きで…

どうも！LSSです！！ 今回は、さくっと、サンプルとコードだけ。 コード こんだけのコードですが、苦戦しました^^; ￥ ￥ ￥ ￥ ￥ ￥ コード <style>

どうも！LSSです！！ 昨日の記事、 に、たくさんのコメントをいただき、ありがとうございました^^ まだクリスマスまでは間があるので、参考にさせていただきたいと思います！ で、そのいただいたコメントのうち。 421miyako(id:m421miyako) クリスマス記事に…

どうも！LSSです！！ ハロウィンも終わり、次の大型イベントはクリスマスですね^^ ちょっと気が早いかと思いますが、物によってはもう準備に取り掛かる必要があるのかも？ little-strange.hatenablog.com ↑去年の記事ですが、たまたまルミナリエの建設してる…

どうも！LSSです！！ 先日の記事、 が色々と興味を持っていただけたようで^^ tn198403s.hatenablog.jp カメさん(id:tn198403s)は早々にコードコピペを試していただいた上に、色を変えたり記載順を変えたりして、絵本仕立てにまでなりました！ arsinput.haten…

どうも！LSSです！！ JavaScriptで出来る事、を色々調べていくうちに「これは凄い！」とびっくりするようなものを見つけました（結構 前に、ですがｗ） ちゃんと自分で咀嚼し、飲み込んでから、解説記事など書きたいと思っていますが、いったん「JavaScript…

どうも！LSSです！！ 先日の記事、 の、コメント欄にて toto(id:totochn) 別ファイルにして呼び出し。のやり方が気になります。是非、書いて欲しいです。 と、いただきました。 toto様、ありがとうございます！ SVGファイルをテキストファイルから作成 残念…

どうも！LSSです！！ 今回は駄文です。 かなーり前から思っていた事なんですが…元々MS-DOSを触っていて、そこから時代の流れでWindowsを使うようになった一人として「めっちゃ気に入らないところ」が一点あります。 今に始まった事ではなく… 拡張子の役割 ア…

どうも！LSSです！！ このブログの「HTMLなど」カテゴリでは、HTML・CSS・JavaScriptについて色々試したり書いたりしてきました。 PHPなどサーバ側で使われる技術は別として、ブラウザ上で処理される技術としてはこの３つが三本柱だと認識しています。 です…

どうも！LSSです！！ 前回、前編では、 例えばこんなボタンっぽいの ↑こういう感じのCSSサンプルを作るのに、 コード

どうも！LSSです！！ 例えばこんなボタンっぽいの 例えば、なんですが、LSSが↑こんなCSSサンプルを作ってみました。 そして、「↓これがコードです」と言って、 コード