デザイン

デザインタグ記事(更新日順)

  1. タグ: , , , , , ,
        【CSSのみ】レスポンシブな多階層ハンバーガーメニューの実装方法(サンプル付き)
    ハンバーガーメニューとは スマホでホームページを見ていると右上に「三」のようなマークを見ることが多いと思う. これを見かけがハンバーガーのようだからハンバーガーメニューと呼ぶようだ. 恐らく,箇条書きのメニューを遠くから […]
  2. タグ: , , , , ,
        【CSS】z-index が効かない場合の注意点
    z-index が効かない場合に z-index は要素の重ね合わせの順番を定義できます。 以下のように使いますが、数字が大きいほど上に表示されます。 #test { z-index: 1; } スタイルシートを使って、 […]
  3. タグ: , , , , , , , , , ,
        【レスポンシブ対応】CSSのみでの多階層ドロップダウンメニューを作成
    javascript無しでナビゲーションメニューを作る 弊社のホームページはナビゲーションメニューとしてドロップダウンメニューを採用している. 当初は drawer.js を使用して作成されていた. しかし,このレスポン […]
  4. タグ: , ,
        【CSS】テキスト(見出し,タイトル)に横線をつける方法
    HTMLのコーディングで必要になり,ちょっと調べたので備忘録. 見出しなどの文字列の両側(両端,左右)に横線(ハイフン・横棒)をつけて,中央にもっていきたい場合がある. - を使うと ------ のように切れ切れになっ […]
  5. タグ: , , ,
        CSSだけで外部サイトへのリンクにマーク(アイコン)をつける方法
    リンクが外部に飛ぶことを示すアイコン(リンクアイコン)をつけると押すと別サイト(外部リンク)に行くことが分かりやすいので親切である. なぜ,このようなリンクアイコンを設けるのかという必要性の観点からすると「クリックすると […]
  6. タグ: , , , , , , ,
        画像スライダー Swiper の設定・使い方 (HTML, CSS, JavaScript)
    ホームページで使われる「画像スライダー」は種類が多数あり,どれを使うか迷う. 無料で商用利用可能な Swiper 少し調べてみた限り,Swiper というスライダーがとてもよく出来ていると思ったのでこのスライダ―の使い方 […]
  7. タグ: , , , , , ,
        【CSS】レスポンシブ対応縦横ヘッダ固定テーブル(縦横スクロール)
    スマホ表示の時に画面からはみ出る table をスライドさせる方法に関して以前に書いたが,それらは IE11 で動くようにするために面倒くさいことをしていた. しかし,もうサポートも終了するので,IE11 は無視してもよ […]
  8. タグ: , , , ,
        table(テーブル・表)で absolute を使うとセルの枠がずれる
    原因不明の表のズレ px なのに小数点表記 とある案件でスライダー表(【CSS】レスポンシブ対応横スライダーテーブル(表)参照)を作成したときのことです。 この表は一番左の列を position:absolute にして […]
  9. タグ: , , , , , , , ,
        自社URLで実施できるアンケート
    ホームページ上でもあまり強調して書いていませんが,レクタスのアンケートシステムはどこでも実行が可能です. アンケートシステム・webフォームシステムによってはその会社特定の独自ドメインでしか動かないケースがあります. そ […]
  10. タグ: , , ,
        CSSでHTMLのタグを書き換える
    CSSでタグを書き換えることはできない CSSに触りなれていないと、CSSでHTMLのタグを書き換えたいと思うことがあるかもしれません。しかし、CSSではタグを書き換えることはできません。 実際に<CSS タグ 書き換え […]
  11. タグ: , , , , , , ,
        「心に触れるホームページをつくる」のご紹介
    2018年に出版された本ですが時代に関係なく普遍的に通じる内容ですのでご紹介します. 書籍「心に触れるホームページをつくる」のご紹介 セミナーなどでよく内容を書籍にしてほしいと要望されていました「ホームページ作成のノウハ […]
  12. タグ: , , , , , ,
        ホームページを継続して改良しつづける必要性
    出来立てのホームページは新入りの営業マン ホームページは効率のよい営業マンですが,作ったままにしておくと成長は止まってしまいます. 新入社員も自分で成長できる人もいますが,適切な手助けがあった方がより成長します. ホーム […]
Pagetop