どうも!LSSです!! 朝からネットに繋がらず、参りました^^; やむを得ず、PCとモバイルWiFi(Wimax)をUSBで接続。 以前から、通信費かけすぎかな?って思ったりしていましたが、ネットが無いと無理な人にはこうした時の緊急対応用としても使えるので命綱と…
どうも!LSSです!! 当ブログでは、「HTMLなど カテゴリー」で様々なCSSアイデアを書いてきました。 「どういう表現に使えるか」が明確なものが、使用するのをオススメしやすくて望ましいのですが、「とりあえず作っては見たけど…何に使えるんだ?コレ」と…
どうも!LSSです!! ※追記:今回記載する方法は、Androidスマホ上のChromeに限った話で、iphoneではできないようです^^; 最近、出先でもスマホで見ているWebページのソースを確認したくなる場面が増えてきました。(他の方がLSSのコードを使ってくださって…
どうも!LSSです!! little-strange.hatenablog.com に使用した、「h2見出しを透過波紋にするコード」を公開します。 コード と、なにげなく仕込んだコードを晒してみましたw コード <style>@keyframes trwavea{0%{background-size:100% 100%,100% 100%;}30%,100%…
どうも!LSSです!! つい先日、おかえりモッキンバードという記事にて、7月7日に移転オープンした喫茶店の記事を書きました。 調査漏れの事項があったため、「まぁまたそのうち次回行った時に確認しよう」と思っていたのですが…思いのほか、そのタイミン…
どうも!LSSです!! 今回は、 little-strange.hatenablog.com のコードアレンジ、という小ネタです。 透過波紋、中心位置変更 コード 元コードには無かった「at」指定を追加しています 0か50か100じゃないと合わないのでは?って 透過波紋、中心位置変更 @k…
どうも!LSSです!! 5月の終わり頃、こんな記事を投稿していました。 little-strange.hatenablog.com サンパル自体が停止する前に、多くの店が撤退していたのですが、中でも結構ギリギリまで残っていて、お気に入りのメニューがあった喫茶店、モッキンバー…
どうも!LSSです!! little-strange.hatenablog.com に少し手を加え、水滴が水面に落ちてそこに波紋が広がる、というものにしてみました。 サンプルとコード、そして「LSSがコード改変した手順を長々と」書いています。 水滴落下、からの透過波紋 コード コ…
どうも!LSSです!! 以前、 【CSS】水面の波紋アニメーション - Little Strange Software 【CSS】音波攻撃!【水面の波紋アレンジ】 - Little Strange Software と、波紋アニメーションCSSを2種類、作ってみました。 どちらも、輪がだんだん大きくなり、最…
どうも!LSSです!! 先日、はてなブログ歴1000日&1000記事を突破しました。 それからちょっと日が経っていますが…今日、ブログ巡回しつつスターぽちぽちしていると…カラースターが増えているのに気がつきました! 7/11付け なんかメダル2つあるな…
どうも!LSSです!! 「雨降りCSSコード生成ツール」完成しました! 雨降りCSSコード生成ツール 使い方 雨降りCSSコード生成ツール 速度:秒(雨枠1つ分、横に移動するのにかかる時間)雨の色:雨の太さ:px雨の角度:deg雨の横位置:px(雨の長さにも影響)雨枠…
どうも!LSSです!! 作りかけているCSSネタがあるのですが、汎用性…変更の手の加えやすさ、という面でどうしたものかと考えています。 作りかけCSS~雨~ コード これからのCSS 作りかけCSS~雨~ @keyframes rainya{ 0%{background-position:0px 0px,0px 0…
どうも!LSSです!! 今日は、絶賛公開中の映画「シン・ウルトラマン」を映画館で観てきました!! little-strange.hatenablog.com もっとも、約2か月前に一度行ってる(その時で映画館約10年ぶり)んですけどねw いずれDVDでも出たらそちらも買いたいと…
どうも!LSSです!! はてなブログには、Twitterとの連携機能があります。 自分もTwitterとは連携していて、記事を書き上げて投稿した後は、その画面からTwitterにも投稿のお知らせを投げています^^ と、その他に、はてなブログにはアイキャッチ画像を指定し…
どうも!LSSです!! 今週のお題「最近あった3つのいいこと」 いやぁ、びっくり! はてなブログさんが公式にバトンイベントやるとは! で、早速ながらバトンをいただいちゃいました^^ n-hikari.hatenablog.com hikariさん、ありがとうございます! 追記。そ…
どうも!LSSです!! 今週のお題「マイベスト家電」 家電も様々な進化を遂げ、そしてその最新には手を出せずにいたりする自分ですw そんな中で「ベスト」と言ったらなんだろう…と考えた結果。 NEW Fire 7 タブレット - 7インチディスプレイ 16GB (2022年発…
どうも!LSSです!! little-strange.hatenablog.com は、実は書き始めた時は全く違うネタだったのが、書いてるうちにああなりました。 数日前から考えてるCSSネタがあるものの、どうにも煮詰まらなくて、結局違う形になっちゃったりしてますw とりあえず、…
どうも!LSSです!! 今回はまた、CSSのkeyframesアニメーションで遊んでみました。 瞬く星空 コード 星が瞬く仕組み というネタを考えたのですが 瞬く星空 @keyframes twstara{ 0%{background-position:0px 0px,0px 0px,0px 0px;} 100%{background-position…
どうも!LSSです!! CSSのgradient系の関数をbackgroundプロパティに適用する事で、容易に「綺麗なグラデーション」を描く事ができます。 この場合の「綺麗」は悪く言えば機械的、単純という見方もできます。 backgroundプロパティは カンマ区切りで複数の…
どうも!LSSです!! 最近になって、初めて株式投資に手を出したのですが、なかなかスリリングな展開がありましたw 株面白い!一歩間違ったら面白いとか言ってられなくなってたのが面白い— LSS (@LSS0324) 2022年7月1日 …そう、難をかわせたから「スリリン…
どうも!LSSです!! 【CSS】虹色の枠線、もう2種類! - Little Strange Software で作った枠線ですが、こちらはborder-imageを使って描いていました。 border-imageを使うと枠線の表現の幅が広がって面白いのですが、「border-radius(角丸)」や「border-…
どうも!LSSです!! little-strange.hatenablog.com little-strange.hatenablog.com と続けざまに虹色をテーマにしたCSSを書いていましたが、「虹色の枠線」を2種類、追加でさらに考えてみました^^ 虹色の枠線 追加1 虹色の枠線 追加2 なお、今回のこれは…
どうも!LSSです!! 早いもので…もう明日は6月30日。 と言っても、29日のギリギリ終わる頃に投稿するので、読まれてる時には既に30日という事の方が多いでしょうねw 今の勤務形態になってから2回目の報酬振込日 非出社日 1年の前半最終日 など、…
どうも!LSSです!! 自分は1974年生まれですが、自分が生まれるより前の1968~1969年頃の一部のフォークソングが好き、という一面があったりします。 好きだったアーティストがいた事から、同時代のその近辺のアーティストのアルバムにも手を出してCDで復刻…
どうも!LSSです!! ちょうど1年半前、 little-strange.hatenablog.com こんな記事を書いていました。 何を「ミスった」かというと…「同じスマートウォッチを2台購入してた」という話なんですねw その後、書いていませんでしたがある日、使っていた1台…
どうも!LSSです!! little-strange.hatenablog.com で「border-styleでは表現できない枠線を、border-imageを使って作る」事をやってみました。 border-image を使うと、border-radius(角丸)やborder-style(線種)が無効になってしまいますが、border-i…
どうも!LSSです!! 未だ掴みきれないborder-image。 ちょいと試しに「border-image-sliceはkeyframesでアニメーションにできるのか?」を試してみました。 実験 コード アニメ化できましたね! 実験 @keyframes testa{ 0%{border-image-slice:49%;} 100%{b…
どうも!LSSです!! 昨日の記事、 little-strange.hatenablog.com に、 421miyako(id:m421miyako) 土台の部分を水の写真にして波紋を乗せるとリアルになりませんか? mio(id:mio20100501) 応用できたらと思いますがなかなか難しいです。 miyakoさんのコメン…
どうも!LSSです!! 梅雨ネタのCSSアニメをひとつ、考えてみました。 水面の波紋アニメーション コード radial-gradientが4つ並んでいますが 水面の波紋アニメーション @keyframes suimena{ 0%{background-size:0% 0%,20% 20%,50% 50%,100% 100%;} 100%{ba…
どうも!LSSです!! ネッククーラー、持っていたのを動作確認したところ…線が千切れかかっていて、電源を入れても断線のためかすぐオフになる、という状況でした^^; 千切れかかっているのを繋いだら正常動作するのかもですが…この際、新たに買っちゃったん…