Skip to content

wbdv [web dev]

web tech diary

  • HOME

タグ: CSS3

レスポンシブデザインで便利なCSSを紹介。

Posted on 2020-01-182020-01-18 by IKIX_wbdv
 レスポンシブWebデザイン(RWD)で使うと便利なCSSプロパティを紹介します.一般に,display: none;やwidth: 100%;は非常に使います.ここに挙げる5つの... Read More

同じ要素の表示数を制限できるCSS

Posted on 2019-12-182019-12-18 by IKIX_wbdv
 同じHTML要素をたくさん並べると,画面から外れてしまうので,表示するのは何個まで!と制限したくなりませんか.そんな時,CSSたった1行で済み... Read More

5GによるWeb開発の変化を予想する

Posted on 2019-12-142022-11-12 by IKIX_wbdv
 2020年から商用化が始まる5G.対応端末が普及する2022年以降,Web開発の技術は変化を経験する.今までボトルネックになっていた困難が取り払われ... Read More

CSSカウンタで項番を降順に自動採番する

Posted on 2019-10-162019-10-16 by IKIX_wbdv
 連続するリストを作るとき,先頭にIDを振りたくなります.上から1,2…と振るならCSSカウンタで充分です. body { counter-reset: h3count; /* 'h3count' と... Read More

aタグへのページ内リンクが不安定な原因

Posted on 2018-11-272018-11-27 by IKIX_wbdv
 アンカータグはidやnameという属性を持っている.wbdv.htmlに<a id="web" name="dev">と書くと,wbdv.html#webやwbdv.html#devというURIでアンカータ...... Read More

ふくろうセレクタを用いた垂直配置

Posted on 2018-09-172018-09-17 by IKIX_wbdv
 フロー要素による「フローシステム」とは,垂直方向に閲覧するとき,ストレスなく見られるレイアウトをいいます.フローシステムの垂直配置... Read More

WordPressで自動改行を除去するCSS

Posted on 2018-09-17 by IKIX_wbdv
 WordPressで改行が自動で入ってしまうことがあります.それをCSSで取り除く方法です.mainタグやarticleタグやsectionタグの中に自動改行があれば, main... Read More

ハニカムレイアウト

Posted on 2018-09-132018-09-14 by IKIX_wbdv
 要素を蜂の巣状に並べる簡潔な方法.teratailでの質問をきっかけに開発(多分,世界で初めての手法).名付けてハニカムレイアウト. <div> &l... Read More

ロード時に「loading…」を表示しフェードアウト

Posted on 2018-09-112018-09-11 by IKIX_wbdv
 サイトを読み込むときに簡単なメッセージを表示し,それをフェードインする方法.jQueryは必要. <html lang="ja" data-loading=""> ...  htmlタグにカ... Read More

マウスをウィンドウから外すと開閉するドロワー

Posted on 2018-09-102018-09-10 by IKIX_wbdv
 マウスカーソルをブラウザウィンドウの外側に外すと,開いたり閉じたりするドロワーです. <!DOCTYPE html> <html> <head> <meta charset="...... Read More

スマホのスクロールが固い原因

Posted on 2018-08-252018-08-25 by IKIX_wbdv
 スマホですいすいスクロールできるのがふつうですが,固くなることがあります.  原因はPCでみるとはっきりします.スクロールバーが二重に... Read More

スマホ表示で横揺れをなくす

Posted on 2018-08-252019-03-13 by IKIX_wbdv
 スマホで操作していると,まるで画面がサイズより大きいかのように,枠の外の余白がみえるまでコンテンツが揺れてしまうことがあります.  ... Read More

FOUCを即効で直す方法

Posted on 2018-08-232018-08-23 by IKIX_wbdv
 FOUCとは,読み込み時に画面がちらつく現象.CSSのスタイルが効いていない要素がCSSファイルより先に読み込まれてしまうことにより起こる.FOUCを... Read More

buttonの中央寄せについて考えた

Posted on 2018-06-022018-06-02 by IKIX_wbdv
 ウェブページに欠かせないボタン.なにかとあればボタンで考えがちなきょうこの頃.  HTMLには2種類のボタンがある.buttonタグとinput type=”bu... Read More

ページ上/下端に要素を表示し続ける

Posted on 2018-04-272018-04-28 by IKIX_wbdv
 ナビゲーションバーやヘッダー/フッターなど,スクロールしても上下端に表示し続けたいことがある.実はいまとても簡単に実装できるのだ. hea... Read More

CSSで変数を使う方法

Posted on 2018-04-272018-04-27 by IKIX_wbdv
 CSSを使わずSassやSCSSを使いたがる理由のひとつに,変数を使いたいことがある.文字色や値を繰り返さずに記述したほうが管理しやすいし,変数に... Read More

opacityはz-indexが効かない

Posted on 2018-04-062018-04-06 by IKIX_wbdv
 CSSプロパティのopacityは透過度を0から1までの数値でデザインできる.今回,opacityはオブジェクトの重なりに有効なのか調べるため,z-indexを使って... Read More

タグ

5G Aptana ASP.NET CSS3 FuelPHP HTML5 Hyper-V JS Laravel Sass SQL Server Windows10 さくら ウェブデザイン

アーカイブ

考えた人

横浜市の2級ウェブデザイン技能士.
仕事のご依頼はこちらまで.
work @ potaro.org
メールの件名に【仕事依頼】と打ってください.
Theme Designed by Rohit. wbdv 2018