「CSS」 一覧

Bootstrap

_S+Bootstrap4のWPテーマUnderStrapを使ってみた

2018/07/18   -CSS, web技術, wordpress, ツール

公式サイト https://understrap.com/ 小テーマをzipでダ ...

IEで別ページへのページ内リンクが動作しないバグと戦う

2018/05/02   -CSS, javascript, php, web技術, wordpress

別ページのページ内アンカーリンクをよく使うのですが、IE11で動作しない現象が発 ...

SassコンパイラPreprosの使い方

2018/03/09   -CSS, web技術

gulpやwebpack等プロジェクトで回していくと、nodeのバージョンの違い ...

Bootstrap

2018WordPressにBootStrap4のナビゲーションを組み込むver2

2018/02/09   -CSS, javascript, web技術, wordpress

bootstrap-navwalkerはWordPressにBootstrapの ...

Gulp

Gulpが動かない時にとりあえず入れるコマンド

2018/02/07   -CSS, javascript, web技術

Gulpをパッチワークで作ってるヘタレエンジニア(本当はwebデザイナーなんだけ ...

Bootstrap

Bootstrap4のテンプレートまとめ(Photoshop編)

今までbootcompを使っていたのですが、Bootstrap4が出たということ ...

イラレで書き出したSVGをWordPressで使う

2018/01/29   -adobe, CSS, Illustrator, web技術

まずイラレで素材を作ります。 例のイラストはイラストACで引っばってきています。 ...

画像を使わずCSSのみでborderストライプ(角丸斜め)を実現する。

2018/01/24   -CSS, web技術

ボーダーをストライプにして、更に角丸を施した枠が必要になったので作りました。以下 ...

写真:Font

webフォントを使用する時に必ずやっていること

2018/01/22   -CSS, web技術

Adobe Typekitをよく使っています。 特に貂明朝や源ノ角ゴシックを好ん ...

Final Tiles Grid Gallery Lite使い方

Image Photo Gallery Final Tiles Grid — W ...

css

レスポンシブ時 IEでflex-direction: columnでjustify-contentでspace-betweenした時高さが狂う

2018/01/10   -CSS, web技術

縦並びにしたかったので、以下のようにしました。 [crayon-5bc9c444 ...

レスポンシブ対応の週カレンダーを実装したい

2018/01/09   -CSS, javascript, web技術

既存案件(jQuery3,BootStrap4beta)にレスポンシブ対応のWe ...

Adobe TypekitでWebFontの不自然な読み込みをなくす方法

2018/01/07   -CSS, javascript, web技術

あけましてた。 WebFont最近様々なサイトで使われる用になりましたね。 中で ...

Bootstrap

Bootstrap4 betaの使い方

2018/01/05   -CSS, javascript, web技術

グリッド xl 大画面モニター 1200px〜 lg  ノート 992px〜 m ...

font-awesome

fontawesomeのアイコンを擬似要素で挿入する

2018/01/04   -CSS, web技術

新年あけましておめでとうございます。今年こそはJSを覚えてフロントエンドエンジニ ...

スライダー読み込み時にすべての画像が縦に並んでしまう問題を解決

2017/12/27   -CSS, javascript, web技術, wordpress

トップページなどでスライダーをよく使用していると思いますが、Retina対応だと ...

css

Swiperスライダー

2017/12/27   -CSS, web技術

以前紹介したslickですがjquery依存だったので別のないかなということで、 ...

Bootstrap

Bootstrap v4でSassをコントロールする方法

2017/12/20   -CSS, web技術, wordpress

新しもの好きな私は独断で案件にBootstrap4を使っています。 var.α6 ...

Internet Explorer

IEレスポンシブ時、flexの縦均等配置が効かなかっかので対処法

2017/10/30   -CSS, web技術

See the Pen YEKYqz by ore (@ore_new) on ...

Gulp

Gulpでnpm: command not foundと言われてしまう

過去使用したプロジェクトに新規追加ページが来たので、久しぶりに引っ張り出してgu ...