浜松市を拠点に静岡県西部にてWeb,デザイン,写真撮影〜を行っております。SOHOならではの身軽さと適正料金にてお客様の企業価値向上に取り組んでいます。サイト制作・管理、カタログ・広告デザイン、撮影等までお気軽にご相談下さい。



---お買い物用---

2019年9月13日

親要素の横幅でposition:fixedの位置を固定する

Filed under: Web & Design,備忘録 — Cript @ 1:42 AM

文章で説明するのがめんどーなのでw 図を見て頂きたいんですが、簡単なようで結構試行錯誤したのでその備忘録

通常普通にposition:fixedで書いちゃうとブラウザの絶対位置基準で配置されてしまうのでright:0とかすると#wrapper内にあってもブラウザの右端にくっついてしまうわけです。

んで、いろいろ試行錯誤した結果。
ブラウザの半分の値-#wrapperのピクセル値の半分をcssで計算してあげればなんか上手くいったw
position:fixed;
right: calc(50% – 450px); /* 親要素が900pxの場合 */
です。

この方法が正しいかは知らないwww(識者の方いらっしゃいましたらゼヒ教えて下さい<(_ _)>)



2019年5月22日

HTTPS化したらwordpressのプラグイン、”Infinite Scroll”で混在コンテンツの警告とかiOS対応とか

Filed under: Web & Design,備忘録 — Cript @ 2:02 PM

WordPressで構築したサイト。
HTTPS化したらwordpressのプラグイン、”Infinite Scroll”(無限でコンテンツを適時読み込んでスクロールしてくれるシャレオツなやつ)でなんかうまくいかないっぽい。
プラグインを外すと警告無しで「保護されています」ってなるんだよなぁ。

プラグインの中でどっかHTTPS:のままのところがあるんかいな?と思ったりしてソースをかたっぱしから読むけどそんな箇所見当たらず・・・。
試行錯誤しながらもう一回基本に立ち返ろうとしてChoromeの検証モードで見ると

どうやらローディング用のgif画像がhttp://で読み込んでいる。プラグインでその辺の読み込む箇所を探すが、http://で読み込むようにはなってないっぽい。
以前の環境の何かを引きずっているのか?まぁ、phpMyAdminからなんとかするのももう面倒なので、Loading Image用gifファイルを別でアップロードしてそれを読み込むように指定。

これで混在コンテンツの警告も消えてスッキリ!
はぁ、疲れた(笑)

と、思って一安心していたら
もう一つ落とし穴が・・・。

iOS機器でローディングが出てこない時が!
8時間くらい試行錯誤して、なんとか傾向をつかんだのが、「Next Selector」のクラスの書いてあるタグの位置によって出たり出なかったりとか、記事の表示件数によっては出たり出なかったりとか、、、
いろんな要素が複合的に絡んで動きが不安定に。。。
悩みながらiPhoneいじってたらピンチアウトして拡大した時は必ず出る!というのに気づいて、それをヒントにググる!

と、https://webutubutu.com/webdesign/2091 というサイトを発見!
プラグイン内の
jquery.infinitescroll.dev.js
jquery.infinitescroll.js

bufferPx : 40

bufferPx : 500
に書き換えてOK!

こんなのわかんねーよ(泣)
Infinite scroll導入でつまずいた点のメモ の方ありがとうございました!
ほんと、助かった・・・。



2018年8月29日

アプリとか使わないでPCからインスタグラムに画像をアップする方法

Filed under: パソコンとか — Cript @ 12:10 PM

基本的にインスタグラムはスマートフォンからの利用を想定しているのでパソコンからの利用にはいろいろな制限が掛かっています。

その中でも一番のネックは通常状態だと写真のアップができないこと。

これを回避するために、「gramblr」などのツールがあるのですが、いいね!を買う機能があったりちょっと怪しい。

と言う訳で躊躇している人に簡単にブラウザ(chrome)からインスタに写真をアップロードする方法です。

1:クロームでインスタを開く
2:何もないところで右クリックして[検証]をクリック

3:このような状態になるので赤丸でかこったアイコンをクリック

4:携帯画面を模したレイアウト表示になるのでこの状態でリロード。そうすると[+]アイコンが画面下に出てくるのであとは画像ファイルを選んでスマートフォン時と同じようにアップするだけ。

わたしのインスタもよろしく!
” #浜松深夜徘徊 “と題したシリーズものをアップしています。
https://www.instagram.com/cript_sugimori/



2018年8月28日

ハードディスクをSSDとのハイブリッドHDDに変えたら倍速になった!

Filed under: パソコンとか — Cript @ 10:41 PM

Macbook ProのハードディスクをSSDとのハイブリッドHDDツーのに変えたら起動が倍速になった。こりゃいいや。SSDみたいに高くないし容量は大きいしおぬぬめ。

https://amzn.to/2LzmO5m

 

アフィーが仕込んであるのでどんどんクリックしてくださいw



2018年1月10日

無駄に時間を使っている気がするので再考するために書き出してみました。

Filed under: その他 — Cript @ 9:41 AM

最近特に時間・リソースの使い方が下手なのか無駄に時間を使っている気がするので再考するために書き出してみました。

「α」を目指すのがライフワークバランス/ライフアズワーク的に良いと思うんだけど、
#aに無駄に手間取ってて#bを後回しにしてるから「α」が逆に遠のいているのかなーと。
(よく考えたらあたりまえかw)

あとBの縦軸も伸ばさないと。と、いうことでもうちょっと頑張りますw



← Back!