【CSS】background-positionを使った画像の16分割（4x4）やっとできた - Little Strange Software
どうも！LSSです！！ もう何か月も前の記事ですが、 little-strange.hatenablog.com で頭を悩ませていた問題が解決しました！ 画像の16分割 コード background-positionの%指定の特異性 16分割する意味 画像の16分割 画像を16分割した上で、borderで各枠に盛り上がったような効果を書けています。 これ、16個のdivタグで一つ一つ、16分割した各画像を割り当てています。 （画像の縦横サイズを得るために、その下に一枚絵も隠されていたりしますが。） なお、元の画像は↓こちら。 悩ましかった表示位置のズレ、画像の端まで表示できていないなどの問題が解決しています^^ コード <style><!-- #gbox{ display:inline-block; position:relative; width:100%; } #m0,#m1,#m2,
【JavaScript】まるを大きくするゲーム未満のなにか【なんだこれ】 - Little Strange Software
どうも！LSSです！！ ふと思いついた動作があって、JavaScriptで作ってみました。 なにか…ゲームになりそうで、まだなってない、そんな謎の状態ですが公開してみます！ まるを大きくするゲーム未満のなにか 遊びかた（？） このスクリプトのコード あとがき まるを大きくするゲーム未満のなにか 下の〇をクリックしてスタート！ 遊びかた（？） 青い○をクリックすると、○が大きくなった後、小さくなっていき、また大きくなりはじめます。 小さくなる方が多いので、放っておくとどんどん小さくなってしまいます。 大きくなり終えたタイミングでクリックすると、また大きくなり始めるので、タイミングよくクリックするとどんどん大きくなります。 ただし、大きくなりつつある時にクリックしてしまうと、その時点で小さくなり始めるので、余計に小さくなってしまう事になります。 ある程度大きくする事に成功すると、○が赤くなり、
ブログタイトルの装飾をリニューアルしました！ - Little Strange Software
どうも！LSSです！！ 既にお気づきの方もおられると思いますが、今朝（2021/11/5 AM）、このブログのタイトル部分の装飾をリニューアルしました！ 今回のリニューアルデザイン 一応、コード解説 さて、この対角線の黄緑と黒のデザインですが 今回のリニューアルデザイン ↑スクリーンショット はてなブログの「デザインCSS」に、下記のコードを追加しました。 コード #blog-title-content{ display:inline-block; background-image:linear-gradient(to bottom right,#aed58180 50%,#00000080 51%); padding:15px; text-shadow:3px 3px 0px #555555; } 「#blog-title-content」は、このタイトルや説明文を取り囲んでいるdivタ
【CSS】対角線を描くのが難しいけど、解決した話 - Little Strange Software
どうも！LSSです！！ 一昨日～昨日と、 続けざまにconic-gradientネタを書いていました。 が、このconic-gradient、調べものをしていた時に偶然見つけたもので、元々調べていたのはlinear-gradientについてだったりしますｗ CSSで↓のような対角線を扱うのが、予めサイズが決まっているとborderやlinear-gradient+角度指定でも可能なところ、サイズが可変（例えば画面サイズの幅100%とか）の時には極端に難しかったりします。 これが、↓のように、linear-gradientに「to bottom right」のようにつけると、何故か出来てしまったりします。 コード <div style=" width: 300px; height: 200px; background-image: linear-gradient(to bottom righ
「はてなブロガーに10の質問」に答えてみます！ - Little Strange Software
どうも！LSSです！！ 今回は、はてなブログ特別お題で書いてみます！ はてなブログ10周年特別お題「はてなブロガーに10の質問」 ブログ名もしくはハンドルネームの由来は？ ブログ名「Little Strange Software」 「ちょっと奇妙なソフトウェア」として、変わり種アプリを提供する場（になる予定）です^^ ハンドルネーム「LSS」はその略称です。 はてなブログを始めたきっかけは？ ふと、スマホアプリ開発者になりたくなり、そのための学習（独学）を始めるとともに、アウトプットの場 兼 完成・公開した際の周知の場として開設しました。 ちょっと方向性は変わってきていますがｗ 自分で書いたお気に入りの1記事はある？あるならどんな記事？ 開設の経緯からいくと、古い記事ですが little-strange.hatenablog.com という事になるはずなんですが、自分の方向性が変わってきて
【ちょっと気になってるWebサービス】マンガノ - Little Strange Software
どうも！LSSです！！ 最近、「ちょっと気になってる」Webサービスがあります。 マンガノ 新しい時代のWebコミックがここから生まれるのかも…？ と、気になってはいるものの… マンガノ manga-no.com はてなブロガーなら誰しもお世話になっている「はてな」と、少年漫画誌で時代を築いた「集英社」が手を組んで開発したWebサービス「マンガノ」 まだ出来たての新しいサービスです。 新しい時代のWebコミックがここから生まれるのかも…？ はてなブログにも様々な漫画ブログがあり、Twitter上でも漫画作品を公開されている方がおられますが、素人でも投稿可能かつ作者が望めば収益化も可能！というサービスはなかなか無かったかもですね。 Kindle出版…なんて方法もありますが、それより敷居が低そうです。 と、気になってはいるものの… 自分が漫画を描くわけじゃないんですけどねｗ ただ、漫画ブログや
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
