2021-01-01から1ヶ月間の記事一覧
どうも!LSSです!! 今回は、「コード作成ツール」をどんな風に作っているか、の さわりの部分について書いていきます! はじめに、基本形のコードを書きます JavaScriptのinnerHTMLを試してみます 上記2つを合わせてみると 画面を書き換えるコードを関数…
どうも!LSSです!! 久々に「まいくらにっき」ですw 「ぼくがかんがえた」といいつつ、考えたのはもうかなり前なんですが、自分でなかなか気に入ってます^^ マイクラのトロッコ駅に求められる条件 トロッコ駅制作の材料を用意します まずは4か所、穴を掘…
どうも!LSSです!! 昨日の記事に引き続き色々やってました。 だいぶ ノってきたんですが、ちょっと制作過程のものを晒してみたくなったので、ここで一旦お見せしちゃいます! 作りかけサンプル 使い方で分かりにくそうなところがちらほら… そんな感じで作…
どうも!LSSです!! tableタグの生成を、またinputタグ頼みでやってみました…が、見栄えがイマイチ^^; tableタグ生成 コードを生成するスクリプトのコード 問題点は、はてなブログのテーマ tableタグ生成 列 行 コード // '; for(i=0;i'; for(j=0;j'+j+'-'+…
どうも!LSSです!! 色々雑記です。 昨日の記事 YouTubeで名前を連呼された話w まじめな記事なのに爆笑www 昨日の記事 昨日の記事、 <input>タグに頼ると割とラクにこういうツールが作れるんだなぁ、と実感しましたw 色、サイズ、位置の調整でしたが、他にも…
「色やサイズを調節して作るボックスのコードをお持ち帰りできるツール」を作ってみました。 ↓このタブの中で色々設定を変更すると、その更に下にあるサンプルとコードの内容が変化します。気に入ったボックスが出来たら、コードをコピペして使用できます。 …
どうも!LSSです!!最近、ちょっとこういう「長方形をナナメに分けた背景」をCSSでスマートに表現するには?に挑戦してみたりしています。 …これがなかなか実は難しい^^; 「こういう、って、できてるじゃないか」と思われるかもですが、↑のは決してスマート…
どうも!LSSです!! むかーし、HTML4.0時代に個人サイトを遊びで作ったりしていた身で、HTML5になってからだいぶ経った今、改めてCSSやJavaScriptを覚え直しているLSSです。 知らないうちに、色々な機能が追加されていてビックリする事も多々ありますが(※…
どうも!LSSです!! はてなブログに書き始めてから1年以上たちましたが、まだまだ知らない機能はあるものですね。 必要最低限の使い方が分かったら、あまりそれ以上追及しようとしないからなんですが、はてなの公式ブログにこんな記事が出ていました。 sta…
どうも!LSSです!! 先日の記事、 を早速使ってくださった、421miyakoさん(id:m421miyako)から問い合わせがありました。 421miyako(id:m421miyako) このスライダーを何の意味もなく上下の仕切り線みたいに使って、数字を出しておくと読者が、なんじゃこれの…
どうも!LSSです!! 今回は、「昔々、20そこそこの頃に作った曲をYouTubeデビューされたばかりのブロガーさんに演奏してもらっちゃった」話をしますw ぼ~く~は~ぞんびびびん! 思い出話 曲を書く、といっても… かなり古い曲なのに、 おまけ:自分が作…
どうも!LSSです!! 今回はHTMLのフォームパーツで、今まで使った事がなかった「スライダー」を使ってみます。 こんなのです 呼び名はたくさんありますね フォームパーツなもので 横幅を広くする CSSでこのスライダーの値を利用したかった…けど無理っぽい^^…
どうも!LSSです!! 昨日試してみた「CSS変数」ですが、ふと、思いついた事がありました。 「linear-gradient や radial-gradient って、アニメーション設定してもパッと切り替わるだけでアニメーションしなかったけど…もしかして、その中の値にCSS変数使え…
どうも!LSSです!! 現在のCSSには「変数」の概念があります。 「カスタムプロパティ」と呼ばれたり「CSS変数」と呼ばれたりするようです。 …実は自分は今まで、存在は知っていても全く使った事が無かったんですけどね^^; CSS変数とは 変数じゃなくて定数で…
どうも!LSSです!! 昨日の記事の実験、 を用いてサンプルを作ってみました。 まず最初は普遍的な(?)ものを作ってみよう、と「タブ」をCSSで実現するのに挑戦!です。 タブ切り替え表示・サンプル コード 作ってから、ググってみると… タブ切り替え表示…
どうも!LSSです!! だいぶ前の記事になりますが というのを書いていました。 HTMLのフォームパーツであるチェックボックスを非表示で用意し、「チェックボックスの状態からCSSで分岐できる」というのを利用したものですね。 実際のところ、CSSでユーザー操…
どうも!LSSです!! 今回は、これまただいぶ前に考えたネタです。 ブログを書いたり、SNS投稿したりされている方には身近な問題ですが、この記事は「半分冗談、半分本気」ぐらいのていだと思ってくださいねw 世の中には凄い人がいるもので 偽本名 偽本名を…
どうも!LSSです!! 昨日の記事、 に関する、余談なんですが…。 なんとなく…ハンバーガーメニューについて考えているうちに、 【CSS】丸から四角に変形するボックス - Little Strange Software は、「ビッグマックにしようか、てりやきバーガーにしようか」…
どうも!LSSです!! なんとなく…ハンバーガーメニューについて考えているうちに、「丸から四角に変形」を思いついたので、試してみました。 うまく出来たので、そのままサンプルとして晒してみます^^ ちょっとした注釈?なんかに使えるかもですね。 丸から…
どうも!LSSです!! ちょっと前に、 こんな記事を書いていましたが、結局のところ「これでいいや」 ってとこに落ち着いたので、それを書いてみます。 デザインCSSと定型文 要するに、見出し1個分の「項目」ごと<div>タグで囲んでます これだと見出しの高さとか</div>…
どうも!LSSです!! 昨日買ってきた「IDE端子のHDDをUSB接続するケーブル」を使って、古いHDDを覗いてみました! …が、結論からいうと…全然はかどりませんw 4台めでストップしています^^; 一台め 二台め 三台め 四台め 今日のところはここまで! 一台め …
どうも!LSSです!! 今日は3連休の中日でしたが、人と約束があったので、あまり普段出勤する時と変わらない時間に家を出ました。 大阪にGo! 14時頃に用事完了! んで、日本橋を18時頃まで徘徊していました 過去資産・IDE接続のHDDをUSB接続するケーブル…
どうも!LSSです!! 今回は、ちょっと役にたつかも知れない??CSSを組んでみました。 最近ちょこちょこやってた事の合わせ技みたいな感じです。 横長の写真を横スクロールするスイッチ コード スイッチになる部分 スクロール速度 不要な文言 シンプルにし…
どうも!LSSです!! だいぶ久々に?デザインCSSを触ってみました。 …微々たる変更なんですが^^; 実は以前からやってみたかった! 書き足したコード、わずか2行 実際どうなるかは… 追記!見出しが複数行になった場合の対策 実は以前からやってみたかった! …
どうも!LSSです!! 先日買ったタブレットに搭載されているアレクサで遊んでみた話。 アレクサ面白い!! 音楽をかけてもらう 聞き間違い・誤解もまた楽しいw アレクサ面白い!! この間、タブレットのFire7を買った話を書きましたが、これ「アレクサ」搭…
どうも!LSSです!! 昨日の記事のあれ。 マリオに触発されて、とりあえず「クリックで動き出す」部分だけ作れて、入口に到達したつもりになっていましたが、「当たり判定」の方がCSSでは格別むずかしいですね^^; これまた見当もつかないwww で、ソースは…
どうも!LSSです!! 今日、Twitterであるリツイートを見かけました。 きっかけとなったリツイート ボタンを押すとスクロールし始める背景 今回のコード、以前使ったものの改変です それにしても…すごい! きっかけとなったリツイート htmlとcssだけjsなしマ…
どうも!LSSです!! ちょっと論理パズルの問題を考えたので、出題してみます! (でも、もしかしたらどこかに同じ問題があったかも知れない^^;) この話に登場するA,B,Cは全て「本当の事しか言わない正直者」か「常に嘘をつく嘘つき」のどちらかです。 3人…
どうも!LSSです!! またタブレットを購入してしまいました。 Fire7 16GB 自分的に初のアレクサ搭載端末 7インチ端末 最大の理由 安かったから あとがき Fire7 16GB Fire 7 タブレット (7インチディスプレイ) 16GB 発売日: 2019/06/06 メディア: エレクトロ…
どうも!LSSです!! 久々「つまづき」カテゴリの記事になります。 福笑い(未完成) 一応、遊べなくはないです PCの場合 スマホの場合 SVGでやろうとして撃沈 福笑い(未完成) じ へ の へ の も へ // 0) && (jx コード <svg id="svge" xmlns="http://www.w3.org/2000/svg" width="100%" viewbox="0 0 100 100" style="background-color: lightblue;"> <text x="0" y="95" style="font-size: 100px;">じ</text> <…</svg>