配列からhtml出力させたらカンマが入ってくる

スライドショーの中身をjsonで配列用意して出力させていたら、スライドとスライドの間に「,」が入り込んでる。 こんな感じで。 結論、配列を文字列に変換すればよいようです。 参考:https://teratail.com/ … 続きを読む

HTML/CSS/JS コーディングお役立ち系

コーディングの際に多用するお役立ち系リンク。 CSSプロパティ互換性の確認:https://caniuse.com/ ▼素材関連 ・画像サイズ圧縮 https://tinypng.com/ 落とせるときは以下くらい圧縮で … 続きを読む

指定した要素の内容一致で処理する(完全一致、部分一致それぞれ)

世の中気づけばjQueryオワコンだぜみたいな風潮あり、自分もプロジェクトによってはそんなフリして取り組んでいますがちょっとした実装にはいまだ便利ですよね。 jQueryオワコン派の方に刺されないよう静かに生きていきたい … 続きを読む

tumblrのテンプレートで日本語が表示されない

tumblrの無料テンプレートを使用したら見出しタグで日本語が表示されない現象があった。 このテンプレではfont-familyを使用するウェブフォントではなくてCurfonを利用してフォントを指定していたため、 日本語 … カテゴリー: html + css, javascript, web

jQuery slideUp Downががたつく、スムーズに動かないケース

ひょんなことで気づきましたが、tableタグに対してjQueryのslideUp Downをあてるとスムーズに動かない。 なのでdivかなんかで囲ってそれに対してslideUp Down してあげること。 あれっと思って … カテゴリー: javascript

addthisでURLの後ろに#から始まるIDがついてしまうのを避ける方法

メモ、まさにメモ。 addthisを埋め込んだサイトでよくわからないけどたまに起きる現象。 トラッキングするためにIDがaddthisによってふられているので、それを阻止すればいい。 addthisの管理画面でトラッキン … カテゴリー: javascript

ホームアイコンから表示した全画面表示のウェブサイトのリンク処理をsafariに遷移しないようにする。

iOSでホーム画面に追加したアイコンから全画面表示させたウェブページで、リンクをクリックしてしまうと残念な事にsafariに移動してしまう。 それは悲しいので というように、aタグの挙動を変えてあげると遷移せずに全画面で … カテゴリー: javascript

webページで縦組みを導入した時のメモ

IEとwebkit系など、CSSのプロパティで縦組みに対応しているブラウザと、firefoxのように対応していないブラウザがある。 対応していても縦組みにはバグがつきもので、句読点の位置やらなんやら色々。 CSSも とか … カテゴリー: html + css, javascript

取得したサイズ(**px)をparseIntで整数(**)にして利用

jQueryでcssのプロパティ値を取得したときなどに整数にして利用しやすくする。 #p1に height:200px; という値がある場合 こういう感じでparseInt()を使うだけ。 200px が整数の 200  … カテゴリー: javascript