Little Strange Software

スマホアプリの開発を行う LittleStrangeSoftware のブログです。

【お題】冷やし〇〇 原点…?

今週のお題「冷やし◯◯」 どうも!LSSです!! はてなブログのお題、冷やし〇〇。冷やすといいもの!という事ですが…。 時節柄、まず「冷やし中華」は当然食卓に出てきますね。カラシをたっぷり入れて食べます。 かと思えば、近年になってコンビニ等で「冷や…

【CSS・backgroundプロパティ】CSSお絵描き超入門!

どうも!LSSです!! CSSはお絵描きツールではありませんが、backgroundプロパティやgradient関数を使う事でちょっとしたお絵描きを楽しむ事もできます。 backgroundプロパティもgradient関数も、自在に扱えるようになるまでには色々と飲み込まないといけな…

gradientお絵描きについて【ぼんやり構想中】

どうも!LSSです!! 最近の記事、 little-strange.hatenablog.com little-strange.hatenablog.com では、多数のgradientを組み合わせて線を引き、それで囲んで枠を作ってみました。 当初思っていた以上に、(繰り返しを考えなければ)結構自由に線が引ける…

【CSS】gradientで描く線画囲み枠3種!【雲/キャンディ/リボン】

どうも!LSSです!! radial-gradientとlinear-gradientを駆使して、囲み枠を作ってみました。 本来お絵描き用途ではないCSSを強引にお絵描き風に使ってみると、こんな感じになります。 もこもこの雲 キャンディ リボン あとがき もこもこの雲 .crd{ width:3…

【駄文】CSSネタ記事ができる前段階

どうも!LSSです!! 昨日の little-strange.hatenablog.com から、何故か「三平方の定理」について考え始めたりする今日この頃です。 ※三平方の定理…直角三角形の、直角を挟む2つの辺の長さをx,yとし、直角と接していない辺の長さをzとすると、他2つ…

【謎CSS】バクダンになりそこねた囲み枠

どうも!LSSです!! 以前、CSSとSVGを併用した、 little-strange.hatenablog.com というコード記事をあげていました。 バクダンってアレです。広告の特価品や、漫画でいうと叫んでる吹き出しに使われる、トゲトゲの囲み枠ですね。 SVGを使うと本当に表現の…

【短文日記】E10のセンサー

どうも!LSSです!! 本日も、E10をいじっていました。 mouse E10 スタディパソコン 10.1型タブレットPC 2in1(落下耐性/防塵/防滴/Win10 Pro/Celeron N4000/4GB/64GB eMMC)MT-E10ZN あまり容量がないので、あれこれ入れたくはないのですが、とりあえず昨日は…

激安PCが届いたので、慣らしにCSSコードを書いてみました。

どうも!LSSです!! 以前ポチった、マウスコンピューターのPCが届きました! mouse E10 スタディパソコン 10.1型タブレットPC 2in1(落下耐性/防塵/防滴/Win10 Pro/Celeron N4000/4GB/64GB eMMC)MT-E10ZN マウスコンピューター(Mouse Computer) Amazon ↑これ…

インスタグラム、最近知ったのですが【短文】

どうも!LSSです!! 最近になって知ったのですが、写真・動画のSNSであるインスタグラム。 って、LINEみたいに音声通話できるんですね! その昔、NintendoDSでフレンドと通信プレイしていると当然のように通話できてびっくりした以来の衝撃を覚えました。 …

【謎CSS】アニメーション区切線

どうも!LSSです!! ブログ・Webサイトで使いやすそうな CSSネタを考えてみようと思うと、枠や区切り線あたりに落ち着くのかな?という気がする今日この頃。 …そして、使えるんだかどうなんだか?な謎CSS「アニメーション区切り線」が出来ました^^; アニメ…

【駄文】マウスは届きました。マウスはまだ注文確認中。

どうも!LSSです!! 記事タイトル通りです。 と、これほど訳の分からない「記事タイトル通りです」もなかなか無いかも?w 先日、 【日記】結局、中古じゃない激安PCをポチっちゃいました - Little Strange Software もうひとつポチったもの「薄型マウス」 …

【謎CSSアニメーション】光の龍…?

どうも!LSSです!! CSSをいじっているうちに、また謎のアニメーションができました。 光の龍…? コード 仕組み どうしてこうなった 光の龍…? @keyframes stardragonx{ 0%{background-position-x:0%;} 100%{background-position-x:100%;} } @keyframes sta…

もうひとつポチったもの「薄型マウス」

どうも!LSSです!! 昨日の記事で、激安PCをポチった話を書きましたが、 little-strange.hatenablog.com 同時にもうひとつ、購入したものがあります。 薄型マウス 折り曲げると電源ON ちょっと珍しい?特徴が決め手 薄型マウス イーサプライ 薄型マウス Blu…

【日記】結局、中古じゃない激安PCをポチっちゃいました

どうも!LSSです!! 以前から「タッチパネル搭載で、スペック低くてもいいから、USBブート可能な(MicroSDブート可能ならなお良し)ノートPCかタブレットPCが1台欲しい」と思っていました。 がっつり使うなら「メモリは8GB以上、CPUはi5以上、SSD搭載(容…

【CSS】回転体を増やした疑似3D

どうも!LSSです!! 【CSS】疑似3D 前後関係 - Little Strange Software の回転体を増やしてみました。 疑似3D コード CSS変数を使って、個々の回転体の設定を簡略化 もっと凝った疑似3Dを見たい!という方は 疑似3D @keyframes d3dzx{ 0%{background-p…

またも無駄遣い欲が…

どうも!LSSです!! 最近、¥9000~¥17000ぐらいの中古ノートPCを買いたい欲が高まってきていますw だいぶ前に、Linuxを入れた起動ディスクをUSBメモリで作るのにハマった時期があったのですが、その時に「Android x86(PCで動作するAndroidOS、…

【短文日記】知人のPC

どうも!LSSです!! 今日は大阪に出向いてきました。 知人(前にいた会社を数年前に定年退職された方、在職中から色々と誘っていただいています)から連絡があり、PCの調子が悪いので見てほしいとの事。(という名目でお昼を奢ってもらったりw) 詳しく内…

【CSS】また流星群(今度は線形)

どうも!LSSです!! 先日、【CSS】流星群というCSSアニメーションネタを公開しました。 光の点が斜めに移動する、というものでしたが 残念なこと - 私の好きなバラとシェルティー の影響を受け、「尾を引いて線状になった流れ星」を自分なりに考えてみまし…

【投資初心者】大きく買って大きく負けるw

どうも!LSSです!! 7月末、仕事の報酬で大きい振込がありました(3か月に1度のペースでそうなる契約)。 で、証券口座に大きく振り込んだんですね。 そして今週に入って昨日、色々と買ったのですが…いくつかに分散して買ったものの、そのうち一番大きか…

【CSS】疑似3D 前後関係

どうも!LSSです!! little-strange.hatenablog.com で、惑星の公転運動っぽい動きを作っていました。 が、あくまでも「疑似」の悲しさ、 little-strange.hatenablog.com と同じで「前後関係が表現できない」事から、例えば中央に太陽、動くのを地球とする…

今週のお題「最近洗ったもの」

今週のお題「最近洗ったもの」 どうも!LSSです!! 「最近洗ったもの」というお題ですが…これから洗うつもりのものについて書きます。 ずばり「枕カバー」です! ながらく枕カバーを洗う事なく、複数の枕をローテーションで使ったりしていましたが、やはり…

【おまけ】疑似3D、再生時間をずらすと…?

どうも!LSSです!! 【CSS】疑似3D【実験】 - Little Strange Software で、楕円(っぽい)動きで3D(っぽい)ものを表現してみました。 記事中で、「最初だけ発生する遅延を変更するとどうなるか」を書いていましたが、他に「横の動き」と「縦の動き+サ…

【CSS】疑似3D【実験】

どうも!LSSです!! CSSには3Dを表現するためのプロパティが用意されています。 参考:【CSS】ブロック遊び【実験】 - Little Strange Software が、少々欠点もあって…例えば「球」を表現するのが苦手だったりもするんですね。 一方で、radial-gradientを…

復習ウルトラマン

どうも!LSSです!! 最近、初代ウルトラマンのブルーレイBOXを購入しました。(輸入盤で安かったのもあってw) ウルトラマン コンプリート ブルーレイ [Blu-ray] (輸入版) アーティスト:Ultraman Akihiko Hirata Amazon シン・ウルトラマンを2回観に行き…

【CSS】流星群

どうも!LSSです!! ふと思いついて、CSSで流星群を作ってみました。 流星群 コード あとがき 流星群 @keyframes stardusta{ 0%{background-position:0 0,5000px 0,0 0;} 100%{background-position:0 0,0 0,0 0;} } .stardust{ height:200px; background-im…

【CSS】落下アニメーション【keyframesの復習】

どうも!LSSです!! このブログで、keyframesとanimationを使ったCSSアニメーションを色々試みてきました。 とっつきにくいながらも、分かってくると面白いkeyframesですが、LSSだけ分かっていても他の方が置いてけぼりだと「コードを少し変えて使いたい」…

【短文日記】ちょっとCSSアニメーションについて書こうと思ったら…

どうも!LSSです!! ちょっとCSSアニメーションについて書こうと思ったら…書き始めたのが遅くて、とても日が変わるまでに書ききれないな…と思ったのが23:45。 ちなみに書き始めたのが23時頃なので、動きだすのが遅すぎましたね^^;;; というわけで、後日にま…

銀河放浪

今週のお題「SFといえば」 どうも!LSSです!! 今週のお題「SFといえば」 - Little Strange Software では昔話とSFについて強引に書いていましたが、今回は普通にお気に入りSF作品の話。 と言っても、数多くあるのですが、中でも特に好きなのを挙げるとする…

【投資初心者】目標

どうも!LSSです!! 転職を機に、LINE証券で株式投資を始めました。 転職後にしている仕事が「収入は爆増、ただし1年契約」のため、「前年と同レベルの支出で生活していればかなり余裕が出るはず。その後に備えてなんらかの手を打つか」って感じで始めたの…

今週のお題「SFといえば」

今週のお題「SFといえば」 どうも!LSSです!! 今週のお題ですが、まず記事編集画面に出てきたのが「古今東西の「SF」を語りませんか?」この「古今東西」にまず目が行き、まっさきに連想したのは…「竹取物語」ですね。 SFの概念が無かった時代の、不思…