どうも！LSSです！！ 昨日、 でAmazonアソシエイト（いわゆるアフィリエイト）バリバリの記事を書きましたが、そのもう少し先に、気になる一品を見かけました。 タッチパネル搭載機種 タッチパネル搭載機種が気になる理由 で、PCでAndroidの起動も当時試して…

どうも！LSSです！！ 最近（ここ数年）スマホユーザーが爆発的に増えていると同時に、パソコン離れが加速している、とも言われていますね。 ブログを書くなら、絶対的にPCの方が書きやすいと思うのですが、パソコンを使った事がない人はもしかすると「パソコ…

どうも！LSSです！！ Twitterで「ブログ記事をまるっとコピーして、独自の広告をつける」悪質コピペサイトの話を見かけました。 恐らくは自動的にURLを収集して、膨大な数のページを作ってるんでしょうね。 と、いう事で、「対策になるかならないか分からな…

どうも！LSSです！！ 一ケ月ちょっと前の記事ですが、 にて、リアル友人（高校の時の同級生）が、はてなブログデビューした話を書きました。 「漢方」というあまり馴染みのない方の多い分野（自分もそうですｗ）で、難しいと感じた方も多かったのでは？と思…

どうも！LSSです！！ 今日、びっくりするようなニュースが飛び込んできました！ サガシリーズ１～３がNintendo Switchで復活！？ リメイク、ではないっぽいですね ちなみに…LSSはNintendoSwitch持っていません^^; ところで、サガ３といえば… サガシリーズ１…

どうも！LSSです！！ 今回は、先日の記事、 の改変で、「左右に とことこ歩きまわる」ように見えるサンプルに挑戦してみました。 事の発端 とことこ歩く 別バージョン つまづきの記録 事の発端 冒頭に書いた、以前の記事 を見て、だるころ9216さん(id:daruco…

どうも！LSSです！！ と２回、borderとborder-radiusを使用しての花火に挑戦してきましたが、３度目となる今回は「全く別の方法」で花火に挑戦してみます！ 花火その３ コード 解説その１：linear-gradient 解説その２：rotateZ 解説その３：keyframeアニメ…

どうも！LSSです！！ 今回は、手元にあるCSSの本の一番最後に載っている「filter」を試してみます。 元画像とフィルター やり方はとても簡単^^ セピア ぼかし 色反転 他にも何種類かのフィルターがありますが 元画像とフィルター 元画像（今日の昼に作ったチ…

どうも！LSSです！！ 土日が終わりましたね。 明日から月曜日。 仕事行くのだっる！となるところですが… 月曜・火曜と出勤しなくていい、ひゃっほう！ｗ 今日の昼、またしてもチャーハンに挑戦しました 最近、CSSネタが続きましたが そんな感じで生きてます …

どうも！LSSです！！ 先日の記事、 を「なるべくコードを増やさずに」多重化してみました。 （コレジャナイ感ありありかもｗ） 花火のアニメーション その２ コード 前回からの改変点 animationプロパティは複合プロパティです 省略したanimation-delayは別…

どうも！LSSです！！ 先日の記事、 の内容をちょっと扱いやすく？しました^^ サンプル（カードをクリックしてみてください） コード コード解説（デザイン変更について） カードサイズ指定部分 カード背面デザイン部分 カード表面デザイン部分 JavaScriptを…

どうも！LSSです！！ 今年の夏は、あちこちで花火大会が中止になってるようですね。 今日は、ちょっと気分だけでも？と、「CSSでの花火作り」に挑戦してみました！ 花火 コード 数日前から考えてましたが 花火 コード <style>

どうも！LSSです！！ 先日の記事、「【CSS】はためく【実用性ある？？】」の応用ですが、「カードをめくる」という動作を、実は以前からやってみたいと思っていました。 実際に作れる事は知っていましたが、今回ちょっと挑戦してみたのです。 カードをめくる…

どうも！LSSです！！ 読書量はそう多くないですが、一応、推理小説好きのつもりでいますｗ かなり以前から「トリックは出尽くした」と書かれていた文献も目にしましたが、今なお新しい試みに挑戦しつづけるジャンル。 の、ちょっと思うところを書いてみます…

どうも！LSSです！！ 昨日の記事、「【CSS】transformを使って、要素を立体的に傾けてみる」の応用で、ちょっと遊んでみました。 サンプル コード 見出しもはためきます 画像もはためきます！ サンプル はためく コード <style>

どうも！LSSです！！ 以前にもtransformプロパティを試してみた事はありましたが、「最低限、何が必要なのか」イマイチ掴めていないところがあったので、色々実験してみました。 rotateYのサンプル コード 最低限、必要なのは divをspanにしても、うまくいか…

今週のお題「怖い話」 どうも！LSSです！！ 今回は「お題」記事を書いてみます！ 「ラーメンズ」というコントコンビが大好きなんですが、不思議な笑いのコントになかに「怖い話」がいくつかあります。 コントなので、笑いに溢れているんですが、とても怖いオ…

どうも！LSSです！！ ふと、学生時代に同級生から聞いた話を思い出したので、書いてみます。 確率２分の１ 必勝法？？ 注意点 ２進数にある程度関わった人ならおなじみの話ですが 今になって初めて、試してみます！ いかがでしたでしょうか？ 確率２分の１ …

どうも！LSSです！！ 今日はさっぱりとした小ネタでいきますｗ 昨日のおみくじのジョーク改変になりますｗ // 吉しか出ないおみくじを引く 一応、コード <div id="gamen" style="height: 60px; font-size: 30px; font-weight: bold; border: 1px solid black; background-image: radial-gradient(circle at 65% 35%,#ffffff 0%,#ddddbb 100%); text-align: center;"> </div><script>kuji=["大吉",…

どうも！LSSです！！ 今回は、JavaScriptをちょっとやってみたい人向けに、「なるべく簡単なコードでちょっと遊べる」ものとして「おみくじ」を作り、その解説をしてみたいと思います^^ おみくじ コード コード詳細解説 <div id="gamen"></div> kuji=["大吉","吉","末吉","凶","大…

どうも！LSSです！！ 今回の記事は、昨日、チャーハンリベンジした後、「旅行者になったつもりで神戸を練り歩いた」話です。 新神戸駅 新神戸駅から南に歩き、バス道から西南方向に向かう 神戸の観光名所のひとつ「中華街」 肉まん買ってみた ポートタワーと…

どうも！LSSです！！ だいぶ前の記事になりますが、 にて、チャーハン作りに挑戦しました。 あれからだいぶ間が空きましたが、今日の昼、ようやくリベンジする事になりました！ だけど前の記事を読み返さずに開始！ｗ まずは材料をどんぶりにあけていきます…

どうも！LSSです！！ 今日までにネットを彩ってきた技術の中に、Adobe FLASHというものがあります。 PDFやPhotoshop同様、Adobe社が提供する技術ですね。 Adobe FLASHって？ なつみＳＴＥＰ！ 一見、なにやら明るく楽しげなムービー 他にも様々なFLASH作品が…

どうも！LSSです！！ 昨日の記事では、文字を読みやすくするために使うtext-shadowの使い方を書きました。 今回はそれ以外にも考えられる方法をひとつ、提案してみます^^ 文字部分だけ別に塗りつぶす ついでに文字の中央寄せ せっかくの塗りつぶし背景をあえ…

どうも！LSSです！！ 背景つきのボックスに文字を入れた時、背景がごちゃごちゃしていて文字が読みづらくなった、という経験はありませんか？ そんな時に、文字色を変えてみたり、文字サイズを大きくしたり、太字にしたり…で対処する事があるかと思いますが…

どうも！LSSです！！ ちょっと先日来、考えていた「text-shadowを複数書き連ねてどんな効果が出るか？」を何通りか試してみました。 CSSサンプル、というよりは実験的な内容となります。 虹色の影 間に白を挟む 疑似グラデーション とりあえず解説 虹色の影 …

どうも！LSSです！！ 最近、公式の「週刊はてなブログ」を読者登録したのですが、今日、 ↑こんな記事が出ていましたね！ はてなブックマーク、はてなブログにはデフォルトで、 はてなスター コメント はてなブックマーク と手厚く交流用の手段が用意されてい…

どうも！LSSです！！ 今回は今日の話。 つまり日記ですが、なんか二本立てになってしまいました！ LSSにとっての初めての話と、妹にとっての初めての話が今日に重なったものでｗ 初めてのリモートワーク イモートにとっての初めての… 初めてのリモートワーク…

どうも！LSSです！！ 梅雨も明け、８月に入りました！ いよいよ…夏の暑さとのバトルも白熱してきますね^^;;; エアコンのない部屋で毎年死にかけていた時期もありましたが、エアコンはやはり必須です。 必須ですが、それ以外にも暑気対策に使えそうなグッズを…

どうも！LSSです！！ 以前作成した、水玉デザイナー、少しだけ機能追加しました。 水玉デザイナー 使い方 作成例 色を使えるようにはなりましたが 水玉デザイナー // 全体的な設定 水玉個別設定' txt0+='全体の幅:'+wkw+'px ' +(wkw－') +(wkw>999?'＋':'＋'…