オープンコンテンツ オープンコンテンツ
オープンコンテンツ 
オープンコンテンツ appeal_010についての説明
ブロックの背景を斜めにするCSS ブロックの積み重ねでページを構成していくBiNDではレイアウトが単調になりがちです。そんな時、斜めに背景の色が入ることでアクセントになるブロックデザインです。
オープンコンテンツ appeal_011についての説明
ナンバリングを大きく左にずらして画像に重ねたデザイン ナンバー付きでいくつかの項目を説明するような時、右カラムにあるナンバーをCSSで大きく左にずらし画像と重ねたデザイン。更にナンバーの背景に色を入れていますが、平行四辺形になるようにしてい
オープンコンテンツ appeal_014についての説明
カラム背景いっぱいに画像を入れて、もう一方のカラムに余白を設けて文字情報 ウィンドウ幅いっぱいに使った時のポピュラーなレイアウト。一方のカラムには背景に画像を指定し、見出しを載せます。もう一方のカラムにはゆとりある余白を設けて文字情報を入れ
オープンコンテンツ appeal_013についての説明
番号を薄い色で大きな太いフォントで文字の下に敷くレイアウト 片側に画像、逆側に文字情報というレイアウト。 画像をカラム幅いっぱいにせず、あえて数字の色と同色の背景が左右のいずれかに出るようにしています。 文字側のカラムは、数字を極太フォント
オープンコンテンツ appeal_013についての説明
縦横写真と見出しのインデックスに使えそうな変化あるレイアウト見出しと写真数枚の組み合わせで変化ある印象のレイアウト。写真をあえて縦長・横長の組み合わせとして、縦長写真を見出しのある上側にずらしています。縦長写真を左、横長写真を右としたレイア
オープンコンテンツ イベントなどの告知・報告に使えそうなブログサイト SiteDesign_002「Event」
公開・運営中の公式サイトにブログ機能として「BiND Press2」をプラスするためのサイトデザイン。イベント開催のお知らせ・報告へのご利用を想定しています。カテゴリーを指定した表示ができるようになり、便利に使えそうな「BiND Press
オープンコンテンツ BiNDupでの画像の取扱を検証してみました
BiNDのバージョンが変わるたびに検証してきた、恒例の画像チェックです。素材サイトからダウンロードしたままの画像と、バルクリサイズで処理した画像を使って検証してみました。こんなページで検証しました 以下の２枚の画像をBiNDのページにいくつ
オープンコンテンツ 見出しタグについてまじめに考えてみましょう！
BiNDではじめてホームページを作ったという方の多くはそもそも「見出しタグって何？」という方も少なくないのではないでしょうか。出張BiND教室で伺った時にお話をしたり、ご依頼を頂いたお客様の依頼時のホームページを見てみると、h3タグだけ何回
オープンコンテンツ 「こんな感じにしたいな」と思うホームページのデザインを探す
BiNDで作れるホームページはBiNDのテンプレートだけではありません。動きや斜めのように苦手なレイアウトもありますが、BiNDでも結構自由に表現できることを知っているでしょうか。「このサイトみたいにしたい！」とか、「このサイトのここの見せ
オープンコンテンツ BiNDで修正したのに変わらない時の対処法
BiNDで変更したデータを確認しようとしたら「変わってない」ってことありませんか？文字を変更したり、画像を変更した時はあまり問題ないと思います。「あれっ、変わってない」と思ったらだいたいブラウザのリロードボタンをクリックしたら変わります。で
オープンコンテンツ BiNDPressの画像付きインデックス表示は画像サイズに気をつけましょう！
BiND Pressの一覧表示には画像付きのインデックス表示があります。その時画像のサイズを意識したことはありますか？今回リニューアルしたBiNDismのトップページにBiND Pressのインデックス表示をプラスした時の気づきをお伝えさせ
オープンコンテンツ features_001についての説明
パソコンは３カラム、スマホでは１カラムの基本的な設定カラムwidthの設定はなしの３分割。スマホレイアウトでカラム２、カラム３のpadding-topに余白を設定。各項目で説明文の文字数があるときスマホでは１カラムが読みやすい。
オープンコンテンツ BiNDism BlockDesignベースデータ_CSSの説明
基本となるDRESSとCSSを設定してあるBiNDデータです。次は、CSSについてご説明します。
オープンコンテンツ BiNDism BlockDesignベースデータのDRESS解説
基本となるDRESSとCSSを設定してあるBiNDデータです。まずは、DRESSについてご説明します。概要説明ページDRESSとして「BiNDism_BASE2019-1」を設定しています。タイトルや大見出し、本文などの色やサイズを設定して
オープンコンテンツ BiNDに配置する画像のサイズはもっと気にしましょう
画像サイズってそんなに気にすること？ホームページは画像を配置しながら作成することが多いと思います。メインイメージとして横幅いっぱいの大きな画像を配置するようなレイアウトも多く、また、モニターの高解像度化もあり画像のサイズは大きなものが使われ
オープンコンテンツ features_001 パソコンは３カラム、スマホでは１カラムの基本的な設定
features_001パソコンは３カラム、スマホでは１カラムの基本的な設定カラムwidthの設定はなしの３分割。スマホレイアウトでカラム２、カラム３のpadding-topに余白を設定。各項目で説明文の文字数があるときスマホでは１カラムが