ブックマーク / mmll.hatenablog.com (2)

  • 【CSS】付箋風の見出しをCSSで作ってみる! - mlog

    今回は、付箋風の見出しをCSSで作る方法を紹介したいと思います! 最初に、ベースとなるCSSコードを紹介した後、簡単なカスタムパターンをいくつか紹介していきます。 目次 ブログで使用する場合は はてなブログの場合 ベースコード 使い方 カスタムパターン 付箋風見出しの色を変えてみる! 背景色も調整してみる! 角丸表示にしてみる! 右側だけ(もしくは左側だけ)を角丸にしてみる! 影の度合いを調整してみる! まとめ ブログで使用する場合は ご利用のブログがHTML記述に対応している場合は、紹介するCSSを<style>と</style>で囲んで記述してください。 ※ CSS用の入力欄がある場合は<style>と</style>の囲みなしで記述してください。 HTMLコードについては、そのまま入力でOKです。 はてなブログの場合 はてなブログでのCSSの使用については、以下の記事でまとめています

    【CSS】付箋風の見出しをCSSで作ってみる! - mlog
  • Netlify + GitHub 環境で簡単にサイトを公開する方法 - mlog

    今回は Netlify + GitHub 環境で簡単にサイトを公開する方法 について解説したいと思います! 「 Netlify 」は静的コンテンツのホスティングサービスです。 GitHubGitLab、Bitbucket のリポジトリに置いてある静的コンテンツを比較的簡単な設定で Web 上に公開することができます。 サイトを更新する場合も、GitHub に更新内容をプッシュするだけでサイトが更新 され、非常に便利です。 その他、公開用ブランチやディレクトリの選択が自由 だったり、無料枠の範囲で独自ドメインを設定できる など、簡単設定かつ高機能、懐にも優しいサービス内容となっています。 目次 目次 簡単な流れ 公開用の GitHub リポジトリの作成 リポジトリ作成 & クローン 公開用のブランチを作成 公開用ファイルを追加 コミット & プッシュ Netlify で公開設定 Net

    Netlify + GitHub 環境で簡単にサイトを公開する方法 - mlog
  • 1