人気ブログランキング | 話題のタグを見る

レスポンシブなページでのborder問題

レスポンシブデザインのサイトでborderを使っている場合、
隣接するborder同士の影響が出てしまう。

例えば、ブロックAとブロックBに1pxのborderを設定して、余白なしで隣接させると、隣接した辺同士がくっついて2pxのborderになってしまう。

通常のデザインであれば、nth-of-typeなどの擬似クラスを使って対応するのだが、レスポンシブデザインの場合そういう設定が大変になってしまう。


何か解決策がないかなー、と調べていたら、borderを使わずにbox-shadowを使うと解決されるよー、という記事を見つけました。



というわけでbox-shadowでborderを引きましょう。



# by golorih | 2016-08-31 11:08 | HTML&CSS

レスポンシブなページでのborder問題

レスポンシブデザインのサイトでborderを使っている場合、
隣接するborder同士の影響が出てしまう。

例えば、ブロックAとブロックBに1pxのborderを設定して、余白なしで隣接させると、隣接した辺同士がくっついて2pxのborderになってしまう。

通常のデザインであれば、nth-of-typeなどの擬似クラスを使って対応するのだが、レスポンシブデザインの場合そういう設定が大変になってしまう。


何か解決策がないかなー、と調べていたら、borderを使わずにbox-shadowを使うと解決されるよー、という記事を見つけました。



というわけでbox-shadowでborderを引きましょう。



# by golorih | 2016-08-31 11:08 | HTML&CSS

WordPressのWelcartで登録した商品は Google XML Sitemapプラグインでサイトマップに表示されない?

WordPressのWelcartで登録した商品は Google XML Sitemapプラグインでサイトマップに表示されない?

再現するかどうか試していませんが、そういった事例がありました。
/sitemap.xml を目視で確認するのですが、商品ページが見当たらないのですよね。


代わりに下記プラグインを使ったところ正常に表示されるようになりました。


# by golorih | 2016-08-05 13:39 | Welcart

IE や Edgeブラウザでfaviconが表示されない件

なんか出てこないので色々調べたメモ。


基本的な書式

headタグ内に書く。

<link rel="icon" href="url/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="url/favicon.ico" type="image/x-icon" />

baseタグを使っている場合のトラブル

baseタグを使用していても、faviconの参照パスは相対パスが使えません。絶対パスで書きましょう。



つーか、Edgeでも未だにファビコンが ico 形式にしか対応してないとか、object-fitプロパティに対応してないとか相変わらずのファッキンだなぁと思いました。


# by golorih | 2016-07-15 12:20 | Webサービス

[PHP] json_encode でエンコードした値を cookie に設定して使うと json_decode の結果がnullになることがある

setcookie関数はcookieに値を保存する際に addslashes関数を用いる模様。
そのため、json_encode関数でエンコードした結果をcookieに保存すると、
json_decode関数ではデコードに失敗することがある。

対応として cookieの値を取得後、いったん stripslashes関数を用いると正常に動作する。


イメージとしては下記のような感じです。(動作検証してません)

function save_cookie($name, $value) {
$json = json_encode( $value );
setcookie($name, $json);
}

function load_cookie($name) {
if(isset( $_COOKIE[$name] )){
$value = stripslashes($_COOKIE[$name]);
return json_decode($value);
}
return false;
}

# by golorih | 2016-04-20 18:09 | ソフトウェア開発


システム関連の個人的な備忘録。基本的にWindows関連です。

プロフィール

関連


Memoる

一生懸命だと知恵が出る
中途半端だと愚痴が出る
いい加減だと言い訳が出る

「やりたい」なんて言葉は使う必要が無い。「今やってる」「もうやった」「やらないことにした」なら使って良い。
まずは相手を好きになる、その次に相手のいい部分を探す、そして評価できる部分を見つける。それからです、誉めるのは。

カテゴリ

全体
ソフトウェア関連
ソフトウェア開発
Linuxサーバ
その他
Webサービス
MySQL
システム管理
test
バッチファイル
つぶやき
パソコンメーカー
jQuery
レビュー
実験と検証
セキュリティ対策
YahooPipes
vbs
ハードウェア関連
WordPress
JavaScript
HTML&CSS
Welcart
未分類

以前の記事

2022年 08月
2021年 06月
2020年 12月
2019年 11月
2019年 04月
2019年 03月
2019年 02月
2018年 10月
2018年 09月
2018年 01月
2017年 12月
2017年 10月
2017年 09月
2017年 07月
2016年 12月
2016年 10月
2016年 08月
2016年 07月
2016年 04月
2016年 03月
2016年 01月
2015年 12月
2015年 11月
2015年 10月
2015年 09月
2015年 08月
2015年 07月
2015年 06月
2015年 05月
2015年 03月
2015年 01月
2014年 11月
2014年 10月
2014年 09月
2014年 08月
2014年 06月
2014年 05月
2014年 04月
2014年 03月
2014年 02月
2014年 01月
2013年 12月
2013年 11月
2013年 10月
2013年 09月
2013年 08月
2013年 07月
2013年 06月
2013年 05月
2013年 04月
2013年 03月
2013年 02月
2013年 01月
2012年 12月
2012年 11月
2012年 10月
2012年 09月
2012年 08月
2012年 07月
2012年 05月
2012年 04月
2012年 03月
2012年 02月
2011年 11月
2011年 10月
2011年 09月
2011年 06月
2011年 05月
2011年 04月
2011年 03月
2011年 02月
2010年 12月
2010年 11月
2010年 10月
2010年 09月
2010年 08月
2010年 07月
2010年 06月
2010年 02月
2009年 12月
2009年 10月
2008年 12月
2008年 06月
2008年 05月
2008年 04月
2008年 03月
2007年 12月
2007年 11月
2007年 08月
2007年 07月
2005年 09月
2005年 08月

フォロー中のブログ

その他のジャンル

ファン

記事ランキング

ブログジャンル

ネット・IT技術

画像一覧