作成者別アーカイブ: hihihi

フォーム系memo cssトグルスイッチでフォームパーツを制御

Published / by hihihi / Leave a Comment

チェックボックスでトグルスイッチ

のび太スニペットくれよ〜と言わんばかりにネットで探す。

さいしょにめっけたやつ
円形、フラット、フリップ……3種類のトグルスイッチをCSSのみで作成する方法!|SeleQt【セレキュト】

円形、フラット、フリップ……3種類のトグルスイッチをCSSのみで作成する方法!

結局コレ参考にしたよってやつ
Simple CSS Toggle Switch — Create a toggle switch with only a checkbox
https://danklammer.com/articles/simple-css-toggle-switch/

最初に選んでから記事が読めて便利
CSS3 Toggle Switch Button – HTML Lion
https://www.htmllion.com/css3-toggle-switch-button.html

色んなデザイン
10 Free Customizable CSS Snippets for Radio Toggles & Switches – 1stWebDesigner

10 Free Customizable CSS Snippets for Radio Toggles & Switches

How To Create a Toggle Switch
https://www.w3schools.com/howto/howto_css_switch.asp

トグルスイッチと他のパーツのdisabledを連携させる

【jQuery入門】checkboxのchecked設定や取得まとめ! | 侍エンジニア塾ブログ | プログラミング入門者向け学習情報サイト

【jQuery入門】checkboxのchecked設定や取得まとめ!

input 要素の disabled 属性と readonly 属性の違い: 小粋空間
http://www.koikikukan.com/archives/2009/04/26-003300.php

inputがdisabledの時のCSSを指定する | CloudAdvisor

inputがdisabledの時のCSSを指定する

2014-04-11 1st – jsdo.it – Share JavaScript, HTML5 and CSS
http://jsdo.it/Yukimi.Sato/5y3C

jQueryでshow/hide, addClass/removeClass, disabledの切り替えを一行で書く
https://qiita.com/nmta/items/0f5c460d135c4f72dc4a

IEばくはつしろ!animationでcalc使ってたら死ぬ

Published / by hihihi / Leave a Comment

keyframe内でwidthにcalc使ってたら死ぬぞ!
IE11もedgeももれなくだ!!

IE10 / IE11で複数設定したCSS3のアニメーションが動かなかったときのはなし | 尼崎市でWEB制作してます[s-oyama.me]

IE10 / IE11で複数設定したCSS3のアニメーションが動かなかったときのはなし

こういうのもあるらしい
mediaquery内でkeyframeを定義しちゃダメ

IE11のバグまとめ
https://qiita.com/sawadays0118/items/bd0731878e9eb49c03f5

ひさしぶり svg IE11 高さauto バグる

Published / by hihihi / Leave a Comment

bodymovinのsvg突っ込んだら久しぶりにIEさんの制御不能に出くわすなど。
height:autoナシでwidthだけCSSで指定したら治った

IEでSVGタグを使った時にheight:autoが効かない | ふたえごのWEBテクニックブログ
https://www.futaego.com/2017/ie%E3%81%A7svg%E3%82%BF%E3%82%B0%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%9F%E6%99%82%E3%81%ABheightauto%E3%81%8C%E5%8A%B9%E3%81%8B%E3%81%AA%E3%81%84/

memo

Published / by hihihi / Leave a Comment

キーコード一覧 【JavaScript 動的サンプル】
https://web-designer.cman.jp/javascript_ref/keyboard/keycode/

JavaScriptでスマートフォンの向きを判定する | cly7796.net

JavaScriptでスマートフォンの向きを判定する

jQuery.fn.onに名前空間をつけることができる
https://qiita.com/yuku_t/items/89044987d45ec58ea7c5

Open your Mobile Menus and Disable Background Scrolling
https://gist.github.com/radiovisual/8870e0ce297037c13974

Latitude and Longitude Finder on Map Get Coordinates
https://www.latlong.net/

Home · airbnb/lottie-web Wiki
https://github.com/airbnb/lottie-web/wiki

svg / canvas出力ができるbodymovinの紹介 – KAYAC engineers’ blog

Ease Visualizer for GSAP | HTML5 Animation | GreenSock

blog.EaseVisualizer

丸数字(丸付き数字)「①②③④⑤」の入力方法 | コリス

丸数字(丸付き数字)「①②③④⑤」の入力方法

jQueryで追加したstyle属性を全て削除する方法 – FEVDES BLOGFEVDES BLOG

jQueryで追加したstyle属性を全て削除する方法

removeAttr(‘style’)いつも忘れる

CSSアニメーションの終了に合わせて処理を行いたい
https://qiita.com/chocodoughnut/items/6d4ae296b7c1494a858d

【CSS】デバイスが縦長か横長かの状態によって Media Queries で振り分けが可能です。 – ONZE

【CSS】デバイスが縦長か横長かの状態によって Media Queries で振り分けが可能です。

prj.common.orientation =  (Math.abs(window.orientation) === 90) ?'landscape':'portrait';

今週のmemo

Published / by hihihi / Leave a Comment

iMacがフル稼働でめっちゃ熱い・・・冷却
【Photoshop】アートボードの背景が透明にならない時の対処法 #photoshop | 株式会社ノートスペース

【Photoshop】アートボードの背景が透明にならない時の対処法 #photoshop

PHPのバージョン変更 – さくらのサポート情報
https://help.sakura.ad.jp/hc/ja/articles/115000135681-PHP%E3%81%AE%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B3%E5%A4%89%E6%9B%B4

Online HTML to CSS/SCSS/LESS/SASS Converter (Generator)
http://htmltocss.github.io/

PHPの処理は何でもかんでもモジュールモードが早いってわけじゃないらしい

Published / by hihihi / Leave a Comment

さくらのwordpressが遅い遅いと言われているので、ちょっとめも

2017年の記事
サクラサーバが遅い理由をサクラサーバに聞いてみた

サクラサーバが遅い理由をサクラサーバに聞いてみた

今のさくらのウリ文句
さくらのレンタルサーバ | Webサイトを速くする、新生さくらのレンタルサーバ
https://www.sakura.ne.jp/speedup/

モジュールモードとPHP7でめっちゃはよなったよ!って書いておる
ほんとけ?

さくらじゃないけど速度検証してる人いた。
PHP のモジュールモードと CGI モードのパフォーマンスの差は?

PHP のモジュールモードと CGI モードのパフォーマンスの差は?


2016年の記事やしちょっと古いね

でもまぁ何でもかんでも早くなるってわけじゃないということか。
ある程度の記事数があるサイトである前提。
さくらのウリ文句のやつでは標準的なプラグイン淹れた状態で試しているって書いているし、PHPのバージョンも違うし、まぁ参考までに。
ふむ。