どうも！LSSです！！ はてな公式のお知らせで、新機能の追加の情報がでていましたね！ …といっても、いつも はてな公式からのお知らせはちょっと控えめで、気づかない方も多いんじゃないか？と思っているので、広報のお手伝いのつもりで記事にしてみますｗ アイキャッチ画像作成機能！？ はてなからのお知らせにどこで気づくかというと… ちょっとやられた感 アイキャッチ画像作成機能！？ staff.hatenablog.com テーマデザインの企画から、なんかcanvaと仲良くしてるな、って印象はありましたが（テーマデザインの賞品にcanvaの使用権が用意されています）、こんなコラボ機能も準備されていたんですね^^ ↑ちょっと試しに作ってみましたｗ はてなからのお知らせにどこで気づくかというと… PCで「購読中のブログ」を開いた時、１ページめの上部にさりげなーく、こんな風に表示されています。 ぶっちゃけ、

どうも！LSSです！！ 先日の記事で、リトル・須藤蓮二氏の写真をネタで公開したところ、 「LSSのイメージと違う」 との声を多数いただきました！ｗ あまりに多くの方から言われたので、思ったんですが、 「皆さんが持っているLSSのイメージってどんなのだろう？」と。 そしてそのイメージは共通してるのか、人それぞれなのか？も気になるところです。 そこで、はてなフォトライフからいくつかの画像を引っ張ってきてみました！ どの画像が一番、あなたの持ってるLSSのイメージに近いか、コメントで教えてください！！ エントリーNo 1 エントリーNo 2 エントリーNo 3 エントリーNo 4 エントリーNo 5 エントリーNo 6 エントリーNo 7 さぁ、どれが一番イメージに近いでしょうか！？ 上記エントリー以外にも「この画像のイメージ！」ってURLを貼っていただくのもアリですｗ ってなとこで、今回はこの

どうも！LSSです！！ 昨日の記事、 のコメント欄に、 なる(id:narutabi) ドットを箇条書きの前に色でつくるとかも勿論可能ですかね？ LSSさんの記事をみてると想像力が膨らみます(#^^#) とのコメントをいただきました。 なる様、ありがとうございます^^ というわけで、今回は「箇条書きのドットに色をつける」方法を試してみたいと思います！！ まず、「箇条書き」とは 箇条書きのHTMLコード CSSで色をつけてみます！ list-style-image について マークを色付きの丸にするには？ とても残念なことに… 応用篇 45degの角度で２色使ってみた例 謎のマーク 円の中心位置をずらして半円 あとがき まず、「箇条書き」とは はてなブログの場合、「記事を書く」の「編集　見たまま」画面に こう、適当に数行、文章を入力したとします。 で、 「見出し　▼」の右あたりにある、 ↑こ

どうも！LSSです！ 今回は「HTML超入門！…のさわりだけ！！」と題して、 「はてなブログ書いてるけど、HTMLは全く知らない。広告挿入のためにHTML編集画面を開くとドン引きする。」 という方に向けてちょっとだけ、HTMLってどういうものかを知る入口になったらいいな、って記事を書いてみます。 HTML編集画面を開いてみます HTMLとは？ タグとオプション タグの種類と、それぞれオプションの種類…は割愛します^^; はてなブログで即効で使えるHTMLタグ例２つ！ <hr>タグ＝区切り線 <table>タグ＝表 余録：HTMLと組んでWebページを賑やかにするお友達 CSS JavaScript PHP まとめ HTML編集画面を開いてみます 「編集　見たまま」画面で冒頭の文章を書いてから、適当に数回Enterキーを叩いて、HTML編集画面を開くと↑のような感じになります。 自分の書いた

どうも！LSSです！！ 先日の記事、「【CSS】はためく【実用性ある？？】」の応用ですが、 「カードをめくる」 という動作を、実は以前からやってみたいと思っていました。 実際に作れる事は知っていましたが、今回ちょっと挑戦してみたのです。 カードをめくるサンプル コード 解説…とまでいかないですが、とりあえず理屈だけ とりあえず、めくる動作は出来ていますが カードをめくるサンプル 割とリアルな動きでしょ^^ めくる ↑「めくる」をクリックしてみてください^^ コード <style><!-- .card{ position:relative; width:150px; height:200px; } .a{ position:absolute; border:1px solid black; border-radius:15px; width:150px; height:200px; padd

どうも！LSSです！！ 【CSS】ボックス装飾によく使うプロパティ　おさらいとサンプル集に続き、テキスト装飾関連のまとめ記事です！ 最初は基本的なところから、後半だんだん特殊なものになっていきます^^ font-size 文字の大きさを指定します コード 書式 color 文字の色を指定します コード 書式 font-weight 文字を太文字にします コード 書式 text-align 文字の表示位置を、右寄せにしたり、中央揃えにしたりできます コード text-decoration 文字に下線などの線を引きます コード 書式 その他アレンジ text-shadow 文字に影をつけます コード 位置をずらさず、ぼかしをまとわせる効果も作れます コード 書式 その他アレンジ 袋文字作成ツール マーカー 蛍光ペンを引いたような効果 コード 書式 その他アレンジ グラデーション文字 文字色自体

どうも！LSSです！！ CSS関連で色々と作ってきましたが、ここでちょっといったん、まとめ記事を書きます！ ちょっと量が多かったので、今回は「ボックス装飾」関連のまとめ記事となります^^ border-radius ボックス（枠）の角を角丸にする指定です。 コード 書式 border ボックス（枠）の外周に枠線を表示します。 コード 書式 枠線の種類 その他アレンジ background-image ボックス（枠）の背景に画像をつけます。 コード 画像ファイルの他に代替でグラデーションを使用できます。 コード 直線グラデーションの他に、円形グラデーションも使用できます。 複数のグラデーションを重ねる事もできます。 その他アレンジ box-shadow ボックスに影をつけます。 コード 書式 その他アレンジ あとがき border-radius ボックス（枠）の角を角丸にする指定です。 サン

どうも！LSSです！！ まもなく４連休に突入しますね！ LSSも暦通りなもんで、今日出勤したら４連休です^^ （その分、３日間がハードだったりもしますがｗ） さて、今回はちょっと久々に、２０年近く前に書いた小説を晒してみます。 「怪奇！蛙少女！！の巻」 あとがき 「怪奇！蛙少女！！の巻」 あれは小６の時、一学期の初日だった。 …三学期に一度も学校に来なかった啓子が登校してきたのだ。 「お！啓子じゃねーか！！」 「なんだよ、お前。トーコーキョヒかぁ？」 「トーミンしてたんじゃねーの？」 クラスの男子が一斉にひやかす。 啓子はボソッと答えた。 「うん、実はそうなの。」 「わー！ヘビ女だー！！楳図かずおだー！！！」 「…ううん、啓子…蛙少女よ…。」 さっきまで騒がしかった教室が一瞬で静まりかえったのを覚えている。 それは、異生物に対する恐怖などではなく、単にシラけただけだった。 その静寂を破った

どうも！LSSです！！ 作り始めてから一週間ほどで、ひとまずゲームとして遊べる形になりました^^ 今回はその時に省略したコードの紹介と部分的な解説になります。 ※つまり、わけわからん事を書きますｗｗｗ コード全文 functionの役割 このコードで使っている関数とその役割 function tmc() function tms() function rakka() function gamen_i() function gamen_w() function kmv() function kminit() function kensa() 消し判定の一部を書き換えるだけで別ルールが実現 コード全文 <style><!-- #gamen{ position:relative; background-color: lightblue; background-image:radial-gradi