Website Creation– category –

冬のサイトやクリスマスイベントページを作るとき、「もっと雰囲気を出したい」「動きのある背景を追加したい」と感じる人は多いはず。実は、Bootstrap × JavaScript（Canvas） を組み合わせるだけで、誰でも簡単に “雪が降る幻想的なトップページ” を作れ...

Webサイトをおしゃれに見せたいと考えたとき、「ガラス風デザイン（glassmorphism）」を取り入れたいと思ったことはありませんか？ ガラスのような透明感とぼかし効果を使ったデザインは、近年のWebトレンドとして注目されており、ポートフォリオやLP、Web...

Bootstrap cardはとても便利ですが、デフォルトのままだと少し物足りない…と感じる方も多いのではないでしょうか。この記事では、初心者でもコピペだけで実装できる「Bootstrapカードのおしゃれアレンジ」をわかりやすくまとめました。 影（シャドウ）を付...

ホームページを作るとき、photo-size「写真のサイズってどのくらいがいいの？」と迷ったことはありませんか？サイズが合っていないと、画像がぼやけたり、逆に大きすぎてページが重くなったりします。 この記事では、ホームページで使う写真の最適なサイズ...

Bootstrapを使うと、ナビゲーションバー（メニュー）を簡単に設置できます。しかし、「もっとおしゃれにしたい」「中央にロゴを配置したい」「右寄せしたい」と思ったことはありませんか？この記事では、Bootstrapのナビゲーションバー navbarを使って簡単...

WordPressでテーマを作成している時に、「記事一覧をタブで切り替えるようなデザイン」を実現したい時や、それを実現しているテーマを目にしたことがあると思います。 今回はZeroStartのコラム一覧で実装している「タブ切り替え」風の通信について解説して...

今回は弊社のモック掲載ページでも使用している、マウスホバーに合わせてゆらゆら動くアニメーションの作成方法を紹介します。ギャラリーページ等の一覧画面で使用すると高級感が有り、洗練されたイメージを与えることが出来るのでオススメです。基本的に...

今回は企業ホームページなどでよく見かける画像ループスライダーの作り方について紹介していきます。HTMLとCSSだけで実現可能ですので、初心者の方でも気軽に取り入れる事が出来ると思います。 今回作るもの 画像スライドは色々なタイプがありますが、今回...

今回はCSSによるフェードインアニメーションだけでなく、マスク画像を使用した更にひと手間加えたアニメーションの方法を紹介します。リッチなアニメーションを採用したい場合等に効果的ですのでぜひご活用ください。 今回つくるもの 今回は画面読み込み時...

これからWordPressを使って開発をしようとしており、運用のためにどのようなことができるのか調査していました。その中でWordPressのリリース方法について調べていると、Bedrockという単語を見つけました。なんだか良さそうな香りがしたので試しにセットア...