素人が種から山もみじを育てています。 前回の第四回目はこちら。 あっという間に10月後半となり、すっかり寒くなってしまいましたね。 去年よりも寒くなるのが早い気がします。 さて、本日のもみじです。 前回投稿した記事でも、 […]
月: 2017年10月
感動の美味しさ!東京駅のハンバーグ専門店[ハンバーグワークス]のハンバーガー
東京駅の八重洲口付近、駅の地下1Fにあるグランルーフフロント内にあるハンバーグワークス(HAMBURG WORKS)に行ってきました。 ハンバーガー こちらのハンバーガーが大変美味しかったです。 一口目で驚いたのは、バン […]
SPAを開発したいけどSEO的にどうなの?Googleクローラーに見てもらえるの?
サービスを作りたいので SPA にしようと思ったのですが、表題の通り検索でサブページが引っかからなかったら意味ないのです。 SPAで開発する時って AngularJS とか React,Vue などの何かしらの JSフレ […]
150gある「肉厚チップス いきなり!ステーキ味」がやばい
ジャパンフリトレー株式会社から10月9日から発売した「肉厚チップス いきなり!ステーキ味」がやばい。 ジャパンフリトレーではあの有名なマイクポップコーンを販売している会社さんです。 パッケージは他のポテトチップスと大きさ […]
[ネタバレ]ロストスフィアをクリアしたのでレビュー
pic.twitter.com/hCWUaaRKsM — ひま缶 (@_himakan) 2017年10月17日 無事今日クリアしました。 普通に楽しめました。 バトルが楽しい 遠距離系のキャラだと敵の配置と […]
わし流スナック菓子最強選手権
こんにちは。ひまみちです。 スナック菓子はよく食べる方だと思います。 スナック菓子の中でも特に好きな商品の中から、最強のスナック菓子を考えてみたいと思います。 味が美味しいのは当たり前なので、今回は「手が止まらない度」、 […]
コピペでOK!紙がくるんとなっているような見出しデザインが作れるHTML・CSS
イメージ HTML
1 2 3 4 5 6 |
<div> <section> <h1>タイトル</h1> <p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p> </section> </div> |
CSS
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 |
div{ padding:10px 0; background-color:#ccc; } section{ margin:0 10px; padding:50px 0 10px; background-color:#fff; position:relative; } h1{ width:90%; margin:auto; padding:10px 0; position:absolute; top:-8px; left:0; right:0; background-color:#f55; color:#fff; text-align:center; } h1::before{ position:absolute; top:0; left:-8px; width:0; height:0; content:""; border:4px solid transparent; border-bottom:4px solid #800; border-right:4px solid #800; } p{ margin:0 20px; } |
beforeの疑似要素で直角三角形を作っています。 そして、 […]
[Firebugが使えない?] FirebugからFirefox開発ツールへ
あれっ、Firebugが起動しない… 異変に気付いたのはつい先日のことでした。 調べてみると、Firebugはだいぶ前に開発・メンテナンスを終了する告知を出していたようです。 Firebug公式サイト どうやらFireb […]
スーパーファミコンミニ記事まとめ
スーパーファミコンミニにソフトを追加する方法 スーパーファミコンミニにソフトを追加したいのでROMの吸い出しを行う方法 スーパーファミコンミニのソフト追加時の相性表 スーパーファミコンミニが買えない時の代替え案 あとがき […]
スーパーファミコンミニのソフト追加時の相性表
まぁそんなにソフトは試してないですが、どのソフトを追加すると遊べるのか表にしてみました。 スーパーファミコンミニにソフトを追加する方法はこちら ソフト名 起動 画像 スーパーマリオコレクション ゲーム実行可能 アクトレイ […]