どうも！LSSです！！ ジャンプ！ ↑こんなものを作ってみました！ なにこれ 作ったきっかけ 一応、コードはっておきます タイマー使うとちょっと面白くなってきますね なにこれ 単なる「移動＋ジャンプ」の動きのサンプルです。 ひたすら左右に往復する★にマ…

どうも！LSSです！！ かなり以前から、自分の下書きに↓こういうものが眠っていました。 ★ 謎の虹色巨大スターｗ ちなみに

どうも！LSSです！！ 「翔んで埼玉」という作品があります。 原作は魔夜峰央、「パタリロ」で有名な漫画家さんですね。 これが何故か、描かれてから何年も経ってから書評で取り上げられた事をきっかけに、大ブレイクしてついに映画化！したのが昨年の話。 で…

どうも！LSSです！！ 取り乱した時に、素数を数えて落ち着く神父さんの話がありますが、LSSは特に意味もなくなんとなく素数判定するスクリプトを書いてみました。 ここをクリックすると10000までの素数が出てきます（結構大量） コード <div id="gamen"> </div><script>//

どうも！ＬＳＳです！！ やっと一週間終わった！ 桜もぼちぼち咲き始めてるようですね^^ さて今回は、JavaScriptを利用した、ブログで使える（かも知れない？）小ネタです。 サンプル コード 改変ポイント あとがき サンプル 問題！ 白色と黒色を混ぜると、…

どうも！LSSです！！ JavaScriptの本を眺めていると、昔に自分がJavaScriptをいじっていた頃には無かった、「canvas」という要素がある事を知りました。※HTML5から実装されたものらしいです。 名前の通りWebページ内にキャンバスに見立てた枠を用意して、そ…

どうも！ＬＳＳです！！ 今日は飲み会で、先程お開いたところ。 今日の分の更新がまだだったので、帰宅途上でスマホからの更新です！…えぇと…昨日誕生日だったのですが、オープンにしていない中、色々と良いことがあったので、それを書いてみますね。（そう…

どうも！LSSです！！ 最近、ブログで「桜が咲いた」って記事を見かけて、近場の桜スポットに出かけてみるも全然でした。 開花情報を調べてみると、東京がやたらと早かったんですね。 さて、今回は「CSS超入門！…のさわりだけ！！」と題して、CSSを全く知らな…

どうも！LSSです！！ えーと、この記事で200記事めになります！ ブログ日数は191日なので、１日２記事あげた日が９回ぐらいあった、という事ですね。 最近はだいぶギリギリながらも、なんとか毎日投稿を継続しています。 以前にも書いた事の繰り返しになりま…

どうも！LSSです！！ 今回は「BOX要素をborder（枠線）と影（box-shadow）で装飾するツール」を作ってみました！ 使い方 ↑この枠内の部分を色々いじると、その下にある「サンプル」に影響します。 色を選択する部分がちょっと分かりづらいかもですが、もし「…

どうも！LSSです！！ 三連休で時間あるぞー！と思ってたら、時間はどんどん過ぎていきますね^^; おとといあたりに何か大口を叩いたような気がしますが、gridレイアウトに興味を惹かれて色々いじってるうちにこんな時間！！ｗ 今作りかけの状態ですが、晒して…

どうも！LSSです！！ 今日はCSSのgridレイアウトを初めてやってみます。 まず、だいぶ手抜きした事例 見栄え コード コード解説 まずHTML部分 次にCSS部分 配置を変にいじってみるテスト 見栄え コード コード解説 ちょっと注意点 はてなブログっぽいレイア…

どうも！LSSです！！ ふと気づくと半年が既にたっていましたｗ 早いものですねぇ（しみじみ） かろうじて毎日更新を続けられている事に改めてビックリｗｗｗ （投稿時間が23：58なんて日もありましたがｗ） 自分にとっては、ブログを書いている事よりも「皆…

どうも！LSSです！！ がっつりとした記事を書きたいと思いつつも、なかなか余裕のない今日この頃ｗ 以前書いた記事の「迷路の舞台裏！（JavaScriptで迷路を書き出す方法）」で、innerHTMLでtableタグを書き出す方法を書いていました。 が、レイアウトはCSS任…

どうも！LSSです！ 今日は、結構久々に「２０年近く前に書いた小説」を晒してみますｗ まえがき 捨てられた少女 TAKE:1 TAKE:2 TAKE:3 ～解明篇～ あとがき まえがき 以前、自作小説：「ステラ」全２話 一挙公開というのをここで晒しましたが、あれの第一話…

どうも！LSSです！！ 今日は、昨日の袋文字作成ツールを使って色々やってみます !! スポーツ新聞風 淫靡な雰囲気…？ 絵文字風 ロゴ風 存在感のあるイエロースター 怖い雰囲気…？ 画像使わずに色々できるもんですねぇ スポーツ新聞風 LSSさん初めてドカ盛マッ…

どうも！LSSです！ …っといきなりの袋文字を使ってみましたｗ 今回は、こういう「袋文字」を実現するコードを作れるツールを作ってみました！ 使い方 色について 注意点 使い方 各項目を設定すると、表示サンプルとコード部分が設定に応じたものに変わります…

どうも！LSSです！！ 以前公開した、4クリックRGBカラーパレットに続き、HSL版カラーパレットを作ってみました！ HSLって？ HSL版カラーパレット HSLって？ Web上で色を表現する形式として、RGB形式と別に存在するもう一つの形式です。 RGB形式は#aabbccのよ…

どうも！LSSです！！ 今回はCSS小ネタです！ よくブログで見かけると思いますが、こんな風に文字に背景色をつけるやり方、皆さんされていますが、「はてなブログの『記事を書く』画面でお手軽に文字に背景色をつける方法」を、今日はネタにしてみます^^ はて…

どうも！LSSです！！ 昨日の記事、【CSS】JavaScriptを使わない開閉メニュー【CSSのみで可能・はてなブログ記事で使用可能】にいただいた、はてブコメントにて「transitionを組み合わせれば滑らかに開閉する」とありましたので、早速試してみました！ サンプ…

JavaScriptを使わず、CSSのみで開閉するメニューのサンプルと解説です。はてなブログの記事内でも使用できます。

どうも！LSSです！！ 今回はJavaScriptで「4クリックRGBカラーパレット」を作ってみました！ 始めからやり直す 使い方 もうすぐ春ですね しかし… 使い方 最初に好きな色のイメージに一番近い色をクリックしてください。 すると、カラーパレットが選択した色…

どうも！LSSです！！ 昨日の記事にあげたゲーム、勝率を上げる方法はあるのか、それとも完全な運ゲーなのか…と、ずっと考えていましたｗ 一番勝利数が多くなるパターン ならば、防衛策として… 別案：全てのパターンから確率を割り出す カードの枚数を減らし…

どうも！LSSです！！ 今回は、JavaScriptで迷路じゃないゲームを作ってみました。 ※3/10追記 枚数変更機能を追加しました！ ゲームルール まるいの、とは！ ただの運ゲー？それとも… もうひとつの動機 ゲームルール トランプの「戦争」と呼ばれるゲームのル…

どうも！LSSです！！ 最近、迷路ばかりになってきている気がしますが、いじっててつい、いい感じのものができると公開したくなる病…^^;;; ステータス ↑自の周囲の◆をクリックしてみてください。そのまま迷路で遊べます^^ 難易度について 今回の新機能！ 既に…

どうも！LSSです！！ またまた迷路です。 …前回ちょっと難しすぎたかもなので、今回は簡単にしてみましたｗ 簡単なだけでもあれなので、宝さがし要素を追加してみました。 ステータス 今回の変更点 position:absolute;を使用してみました その結果、迷路描画…

どうも！LSSです！！ ↑昨日のこれ、クリアチェックはしていたのですが…それ以外の部分で次から次にバグを見つけてしまいました^^;;; つまづきの記録として残しておきます。 「地下１階にいる時は上がり階段が出ないように」していましたが、判定は残っていて…

どうも！LSSです！！ とりあえず公開してしまいます！！ クエスチョンマークつけてるのは… 操作性の向上 階層化し、立体迷路になりました 難易度がかなり高くなってしまったかも… とりあえず公開してしまいます！！ 左へ移動 上へ移動 下へ移動 右へ移動 視…

どうも！LSSです！！ 標題の通り、超巨大迷宮をまた作っていたのですが… 操作性の向上 階層の実装 を実現したあたりで楽しくなりすぎてきましたｗ 「操作性の向上」したあたりでお披露目したい気持ちにも駆られましたが…とりあえず寝ます^^;;;。 ※あまりに大…

どうも！LSSです！！ 昨日の記事、「超巨大（になりそこなった）迷宮」で多くの方にゴールまで遊んでいただき、ありがとうございました！^^ アーシさんに言及＆紹介までしていただきました！ あちらのブクマコメントにも遊んでくれた方の感想が書かれていて…