シンプルなstingerのデザインを一瞬で変えてみる

ご存知の方も多いと思いますがSEOで有名な無料のWordPressテーマ「stinger」 シンプルでいいのですがその分カスタマイズをしないと「よく見かけるデザイン」になってしまいます なので今回は一瞬で見た目を変える方法をご紹介します ファイルを直接編集したりソースをいじるのはちょっと。。。 そんな方もいるかと思いますので簡単な方法で見た目を変えちゃいましょう。     CSSを追加するだけ デフォルトの状態のstinger   みなれたデザインですね       … Read more about シンプルなstingerのデザインを一瞬で変えてみる

最近のシンプルなCSSフレームワークをまとめてみた【7選】

ウシジマくんの新作映画が公開するようで公開を待ちながら 今回は新しめのCSSフレームワークをご紹介をします     WING   ミニマルCSSフレームワークでかなりすっきりしています。 シンプルに組みたいときなどに最適です。 http://usewing.ml/     Spectre.css flexboxに対応レスポンシブでモバイルファーストなCSSフレームワーク メニューなんかはいいかんじですね、スマホ用に使えるタブなんかはいいですね。   See … Read more about 最近のシンプルなCSSフレームワークをまとめてみた【7選】

ポケモンのモンスターボールをCSSで表現するとこうなる

モンスターボールの画像を使うよりキレイに ポケモンのモンスターボールをCSSで表現するとこうなります。 サイトでポケモンの記事などを書く時に使うと面白いかもしれません笑 CSSはこちら [css] .pokemon { width: 220px; height: 220px; border-radius: 50%; background: radial-gradient(circle at 60% 30%, #ed4838, #d11f23); box-shadow: inset 10px -5px rgba(255, 255, 255, 0.2); … Read more about ポケモンのモンスターボールをCSSで表現するとこうなる

色々使えるかわいい43種類の有料フォントが無料でダウンロードできる

手書きフォント43種類が無料   8万円相当の有料フォントが無料でダウンロードできます。 個人だけでなく、商用でも利用可能なのが嬉しい。   かっこいいものからかわいいものまでそろっています。     フォントをダウンロード ※7/26日まで     … Read more about 色々使えるかわいい43種類の有料フォントが無料でダウンロードできる

CSSで新聞のようなデザインにするやり方

ブログなど記事を作る際、新聞のようにレイアウトしたいと思った方は少なくないはず。 簡単に新聞のような見た目にできる方法をご紹介します。 やり方は簡単でまずはデモをみてください CSSだけで簡単に新聞みたいな見た目にできる   See the Pen mEwddd by mero (@mero0) on CodePen. このようなかんじになります。 colum-countでいくつ並べるかを決めることができcolumn-widthで幅も指定することができます。 デモでは html [html] <div class="multi-column … Read more about CSSで新聞のようなデザインにするやり方