どうも！LSSです！！ ちょっと背景を罫線にしてみました。 line-height で、行の高さもあわせてみたのですが… さていかがなものか？ …これが、一見うまくいっているように見えて、「ちょっとした事」で崩れたりします^^; 例えば…ちょっと文字を大きくしてみたりとか。 あと、他の要素（見出しとか）が入る事でも、ズレてきたりしますね。←すでにズレてきていますｗ コード <style> .keisen{ line-height:2.5em; background:linear-gradient(transparent 75%,#444488 75% 80%,transparent 80%) 0px 0px/100% 2.5em; } .keisen *{ margin:2.5em 0px!important; } </style> <div class="keisen"><p>ここに文章
どうも！LSSです！！ little-strange.hatenablog.com は、実は書き始めた時は全く違うネタだったのが、書いてるうちにああなりました。 数日前から考えてるCSSネタがあるものの、どうにも煮詰まらなくて、結局違う形になっちゃったりしてますｗ とりあえず、その「煮詰まらない」ネタを暴露しちゃいます。 これ、どんな形に見えます？ コード（答え） ずらすのをアニメーションしてみるとよく分かります これ、どんな形に見えます？ …「辺の窪んだ菱形」、ですね。 これ、CSSのbackgroundプロパティにgradientひとつで描いていますが、linear、radial、conicとあるgradient系のどれをどのように使っているでしょうか？ コード（答え） <div style="width: 100px; height: 100px; background: radia
Nintendo’s Little-Known Product Philosophy: Lateral Thinking with Withered (“Weathered”) Technology
‘Cutting-edge’ is the term usually associated with blockbuster product releases, yet the philosophy of product development central to the thinking of one of the great innovators in video games eschewed creating new technology in favor of finding ways to give life to the tried-and-true. The man was Nintendo’s Gunpei Yokoi, chief creative force behind many of the company’s iconic inventions like the
どうも！LSSです！！ この春はずっと、桜をチェックしていましたが、それもそろそろ終わりかな…。 今日の桜 本日のいちソ また別の桜 今日の桜 生田川の橋から、すぐそばにせり出してきている桜を（ほぼ）定点観測していた写真シリーズ、今日はこんな感じ。 だいぶ花びらが落ちて、残っているもののほうが少なくなっていますね。 そろそろ…桜のシーズンも終わりか。 日本の北のほうではまだこれからというところもあるでしょうから、これからはそちらの方のお住まいの方の報告で楽しませていただく感じですね^^ 本日のいちソ こちらは退職前から、なんですが、三宮近辺で「安くてコスパの良いパフェ」を探す趣味が始まりましたｗ 最初は、三宮に限らず全国的にあるサンマルクカフェのパフェから始まり、他にも little-strange.hatenablog.com 490円のパフェを見つけたりしていました^^ が、それとは別
どうも！LSSです！！ 早速ですが、 little-strange.hatenablog.com で予告していた「いろは歌作成補助ツール」ができました！ いろは歌作成補助ツール 使い方 といっても… いろは歌作成補助ツール 使い方 いろは47文字＋「ん」の文字が書かれたコマが、いろは歌順に並んでいます。 それぞれが、マウスドラッグまたはスマホの指ドラッグで、緑色の盤面内で移動させる事ができます。 自由に並べかえて、オリジナルのいろは歌（？）を作るのに役立ててください！ （需要があるのかはなはだ謎ですがｗｗｗ） なお、移動させて置いた時に、コマと同じサイズの見えない枠に吸着する仕様となっています。 また、置こうとした場所に既に別のコマがあった場合、元々そこにあったコマは移動中のコマの移動前の位置に移動します。（入れ替わる事になります） といっても… 47+1文字を重複なく並べて、一連の意味の
どうも！LSSです！！ ちょっとconic-gradientを使った実験です。 スマホでは分かりにくいかもですが、この記事の画面、右上から光が差し込んでいるような効果を作ってみました。 実用性は…結構邪魔かも？なので、現段階では「実験」扱いです^^; 消す時はここから コード 消す方のコード あとがき 消す時はここから ↑のボタンを押すと効果が消えます。 コード まず、光が差し込む方のコード <style> #ray{ position:fixed; top:0px; left:0px; width:100%; height:100%; pointer-events: none; background-image:conic-gradient(at 100% -10%,#ffffff00 195deg,#ffffff90 225deg 235deg,#ffffff00 265deg);}
どうも！LSSです！！ ５月の終わり頃、こんな記事を投稿していました。 little-strange.hatenablog.com サンパル自体が停止する前に、多くの店が撤退していたのですが、中でも結構ギリギリまで残っていて、お気に入りのメニューがあった喫茶店、モッキンバード！ お気に入りのチョコパ提供店が…。 移転してもメニューと属性が変わらないといいな。 pic.twitter.com/q0rbwunQBh— LSS (@LSS0324) 2022年5月30日 「７月初旬に移転オープン」と告知されていました。 場所・ビル名まで明記されているので、しっかりと準備されていた事と思います。 で、「そういえばどうなったかな？」と調べてみると…どうも７月７日に移転オープンされていたようです！…というのを知ったのが７月１４日ｗ 知って早速、行ってきました！ 外観 お目当てはチョコソ一択！ 実食 調
どうも！LSSです！！ はてなブログの「アクセス解析」、このブログは50%以上がGoogleからのアクセスとなっています。 その、もっとも多いGoogleからの記事の中でも、Android関連の記事がトップを譲らずにいる中で、３位以下にCSSやJavaScript関連ネタも入ってくるようになってきています。 が、今日ふと見ると、意外な記事が紛れ込んでいました。 まず、トップは、 little-strange.hatenablog.com で、こちらがGoogleからのアクセス数のうちの18%。 次に、 little-strange.hatenablog.com こちらもAndroid関連の記事で9%。（でもたまにこっちがトップになる事もあります。） ３位が、 little-strange.hatenablog.com ようやくCSSネタきました！ …っと、こちらは後日改善版を出したので、そ
今週のお題「現時点での今年の漢字」 どうも！LSSです！！ はてなブログ「今週のお題」ですが…なんかすごく気の早いお題ですねｗ 今年が始まって21日めですが、まだこれからというところなので、期待したいものを考えると… 癒 「いやし」、としておきます。 なにかとストレスのたまりやすい昨今、冷静な判断力を失わないためにも、いやしを求めていきたいですね。 ってなとこで、今回はこのへんで！ 次回もまた、よろしくお願いします^^
初期の「暴れん坊将軍」がYouTubeで！ - Little Strange Software
どうも！LSSです！！ 昨日初めて知ったのですが…あの長く続いた名作TV時代劇シリーズ「暴れん坊将軍」。 の、一番最初のシリーズ、の第一話・第二話がなんと！ YouTubeに公式さんの手で公開されています^^ 暴れん坊将軍 んでもLSSは実は… 東映時代劇YouTubeさん 暴れん坊将軍 www.youtube.com 公開日は2021/11/26。 …一ケ月近く気づかなかったとは^^;;; 46分という通常のTV番組１回分の時間の中に、 「まだ紀州藩にいた吉宗が将軍になる事を拒む→じいに説得されて決意する→（まだ町火消し制度が生まれる前の）辰五郎と再会→事件発生→調査→殺陣→後日、悪奉行を呼び出して懲罰→大岡忠相を南町奉行に抜擢」と、詰め込まれた内容になっています。 TVで放送されたのが1978年なので、もう40数年前の作品ですね。 ちなみに最初の方で、若き日の松平健氏のTKBを拝む事が
どうも！LSSです！！ かなり昔に人から教わった遊びで、今もなおちょくちょく試みたりする事があります。 Dome own.Ale ace ace death. 英単語 と、こんな風に Dome own.Ale ace ace death. Google 翻訳 ↑のリンクを開くと、Google翻訳のページが開きます。 左の入力欄に「Dome own.」「Ale ace ace death.」という文章が入った状態で開くので、 このスピーカーのアイコンをクリックしてみてください（音が出ます） 入力した英文を読み上げてくれます。 …と、この文は「英文」としては文法もへったくれもない、単語の羅列ですけどねｗ で、この読み上げを聴くと…「どうも、LSSです」って言っているように聞こえてしまいます^^ 英単語 Dome…ドーム own…オウン Ale…エール ace…エース death…デス 最初の「
【HTML・CSS】知らなかった…imgタグの下に謎の隙間 - Little Strange Software
どうも！LSSです！！ 15パズル画像版に手をつけはじめて、ほぼほぼ出来かけているのですが…謎の10pxぐらいのズレに気づき、marginやらpaddingやら設定しても治らず。 と、すっごく単純なコードで試しても再現する事に気づき、初めて「imgタグそのものにそういう仕様がある」事を知りました^^; 現象の再現 解決策 あとがき 現象の再現 わずか、これだけのコード↓で現象を確認できます。 <div style="border: 1px solid black;"> <img src="https://cdn-ak.f.st-hatena.com/images/fotolife/l/little_strange/20220117/20220117221539.jpg" /> </div> divタグの範囲が分かるように、border: 1px solid black;を指定する事によって
【ブラウザゲーム】JoeWars - Little Strange Software
どうも！LSSです！！ ３０年ぐらい前に作ったゲームをリメイクしてみました。↑ ストーリー 遊び方 敵グループ（CPU）の思考 生き残るためのコツ あとがき ストーリー その街には、６つの不良青年たちのグループがあった。 彼らの間には抗争が絶えない。 ある時、そのなかの１つのグループのリーダーが敵弾に倒れた。 「こんな時のため、日本から”Joe”という男を呼んでおいた。そいつが次のリーダーだ。」 そう言い残し、リーダーは息を引き取った。 そしてJoeはやってきた。 そのグループを勝利に導くために…！ 遊び方 各９人で構成される６つのグループがあり、画面上にはそれぞれのグループの残り人数が表示されています。 一番左がプレイヤー"Joe"のチーム、残り５つのグループが敵となります。 矢印「→」は今どのグループのターンかを示しており、自分のターンの時に他５グループのどれを攻撃するかをクリック（ス
【CSS小ネタ】アニメーション飾り罫 - Little Strange Software
どうも！LSSです！！ ふと思いついた、CSS小ネタです。 アニメーション飾り罫 コード 使い方と仕組み アニメーション飾り罫 コード <style> @keyframes dotkeia{ 0%,80%{background-position:20px 0px,60px 0px;} 85%{background-position:20px 0px,20px -10px;} 90%{background-position:20px 0px,-20px 0px;} 95%{background-position:60px 10px,-20px 0px;} 100%{background-position:100px 0px,-20px 0px;} } .dotkei{ width:100%; height:40px; background-image:radial-gradient(circ
【折り紙】三つ首竜の折り方、画像つき手順解説！！【はさみ・のり不使用】 - Little Strange Software
どうも！LSSです！！ 今回は、 思い出した折り紙【記事予告】 - Little Strange Software で、予告しておりました「三つ首竜の折り方解説」記事です！ ↑完成した三つ首竜と、元の紙の大きさの比較はこのようになります。 折り紙に興味を持ち始めたお子さん・お孫さんがおられる方には特に、この記事を見て制作に挑戦していただき、「折り紙でこんなのも作れるんだよ」と見せてあげて貰えると嬉しいです^^ 途中までは『鶴』と同じ さらに「開いてつぶす」 翼部分の作成 三本の首 しっぽを作ります 首の仕上げ 最後の仕上げ あとがき 途中までは『鶴』と同じ 早速、折り始めていきましょう！ と、先に折り紙の基本的な注意点というか綺麗に折るコツ。 特に最初の方ほど、折る際は角や辺をピッタリ合わせるよう気を付ける。 折った部分は爪でしごくなどしてシャープに仕上げる。 です。 …できるだけ、ね。
【京成津田沼】市役所そばのお洒落なカフェを訪ねて欲しい ＠the little monster coffee 2回め - 八五九堂 Blog
イタリアンホットサンド 2016年に訪ねて以来の訪問でした。 このあと、もう一度お邪魔したので都合3回になりますが、このエントリーは2回めの時のものです。 場所は習志野市役所の斜め向かい側。最近市役所をよく訪ねるのでランチに寄りました。市役所前は坂道になっていますので、建物は坂に沿って建っています。その為かこちらのカフェは半地下にあり、階段を降りた空間は中庭の様で、素敵な雰囲気を醸し出しています。 今日のお店は「the little monster coffee」さんです。 エンタメ業界のGleeが付く名前のグループ名と混同しそうですが全く違います。お店は女性店主がお一人で切り盛りされていて、英会話やハングルの教室もカフェ内のテーブルで定期的に開催しているそうです。語学堪能って羨ましいです。最後までお付き合いをお願いいたします。 目次 お店の雰囲気 実食メニュー ◯妻はイタリアンホットサン
【ブログｘTwitter】ブログのアイキャッチ画像の差し替え、ツイートに反映させる方法 - Little Strange Software
どうも！LSSです！！ はてなブログには、Twitterとの連携機能があります。 自分もTwitterとは連携していて、記事を書き上げて投稿した後は、その画面からTwitterにも投稿のお知らせを投げています^^ と、その他に、はてなブログにはアイキャッチ画像を指定したり、Canvaの機能と提携してアイキャッチ画像を作る機能もあります。 特に指定しないで、記事中に画像を使っているとそれがアイキャッチ画像になったりもしますね。 と、そこで…ブログ投稿＆ツイートした後で、「ああ！アイキャッチ画像これにするつもりじゃなかったのに！！」とか、画像自体の内容にとんでもない間違いを見つけて訂正したくなる事も出てきますｗ ブログのアイキャッチ画像は普通に訂正できます ツイート上のアイキャッチ画像も変えるには という事例を最近ちらほら見かけるので、 ブログのアイキャッチ画像は普通に訂正できます 投稿済みの
【CSS】グラデーション・超入門のさわりだけ その１ - Little Strange Software
どうも！LSSです！！ CSSのグラデーション、○○-gradient系は、できる事が多くて奥が深いです。 凝れば凝るほどコードが複雑になり、「分かりにくい」という印象を受けてしまう事も。 色々な事ができるがゆえに、色々やろうとすると難しい部分も出てきますが、「もっとも簡単なグラデーション」はとってもシンプルだったりします。 ごくシンプルなグラデーション例 色を付け足してみましょう 今回のまとめ ごくシンプルなグラデーション例 分かりやすい色で、「青→黄→赤」の順に変化するグラデーションを例に挙げてみます。 信号機の色ですね。 例えば「linear-gradient」なら、 background-image:linear-gradient(blue,yellow,red); となります。 以下、枠のサイズを指定する「width: 300px; height: 300px;」をつけた３種類の
はてなブログにアイキャッチ画像作成機能が追加されました！ - Little Strange Software
どうも！LSSです！！ はてな公式のお知らせで、新機能の追加の情報がでていましたね！ …といっても、いつも はてな公式からのお知らせはちょっと控えめで、気づかない方も多いんじゃないか？と思っているので、広報のお手伝いのつもりで記事にしてみますｗ アイキャッチ画像作成機能！？ はてなからのお知らせにどこで気づくかというと… ちょっとやられた感 アイキャッチ画像作成機能！？ staff.hatenablog.com テーマデザインの企画から、なんかcanvaと仲良くしてるな、って印象はありましたが（テーマデザインの賞品にcanvaの使用権が用意されています）、こんなコラボ機能も準備されていたんですね^^ ↑ちょっと試しに作ってみましたｗ はてなからのお知らせにどこで気づくかというと… PCで「購読中のブログ」を開いた時、１ページめの上部にさりげなーく、こんな風に表示されています。 ぶっちゃけ、
どうも！LSSです！！ 昨日の記事で、激安PCをポチった話を書きましたが、 little-strange.hatenablog.com 同時にもうひとつ、購入したものがあります。 薄型マウス 折り曲げると電源ON ちょっと珍しい？特徴が決め手 薄型マウス イーサプライ 薄型マウス Bluetoothマウス マルチペアリング対応 USB充電式 IRセンサー 折りたたみ式 5ボタン EZ4-MABT1205W イーサプライ Amazon 薄型のBluetoothマウスは１つ所持しており（かなり以前に安く購入したもの）、久々に喫茶店にノートPCを持って行って使ってみたりしたのですが、左クリックに違和感。 （久々すぎて、前からそうだったのかどうか分かりませんが、クリックする位置が限定されている感じ） だもんで、小型のPCを購入するにあたり、こちらも新調しようと探していました。 折り曲げると電源ON
【CSS】カタカタ自己主張する見出し・３Dバージョン！ - Little Strange Software
どうも！LSSです！！ 【CSS】カタカタ自己主張する見出し（なのに照れ屋さん） - Little Strange Software の３Dバージョンを作ってみました。 カタカタ自己主張する見出し・３Dバージョン コード カタカタする動きを指定している部分 あとがき カタカタ自己主張する見出し・３Dバージョン こんな風に、ボックス要素につけた見出しがカタカタ揺れる事で自己主張します！ そして、ボックスにマウスカーソルをのせると、一瞬、見出しから黄色のオーラがｗ コード <style><!-- @keyframes katakata3d{ 0%{transform:perspective(100px) translateZ(0px) rotateY(0deg) rotateZ(-10deg);} 80%{transform:perspective(100px) translateZ(0px)
今週のお題「好きな公園」 どうも！LSSです！！ 今週の はてなブログのお題、「好きな公園」だそうで。 神戸在住のLSSですが、「好きな公園」を挙げると…はるか遠い地「横浜」の「臨港パーク」になります。 臨港パーク 近くにはこんなのも 五星戦隊ダイレンジャー 臨港パーク …といっても、最後に訪れたのもはるか昔の話。 スマホデータを代々引き継いでいるので、割と古い写真も残っていたりしますが、こちら「2013年8月13日」の写真ですｗ 神戸と横浜にはよく似たところがあって…臨港パーク、神戸でいうとメリケンパークでしょうか。 何故か、臨港パークのほうが好きです。 近くにはこんなのも 「ぷかりさん橋」、中身はちょっとお高めのレストランだったような。 www.icyokohama-grand.com そもそもは、これを探しに行ったのがきっかけでした。 五星戦隊ダイレンジャー というのも、スーパー戦隊
どうも！LSSです！！ だいぶ長く生きてきましたが（そのうち半世紀になりそう）、今まで「やった事がない」事がたくさんあります。 身近に感じるIT技術の進歩によるサービスも、あまり手を出さずにきましたが、ちょっと守備的すぎた？と感じるところもあり、簡単な事はちょこちょこやっていきたい気持ちもある今日この頃です。 とりあえず直近でやった事を３つ、意味もなく書き記してみます。 PCR検査 ネットプリント LINE証券 PCR検査 早いものでもう、同居家族も療養解除日を迎えました。 自分がフリーランスとして業務委託を始める会社からは「4/20以降にPCR検査か抗原検査を受けて、陰性であれば一週間後に初出勤（それまではリモートワーク）」という事になっているので、とりあえず予約を取りました。 今日とって明日の予約が取れました！ 意外と空きがあるものですね。 ネットプリント PCRの話と関連するのですが
どうも！LSSです！！ ブログやWebサイトで使用できる、虹色の区切り線を４種、用意してみました。 虹色区切り線 境目のない虹色グラデーション 虹色繰り返し区切り線 虹色繰り返しドット区切り線 区切り線の太さ・マーカーとしての使用について 虹色区切り線 コード <div style="background: linear-gradient(90deg,red 0% 13%,orange 16% 27%,yellow 30% 41%,green 44% 55%,lightblue 58% 69%,blue 72% 83%,purple 86% 100%) 0 50%/100% 3px repeat-x;"> </div> ７色、わかれていながらも境目を少しグラデーションでぼかしているタイプの区切り線です。 境目のない虹色グラデーション コード <div style="background:
どうも！LSSです！！ 本日（4/28）が三回目の出社でした。（週３程度） まさかの家族がオミクロン陽性で出社開始がちょっと遅れたりもしましたが、なんとか始まったって感じですね^^ で、長い休み（3月頭から有給消化開始、4/5付退職なので実際一ケ月半ほど）の後だったので、朝起きられるかなど心配でしたが、なんとか…というところで、「すっかり存在を忘れていた！」のですが… 明日からGW！ 離職票と健康保険の喪失証明書 離職票がまだだった件 そして今日、 GWだってば！ 明日からGW！ なんですね！ 前職の時は「連休前は特に仕事がハードになる」タイプの仕事だったので、GWなんてその最たるもの。 忘れようがないものでしたが…今は関係ないですし、じゃあ「やった！大型連休だ！！」となるかと言えば、超大型連休を終えたところなのでそれも…という感じで、すっかり存在を忘れていたのです^^;;;。 離職票と健
どうも！LSSです！！ 先日の記事、 little-strange.hatenablog.com ですが、思いの他多くの方が挑戦してくださり、しかも正解していただいてびっくり！ 皆様、誠にありがとうございます^^ まったく自信なかったのですが… 一応、答えの発表 まったく自信なかったのですが… 「自分で暗号を作って『さぁ、解いて！』って出題する」のが、クイズとしても訳分からなすぎないか？と思ったものでしたｗ いや、実は「換字暗号、例文がたくさんあれば解けるものなのか？」を検証したい気持ちもあったのですが、あまりにモロに読んでいただいている皆様を実験台にするのもどうよ？というところもあって、ああいう形になったんですね。 ヒントが強すぎたかな？という気もしますが…多くの方に楽しんでいただけたなら、大成功ですね^^ 一応、答えの発表 出題は、 「まず、例文がこちら。 △▼◇◇△■ ▲◇▽☆◆〇■
リモートの話とイモートの話（…無理があるなぁｗ） - Little Strange Software
どうも！LSSです！！ 今回は今日の話。 つまり日記ですが、なんか二本立てになってしまいました！ LSSにとっての初めての話と、妹にとっての初めての話が今日に重なったものでｗ 初めてのリモートワーク イモートにとっての初めての… 初めてのリモートワーク コロナによる緊急事態宣言が出ていた頃、世間のあちこちの会社で急遽、テレワークを導入されましたね。 うちの職場も、テレワークに切り替えられる人は切り替えて、交代で出てきたりテレワークだったり。 あ、テレワークっていうのが一般的っぽいですが、うちの職場では「在宅勤務」と言ってます。 もしかすると実態はほぼ「自宅待機」かもですが。 で、それが「切り替えられる人は」の話で、業務上どうしても切り替えにくい（現場に出るとか、紙の書類を扱わないといけないとか）人もいるわけで、自分は「切り替えにくい」側の人でした。 結局自分は緊急事態宣言中は一度も在宅勤務
乃木坂・青山一丁目駅「LITTLE DARLING COFFEE ROASTERS」がオススメです（´∀｀） - 思い立ったら吉日Blog
みなさまおはようございますtuyokiです～ 今回は、乃木坂・南青山一丁目にあるオシャレカフェLITTLE DARLING COFFEE ROASTERSさんに行ってみました(*ﾟ▽ﾟ*) 場所 お店の感じ ランチはラーメン 感想 場所 住所：東京都港区南青山1-12-32 電車：千代田線乃木坂駅5番出口 徒歩5分 半蔵門線・銀座線青山一丁目3番出口 徒歩7分 営業時間： MON - FRI 8:00-20:00 SAT / SUN /HOLIDAY 10:00-19:00 電話：03-6438-9844 メニュー：PDF お店の感じ ▼お店入口 ▼持ち帰りもやってます(￣∀￣) ▼店内 行ったこの日はたまたまAmazonのKindle体験の日ということで、Kindleを体験すると、コーヒー1杯無料プレゼント(*´∀｀)無料ならいただきましょうということでいただきました。 ちなみにSNSに
どうも！LSSです！！ 現在、通勤のために、神戸市バスと阪神電車の通勤定期券を使用しています。 どちらも６カ月定期で、磁気定期券。 ただし、最初の購入時期が違うので、それぞれの期限には時間差があります。 そんな自分が、全く不意に交通系ICカード、ICOCAデビューする事になったお話です。 市バスの定期更新 便利なはずのICカード、ですが… なんにせよ、慣れていかなきゃですね 市バスの定期更新 去る11/3、期限が迫っていた神戸市バスの定期券の更新をしようと出かけたんですね。 半年に一度のペースとはいえ、もう何度も行ってるので、あの分かりにくい場所にある販売所（三宮）に行くのも、申し込み用紙の記入も慣れたもの。 で、用紙に必要事項を記入し、窓口に持っていったところ、こんな事を言われました。 近々、磁気定期券が販売中止になる 今回はまだ磁気定期券での継続も可能だが、次回更新の頃にはもう中止され
「はてなブロガーに10の質問」に答えてみます！ - Little Strange Software
どうも！LSSです！！ 今回は、はてなブログ特別お題で書いてみます！ はてなブログ10周年特別お題「はてなブロガーに10の質問」 ブログ名もしくはハンドルネームの由来は？ ブログ名「Little Strange Software」 「ちょっと奇妙なソフトウェア」として、変わり種アプリを提供する場（になる予定）です^^ ハンドルネーム「LSS」はその略称です。 はてなブログを始めたきっかけは？ ふと、スマホアプリ開発者になりたくなり、そのための学習（独学）を始めるとともに、アウトプットの場 兼 完成・公開した際の周知の場として開設しました。 ちょっと方向性は変わってきていますがｗ 自分で書いたお気に入りの1記事はある？あるならどんな記事？ 開設の経緯からいくと、古い記事ですが little-strange.hatenablog.com という事になるはずなんですが、自分の方向性が変わってきて
【CSS】border-radius（角丸）ってこんな事もできたんだ！【今更】 - Little Strange Software
どうも！LSSです！！ 今までさんざんborder-radiusを使っていましたが、今さらになって新たに見つけた事がありました！！ ほんと今更ｗｗｗ サンプル コード その他サンプル サンプル かなり今更感がありますが、border-radius（角丸）って縦横別々に指定できるんですね！ そうすると、こんな変わった形状の枠も作れます^^ コード <p style="background-color: #eedddd; border-radius: 35%/20px; padding: 25px;"> かなり今更感がありますが、border-radius（角丸）って縦横別々に指定できるんですね！<br /><br /> そうすると、こんな変わった形状の枠も作れます^^ </p> border-radiusの指定の中に「/」（スラッシュ）を入れると、「角丸の横半径/角丸の縦半径」を別々に指定で
【WebAudioAPI】マイク入力もできるみたい（実験はまだ） - Little Strange Software
どうも！LSSです！！ なんとなく検索してみたんですが、WebAudioAPIってマイクからの入力も読み取れるみたいですね。 www.google.co.jp 検索したきっかけは、 arsinput.hatenablog.jp arsinput.hatenablog.jp アーシさんの記事で、音感トレーニングの話題があったので、 「ブラウザが発した音がどの音階か当てるゲーム」 なら作れそう、と思ったところから。 「絶対音感」を持つ人は、この音階当てができますが、ふと「音痴と呼ばれるのは、聴くほうじゃなくて発する音が外れている事に気づかない人の事を言うのでは？」と思ったところで、発した音（声）の判定なんてのもできるのかな？と思ったのです。 音階の周波数の算出方法は little-strange.hatenablog.com で既に分かっているので、「マイクから入力された音の周波数がどの音階の
どうも！LSSです！！ little-strange.hatenablog.com ですが、やはり例として分かり辛かったですね^^; 伸び縮みしているのか、単に隠れているのかという辺りが特に。 画像を使ってみるにあたり、 little-strange.hatenablog.com で使った方法をまた用いてみました。 そして、勢いで２パターン作ったので公開します^^ お姫様のお辞儀かと思ったらやっぱりスクワット ノリノリの姫 あとがき お姫様のお辞儀かと思ったらやっぱりスクワット コード <style> @keyframes testa{ 0%{height:200px;} 100%{height:100px;} } @keyframes testb{ 0%{top:0px;} 100%{top:100px;} } .test{ position:relative; width:280px;
【CSSツール】水玉デザイナー【試作版２】 - Little Strange Software
どうも！LSSです！！ 以前作成した、水玉デザイナー、少しだけ機能追加しました。 水玉デザイナー 使い方 作成例 色を使えるようにはなりましたが 水玉デザイナー 使い方 設定部分を「全体的な設定」と「水玉個別設定」に分けています。 「全体的な設定」でボックス全体の幅や高さ、リピートする枠の幅や高さ、水玉の数、不透過度を調節できます。 「水玉個別設定」では、全体的な設定で指定した「水玉の数」分の、水玉の半径、位置を設定します。 最初にこのページを開いた時点では、水玉の半径は8px、位置は中央（50% 50%）で設定されています。 そして今回の新要素！ 「水玉0」などの部分をクリックすると、その下に一行、「#ffffff 白 赤 青 緑 黄 黒」というのが出てきます。 色名をクリックする事で、水玉ごとに色をつける事ができるようになりました^^ ※水玉はナンバーの少ない方が手前に表示されます。
【CSS】ナンバリング箇条書き装飾サンプル集 - Little Strange Software
どうも！LSSです！！ 【CSS】ナンバリング箇条書き、色付き背景に成功しました！【olタグ装飾】 つまづきの記録。ナンバリングの背景を色付き円に…できなかった話^^; 【CSS】ナンバリング付きの箇条書き、ナンバー部分に背景色を付けてみます 【CSS】箇条書きのドットに色をつける【list-style-image】 …と、同じような事を続けてやってきましたが、今回は「まとめ」として使い甲斐のありそうな？ものを５種類並べてみます^^ 光を入れて、珠っぽく 色数を増やしてみました 四角もちょっと凝ってみます 星＋text-shadow はぁと型もいけますね^^ 光を入れて、珠っぽく 4時のニュース ハラキリ侍が行く！ Dr.”ピー”ニスの悩み相談室 ６年”ピー”組 吉賀先生 コード <style><!-- .olm0 {position:relative;} .olm0 li{list-st
どうも！LSSです！！ 今回はまた、古い話を引っ張りだしてきますｗ 今はここでCSSとかネタにしてブログ書いてますが ２ｃｈのツクールスレに入り浸っていた頃 ブライアンと二人の勇者 まぁ、その、あれだ 今はここでCSSとかネタにしてブログ書いてますが 「自由に使ってください」って体でコピペ用にコードをつけていて、使っていただいてる記事を見て、にまにましている昨今ですｗ 思えば昔から似たような感じの事で楽しんでいたように思います。 ２ｃｈの「意味がわかると怖い話」スレにいくつか創作を投下したところ、ひとつだけ何故かいまだにコピペされてたりして、たまに検索をかけてはにまにましたりｗ で、今回のネタの話なんですが。 「RPGツクール2000」というPC用市販ソフトがありました。 後に2003とかVXとかMVとか続編も出た息の長いソフトですが、名前の通り 「プログラミング知識がなくてもRPGが手軽
今週のお題「お気に入りの靴下」 どうも！LSSです！！ さて、はてなブログ今週のお題「お気に入りの靴下」ですが…。 元々、衣類にあまり頓着しない性分なもので、まして個性の出づらい「靴下」にお気に入りも何もありません^^; （上着などなら、例えばポケットが多いなどの機能性を求める事はあります） が、ちょっと最近思うところがありました。 昔々、昭和の時代に 世の中、どんどん便利に改善されていってますが… この問題についての対策を考えました 昔々、昭和の時代に 国民的人気漫画「サザエさん」にこんな回がありました。 サザエさんとマスオさんが出かけようとしている場面で、 サ「片方の目、ものもらいができちゃって…」 マ「僕だって靴下が揃わずカタカタさ」 マ「今日はそれでも問題ないよ」 …みたいな会話を交わして二人が出かけたのが、美術館のピカソ展、というオチ。 サザエさん 2021 秋 (週刊朝日増刊)
【WebAudioAPI】おもちゃの楽器風・水滴鍵盤 - Little Strange Software
どうも！LSSです！！ 【CSS】水滴・改変【小ネタ続編】 の記事に、 あとか(id:c089818) ちょっと訪問できなかった間に、楽しいことができてますねー！ 色とりどりのコーナーは押すと、それぞれから音が鳴りそうで、試しに音量を上げちゃいました😅 とのコメントをいただきました。 なるほど、子ども向けのおもちゃの楽器にありそうな感じですね^^ そして、WebAudioAPIを使えば、JavaScriptによってWebページ上で音を鳴らす事ができます。 というわけで作ってみちゃいました！ 水滴鍵盤 ※クリックすると音が鳴ります 一応、コード 実は、楽器は作ってみたかった ８音で何が演奏できる？？ 水滴鍵盤 ※クリックすると音が鳴ります ど れ み ふぁ そ ら し ど 一応、コード <style> .pichons{ width:150px; height:100px; backgro
どうも！LSSです！！ 退職前の有給消化中で、なるべく歩いておこう、というところから今年は桜が咲く前から散歩がてらチェックしています。 【日記】やっぱり気が早い桜日記【Twitterより】 つぼみもだいぶ膨らんできてもうすぐかな？と思わせつつ、そこからなかなか開かないｗ という状態でしたが… ３月２５日の桜 違う種類の桜はもう… 蕾→開花→満開→桜吹雪というサイクル ３月２５日の桜 ちらほらと☺️🌸💮🌸💮🌸 pic.twitter.com/e808RwPGkh— LSS (@LSS0324) 2022年3月25日 ついに、ぽつぽつと開いた桜が出てきました！ こうなると、ここから満開になるのはすぐ？それともまた焦らされるんでしょうか？ｗ あまり花に詳しくないので、そのあたりもさっぱりです^^; （例年はたまに桜のあるところを通っては「あー、開き始めたな」数日後「満開になってるな」程
【CSS】radial-gradientのサイズをアニメ変化させてみます【実験】 - Little Strange Software
どうも！LSSです！！ little-strange.hatenablog.com に続く、gradient＋keyframes実験、radial-gradient版です。 linear-gradient の時は傾きを指定する箇所に「to left top」を指定する事で、「画像サイズの変化に応じて角度変化」という手法を実験しました。 では、radial-gradientの場合は？？ 実験 コード 解説 組み合わせでこんな事も！ linear、radialときたら… 実験 コード <style> @keyframes rtesta{ 0%,100%{background-size:10px 10px;} 40%,60%,80%{background-size:75px 75px;} 30%,50%,70%,90%{background-size:100px 100px;} } .rtest
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【CSS/実験】罫線背景 - Little Strange Software
煮詰まらないCSSネタ - Little Strange Software
【日記】今日の桜と いちソ - Little Strange Software
【ツール？】いろは歌作成補助ツール - Little Strange Software
【CSS／実験】陽光さす記事 - Little Strange Software
おかえりモッキンバード - Little Strange Software
ふと、「アクセス解析」を見てみると… - Little Strange Software
今週のお題「現時点での今年の漢字」 - Little Strange Software
【駄文】英単語で日本語の文を作る遊び - Little Strange Software
もうひとつポチったもの「薄型マウス」 - Little Strange Software
【お題】好きな公園（９年前の写真） - Little Strange Software
初めてｘ3 - Little Strange Software
【CSS】虹色区切り線 ４種 - Little Strange Software
【日記】出社はじまりました！ - Little Strange Software
御礼→換字暗号の記事の件 - Little Strange Software
突然ICOCAデビューした話 - Little Strange Software
【CSS】姫のスクワット（？） - Little Strange Software
【雑記】どこかの誰かが… - Little Strange Software
【お題】お気に入りの靴下 - Little Strange Software
【日記】サクラサク - Little Strange Software