「css」のラベルが付いた記事

2018/02/24

Webフォントより確実なピュアCSSアイコンのすゝめ

やっぱりベクターアイコンにします。(2023/07/01) はじめに Web ページのアイコンには、古くは画像を使うものに始まり、これを画像スプライト化したり、データ URI 化してスタイルシートに埋め込むなど最適化の工夫がされてきました。最近の主流は Web フォントによるアイコンです。2011年に登場するデザイントレンド「フラットデザイン」との相性も良く、拡大して良し、色も CSS で簡単に変更できるとあってそのメリットは絶大です。しかしモダンな環境でも確実…

2017/01/22

技術ブログに追加したいほっこりCSS5本

css, Web開発

2017/01/04

CSSのcontentプロパティと属性セレクタの調査

css, CSS-Generated-Content

2016/12/20

Nice Page Builderをブログ書きながらテストしていったよ

css, javascript, NicePageBuilder, vscode

目次を追加してマークアップを修正、併せて追記と修正を行っています。(2021.5.11) 諸々公開しています。(2017.2.2) 最小のパターン任意のプロパティを追加してみる各ページで共通する値を別ファイルに分離したい MIXINS ルート相対リンクから相対リンクへ変換 beforeBuild スクリプトと Page クラスの拡張現在 Nice Page Bu…

2016/10/12

リンクテキストのインタラクションを整理する

css, Web開発

リンクテキストのインタラクションをなんとなく指定していったところ、一貫性に欠けコードもゴチャゴチャしていました。先月にかけて腰を据えて整理したところ、インタラクションもコードも納得の出来にすることができました。この記事では当ブログのテキストリンクのインタラクションのルールと実装の注意点をご紹介します。

2016/10/03

【VS Code 拡張】js,css,scssをブラウザ別にビルドするためのプリプロセッサを公開しました

css, javascript, pettanR, vscode

VSCode 拡張での開発を中止し、 gulp プラグインに移行しました。(2019/12/27) クロスブラウザな Web 開発においてカリカリのパフォーマンスを発揮するべく環境（ブラウザ）毎にビルドした js を用意する誘惑にかられたことはないでしょうか？フォールバックやパッチからなる他環境向けのコードが一切読み込まれないということは、通信にも端末のメモリや CPU にも優し…

2016/08/28

Bloggerのファイル置き場をGoogle DriveからDropboxへ、CSSのブラウザ別ビルド、SMACSS導入など

css

2016/03/29

Firefox OS 2.2用の CSS ハックを紹介！ Web ページの日本語が Firefox OS 2.2で表示され無い問題の対策

css, Firefox, Web開発

2016/03/10

IEの独自CSS拡張-ms-filterとの正しいお付き合い

css, javascript, クロスブラウザ

今更ですが... Windows 版の IE4 から登場し CSS3 Opacity 等を先駆けて(不十分に)実現した IE 独自 filter (以下独自 filter)について。重要そうな点について寡聞にしてズバリな言及を見なかったので書いておきます。独自 filter の切り方しばしば ActiveX を切っていると独自 filter は使えない、といわれます。しかし詳し…

2016/03/09

Presto Operaの調教記録

css, javascript, presto, Web開発, クロスブラウザ

2016/02/21

<meta>タグによるviewport指定の2016年春決定版！jsで上書きするべきケースも紹介

css, javascript, Web開発, クロスブラウザ

長々書いていますが記事の新規部分は最近の Android 標準ブラウザでも遭遇するバグへの target-densitydpi=medium-dpi での対策だけです。はじめに気が付けば <head> 内にはズラズラといろいろなことを書くようになりました。 <meta> タグの viewport にどんな指定をすればよいのか？自分でも怪しかったので…

2016/01/18

フロントエンジニアのためのブログ運営(再開)のススメ

css, Web開発

昨年のはじめ、弱小会社のおひとりさま Web プログラマの僕はいい加減人を育てないと氏ねると思っていました。手始めにオレオレフレームワークのソースコードに jsdoc コメントで“Web 開発の世界へようこそ！”から始まるポエムをしばらく書きつけていましたとさ。 - * <h4>はじめに:Web 開発の世界へようこそ！</h4>\r - * DHTML と XHR 等…

2015/11/28

非デザイナーがチャチャッと野暮ったいブログを修正してみた

css, Web開発

はじめに、cssのリファクタリングここしばらくでブログの css の整理をしました。若干の変更を加えつつ、主に冗長な指定を修正し使われていない指定を外していきました。なぜリファクタリングが必要になったかといいますと… スマートウォッチからフルHD向け指定まで計5パターンも！レイアウトを切り替えている、フルHD > PCとタブレット横向き > タブレット縦向き &…

2015/10/03

Webサイトのスマートウォッチ対応はお済みですか？

css, Web開発

「えぇ、まだですって！それはいけません！」スマートウォッチからの Web アクセスがうなぎのぼりだそうです。一方で天然ものうなぎは減っています。また 2020 年にはスマートウォッチからのアクセスが Web 利用の過半数に、手脂のついたカマボコ板はオワコンだそうですよ。かくいう私もようやく最近になってガラケーからスマートフォンに切り替えたというのに…世の中の進歩が速すぎます。「で …す…

2010/12/18

IE7で後方互換モードを使う、ドキュメントタイプスイッチについて

css, javascript

IE5.5 以降で対応していない CSS2 以降については、CSS Expressions を使ってやると javascript を使わなくてもなんとかなったりします。（但し、javascript が無効だと CSS Expressions も動かない！）そんな CSS Expressions ですが、IE7と8では後方互換モードでないと動作しません。その理由はIEだって結構 CSS サポー…