AtoZ 時々 UTUな日記

Open / Close

付加

04. Webデザイン 2019年6月20日 木曜日 7:18:53

ここのサイトもブレイクポイント増やしてビューポート幅に合わせてスタイルが変わるようにした。
あろうことか960pxから1024pxというよく使われるであろうサイズで…
例によって今はMacのChromeでしか見てないし、MBAの狭い画面だから縦長にした時にどう見えるかの確認もできてないけど。
それにしてもmixinでのメディアクエリ ってかなり難しいな。
どこまで入れ子にするか、可読性を考えると今までのやり方でいいんじゃないかと思える

Open / Close

挙動

04. Webデザイン 2019年6月17日 月曜日 6:49:05

せっかくMAMP環境作ってローカルで作業できるようしたのに、ChromeのデベロッパーツールとiPhoneの実機で挙動が違う…
結局いちいちアップロードして実機で確認、を繰り返してなんとかバグ取りしたけど。
あとはwin環境でのチェックなのだけど、サブ機にparallels入れてないから帰って机に向かわないといけない…
せっかくの持ち出し用枕元用マシンなのに…

Open / Close

鵺的

04. Webデザイン 2019年6月15日 土曜日 5:54:46

このサイト、スタイルを弄る時は本番サイトのソースをまるっとローカルにコピーして静的ページとして作業するのだけど、終わってサーバに上げるとスタイルが大幅に崩れる。
WordPressの何かがローカルに無いからなのかと思い、久々にMAMP入れて本番サーバのWordPress書類をガバッとMAMPに落としたら今度はカスタム投稿タイプやらテーマやらが効かずに素の状態になってしまう。DBはちゃんと落とせてインポートできてるのだけど…
なんだこれ。

Open / Close

開展

未分類 2019年6月13日 木曜日 7:19:24

WordPressに持っていくと崩れるスタイル、ようやく直した。
今更感バリバリのスタイルだけどまあいいや。
ブラウザの幅960から1024だっけな、その間だけこのスタイルになるという実験。
今度はまた別のブレイクポイント作ってグリッドでも使ってみるか…
いやグリッドは計算がめんどいから嫌だな…

Open / Close

悪癖

04. Webデザイン

この前ここのスタイルを変えたばかりなのだけど、ブレイクポイントを一つ増やしてsassの勉強がてら違うスタイルを作ってる。
indexと個別ページのソースをローカルのhtml書類に落として、ローカルで作業するのだけど、ローカルでは意図通りなのに、サーバに上げるとスタイルが崩れる。
WordPressの何かが悪さしてるんだろうか…
これを防ぐにはローカルにMAMP入れてWordPress内で作業するしかないのか…
サイトごとにWordPress入れるのめんどいな…

Open / Close

格闘

04. Webデザイン 2019年6月10日 月曜日 7:22:49

相変わらず自サイトふたつのスタイルと、sassの勉強ついでに格闘しているのだけど、cssのshape-insideってまだ使えないのね(?
図形に回り込みさせる-outsideの情報はよく見るけど、-insideの情報は皆無といっていいくらい。
一応、-insideの代わりに、::beforeと::after使ってそれらの外形を左側なら::beforeの右側をくぼませて、っていうバッドノウハウは見つけたけど、これは高さをしていしないと使えなかった。
jsと組み合わせて表現するというのもみかけたけど、動きはともかく、カタチのためだけにjsを使うのはどうも…(ただjsがわからないだけ
なんとか表現できる方法はないものか…

Open / Close

破壊

未分類 2019年5月20日 月曜日 9:26:55

テーマがいきなり崩れた…どのファイルも記述は間違ってないし、さっきまではちゃんと表示されてた…謎

Open / Close

衣替

04. Webデザイン

古臭くて眠〜いこのサイトの見た目をまあ今時でもないけど衣替えした。
htmlは変更無しでcssだけでの変更。
例によってMacのChrome、Safari、iOS Safari、iOS Chromeでしか確認してない。
多分IEだとめっちゃくちゃになるんだろうな…
それはまあそのうち対応。
そしてまたデザインの勉強がてらブレイクポイントをもう一つ設けて見た目をガラッと変えるつもり。

Open / Close

投稿

04. Webデザイン 2019年5月9日 木曜日 9:07:17

ここのブログ、全く記事を書いてないからsassの勉強用とかの実験場にしようかと思う。
だいぶ昔に組んだhtmlだから今見たら自分でイライラしそうだけど可能な限りhtml構造を崩さずにスタイル作りたい。
まあその前にどんなデザインにするか、それが問題なのだけど。

TOP