ホームページ作成サービス「BiNDup」でWebサイトをデザインするとき役立つまとめ記事の後編。「BiNDupの機能のみ」ではできないデザインもカスタムタグなどを用いて裏技を使えば可能なことも。BiNDのできること、できないことを整理しながら、実現するための裏技も詳しく解説します。
Webサイト制作には切り離すことのできない見出し。今回はホームページ作成サービス「BiNDup」を使って、見出しの基本的な使い方からデザインのカスタマイズまでサンプルを交えてご紹介します。サンプルデータを初級編〜上級編でご用意。ダウンロードできるのでぜひ活用してみてください。
BiNDupのデザイン編集機能 Dressでも使えるCSSの「before要素」と「after要素」の入門編。段落の前後にテキストや装飾を挿入できるので見出しをデザインしたいとき役立ちます。設定方法や注意点などをまとめました。
デジタルステージのデザイナーが普段の業務の中でよく使う、BiNDupのデザインカスタマイズテクニックを難易度とともに4つご紹介！細部に凝ったデザインをBiNDupで実現するべく設定は少々難しいですが、サンプルのサイトデータも配布していますのでお試しください。
BiNDupのテンプレートはトレンドを意識しデザイン性が高いのが好評ですが、ちょっと設定を変えたい、消したい場合もあると思います。今回は設定の削除の仕方に焦点を当ててカスタマイズ方法を解説します。
ホームページ制作サービス「BiNDup」のスマホメニューに「タイル」という新しい形式が追加され、スマホサイトで横並びのメニューを表示できるようになりました。他のメニューと比較しつつ、タイルメニューの使い方を紹介します。
角丸は、脳が疲れず認知の処理が早い形として、AppleのプロダクトやUIデザインに多く採用され、注目されています。定番のデザインの１つとして定着している、角丸を使った大胆なカスタマイズノウハウを紹介します。
簡単に和モダンが実現する、縦書きを見出しやリストなどをWebデザインのアクセントとして使用してみましょう。すぐに変更できるように、新しいBiNDupで使えるサンプルを用意。縦書きの設定方法を詳しく解説します。
ページ内でコンテンツごとにスクロールさせる事ができるページ内リンクナビゲーションの設置方法を解説します。
BiNDupのテンプレートでデザイン変更したいと思った時にどこを変更するか分からない事がありますね。Dressで修正箇所を探す方法とその構造を解説します。
サイトを作る時、キーカラーにサブカラーなど、決まった色を使うのは見やすいサイトデザインのためには不可欠です。BiNDupのDressに新たに搭載された「Dressカラー」機能は、色を登録さえしてしまえば、サイト上のさまざまな場所で、設定した色を呼び出すことができるので効率よくデザインできます。
写真の上にNEWやオススメなどの文字を重ねる装飾は、CSSを使えば画像を直接加工せずに実装できます。BiNDupのDressでは、デザインが崩れる恐れがあるので普段は閉じられている高度な設定ではありますが、使いこなせばデザインの幅がかなり広がるので一部の仕様と使い方をご紹介します。