この間、このブログで「冗談でしかないレイアウト」として、思いついたはいいけど何のメリットがあるか分からない「卍レイアウト」について書きました。「何のメリットがあるか」は分かりませんが、背景について「卍レイアウトならでは」のデザインを思いつ…
Webページは「文書」を記述するものであって、その「文書」を見やすく調節するためのCSSプロパティも用意されています。今回はそんなCSSプロパティのひとつ、「letter-spacing」をご紹介しつつ、最後にはやっぱりアニメーションで遊んでみましたｗ
どうも！LSSです！！ 一昨日～昨日と、 続けざまにconic-gradientネタを書いていました。 が、このconic-gradient、調べものをしていた時に偶然見つけたもので、元々調べていたのはlinear-gradientについてだったりしますｗ CSSで↓のような対角線を扱うのが…
conic-gradientをアニメーション化してみました。 linear-gradient、radial-gradientもそうでしたが、gradient系はCSSでは「関数」という扱いで、 background-image:〇〇-gradient(グラデーションの内容); の ( ) 内はアニメーションに入れても途中を補完し…
linear-gradientは一直線に、radial-gradientは円形で中央から外に向かってグラデーションしますが、この conic-gradient は扇形に展開します。 円グラフのような感じですね。
どうも！LSSです！！ Webレイアウトについてぼーっと考えていると、ふと思いついた形がありました。 …思いついたのはいいのですが、その形に何のメリットがあるかというと「…。」^^; よくあるレイアウト 卍レイアウト よくあるレイアウト .grd0{ display:gri…
どうも！LSSです！！ 今日は、超久々にドムドムに行ってきました。 今や神戸市唯一となったらしい、ドムドムバーガーに来てみました pic.twitter.com/lkmHUIyFu9— LSS (@LSS0324) 2021年10月17日 昔は…マクドナルドほどじゃないにしても、それなりに店舗あっ…
JavaScriptを使わず、CSSだけで動作するフォトギャラリーを作ってみました。
どうも！LSSです！！ 今回は、はてなブログ特別お題で書いてみます！ はてなブログ10周年特別お題「はてなブロガーに10の質問」 ブログ名もしくはハンドルネームの由来は？ ブログ名「Little Strange Software」 「ちょっと奇妙なソフトウェア」として、変わ…
どうも！LSSです！！ 自分が はてなブログ でこのブログを開設して２年ちょい、ですが、はてなブログさんは「11/7で10周年」を迎えられるそうですね。 特別お題キャンペーン お題は４つ、どれでも可 特別お題キャンペーン blog.hatenablog.com そして10周年…
このブログでは、色々なCSSサンプルを考えては公開してきていますが、見せられる物になるまでには「このやり方で仕組みが作れそうかな？」と簡単なサンプルでテストして、うまく行きそうなら見栄えを調整して完成！としたりしています。 すると中には「一見…
今週のお題「お風呂での過ごし方」 どうも！LSSです！！ はてなブログ今週のお題。 お風呂でゆっくり浸かるのは（本来は）好きです^^ ただ、思えば最近はなんとなく気ぜわしくて、あまりゆっくりできていないかも？ 歩いて行ける範囲内にスーパー銭湯があり…
画面いっぱいに表示、「checkboxとlabelを使う」方法だと、CSSだけですっきり実現できるなじゃないかな？と思い、やってみました。 ついでに「閉じる時は画面のどこを押しても閉じる」「表示したい内容の中央寄せ」も実装しています^^
どうも！LSSです！！ 今日は、かなり久々に「びっくりドンキー」に行ってきました。 久々のびっくりドンキーパインカレーバーグディッシュ pic.twitter.com/nvjM7kNnuu— LSS (@LSS0324) 2021年10月10日 はい、 whisky-coke.hatenablog.com の記事の影響です…
どうも！LSSです！！ Microsoft Officeにある「Excel」。 本来は表計算ソフトですが、ワープロの代わりにもなり、データベース代わりにもなり、と汎用性の高いソフトで人気がありますね^^ 様々な便利な「ショートカットキー」と別に、マウスでメニューをクリ…
どうも！LSSです！！ 今回はCSS小ネタとして、CSSアニメーションで「ぐるんっ、と回転して出てくる文字」を作ってみました。 ぐるんっ、と回転して出てくる文字 コード 使い方 コード解説 あとがき ぐるんっ、と回転して出てくる文字 @keyframes rtxta{ 0%,3…
今週のお題「今月の目標」 どうも！LSSです！！ はてなブログ、今週のお題は「今月の目標」との事。 目標、かぁ…。 あるハズの時間の余裕がなくて、まずそこから考えないとかな、と思ってる今の状態ではなかなか大それた目標も見いだせないな、と思い、じゃ…
何年か前に、こういうものがあると知った頃には数万円という結構いいお値段していましたが、最近ではだいぶ安くなってきているな…と感じていました。が、↑の商品の内容と値段にびっくり！！ 「モバイルバッテリつき…だよなぁ」と何度も確認する事になりまし…
iPhone用アプリを開発しようと思った場合、以下のような難関がある、と認識していました。 PCがMacOSでないと開発できない（Windowsでは開発できない） 実機（iPhone）上で動作確認するのにも、AppStoreからダウンロードしたアプリしか動作させられず、すな…
どうも！LSSです！！ 昨日は、CSSのフィルターをネタにするために、メリケンパークに出向きました。 CSSフィルターって画像じゃなくても効果はのりますが、やはり写真を対象にするのが分かりやすい効果が多いですね。 普段あまり撮影はしないのですが、ネタ…
CSSには、様々な「フィルター」が用意されています。 このフィルター、CSSアニメーションとも併用が可能で、組み合わせると「徐々に変化」してくれます。 今回は、CSSフィルターとCSSアニメーションを組み合わせて遊んでみました^^
どうも！LSSです！！ ふと思いついたルールに沿って、詩？っぽい謎の文章を作ってみました。 謎の詩 どうやら、元のルールに無理があったようですｗ 謎の詩 赤く染まりし 空の下 生きとし生ける すべてのものよ 憂くべきこの世 鎖をちぎれ 遠景の先に 夢を求…
どうも！LSSです！！ つい先日まで、祝日が結構ありましたが、これから始まる１０月は一切祝日の無い月。…と思うと、今週はなんだか長く感じましたねｗ そんな週でしたが、無事、金曜日の仕事が完了しました^^ 週の終わり 月の始まり 兵庫県の場合 緊急事態…
どうも！LSSです！！ 【JavaScript】アナログ時計を作ってみました - Little Strange Software で使用していたコードのうち、スクリプト部分についての解説を、 little-strange.hatenablog.com に書きました。 そのスクリプトでは、現在時刻の取得を「Date.n…
どうも！LSSです！！ 【JavaScript】アナログ時計を作ってみました で、即興でアナログ時計を作ってみました。 画面を構成する、CSS部分についての解説はしていましたが、今回は肝心の「JavaScript」部分についての解説記事となります。 コード（script部分…
どうも！LSSです！！ だいぶ以前から、CSSのkeyframesを使ったアニメーションを色々試していましたが、最近になって「え、こんなの出来るんだ！？」と知ったものがありますｗ カチコチ動くアニメーション コード animation-timing-functionの「steps」 ちな…
どうも！LSSです！！ 昨日の「【JavaScript】アナログ時計を作ってみました 」、コード解説がスクリプト部分に触れていなかったので、その解説記事を書き始めていたのですが…わずか数行のコードなのにとても長くなりそう^^;;;;; で、とりあえず中断して下書…
どうも！LSSです！！ ちょっときっかけがあり、急遽、JavaScript（とCSS）で「アナログ時計」を作る事に挑戦してみました！ アナログ時計 コード きっかけ コード解説（CSS部分） 追記：一部コード修正（2021/9/28） アナログ時計 #tokei{ position:relative…
どうも！LSSです！！ 最近、ぼーっと考えてる事について。 gridレイアウトとレスポンシブデザイン あまり、はてなブログに関係のない話（テーマ作るなら密接に関係してきそうですが）ですが、レスポンシブ対応のWebサイトを作るなら？みたいな事を考えていま…
今週のお題「眠れないときにすること」 どうも！LSSです！！ 今回はお題記事です。 読書 BGMとしてYouTubeを流す グッズや書籍の知恵に頼る！ 本当のところ、まともな対応方法は 読書 とりあえず、枕元に置いてある本を読んだりしますね。この場合、何度も読…
