「css」カテゴリーアーカイブ

font-familyの旅2020

css

特定端末でメイリオや游ゴシックがジャギるんだよね〜って相談の流れで
デザイナーさんにもらったURLが良心と技術の玉手箱、ICSさんだった。

以前巷に溢れてた感じから結構変わってるからメモ。用法用量は案件のプライオリティに合わせて。
このあたりも毎年見直したほうがいいのかもしれない（やること増え続けるね〜

2020年に最適なfont-familyの書き方 – ICS MEDIA
https://ics.media/entry/200317/

めも(tab退避)

css, ソフト全般（開発用）, 開発関連, , , ,

IEさんめ

Flexbox使用時にIE11、Edgeだと子要素の画像が伸縮してしまうバグの修正方法 – LoudAndProudパーソナル

Flexbox使用時にIE11、Edgeだと子要素の画像が伸縮してしまうバグの修正方法

【スライス不要】Photoshop「画像アセット生成」の基本とつまずきがちな5つのコト | 東京上野のWeb制作会社LIG
https://liginc.co.jp/225512#sec3-5

独自SSLいろいろきかれた時用メモ

無料SSLサーバー証明書 Let’s Encrypt – レンタルサーバーはさくらインターネット
https://www.sakura.ne.jp/function/freessl.html

独自SSL[IPアドレスベース／SNI SSL(ネームベース)] – レンタルサーバーはさくらインターネット
https://www.sakura.ne.jp/function/original-ssl/

【独自SSL】導入の流れ・設定手順 – さくらのサポート情報
https://help.sakura.ad.jp/hc/ja/articles/206054802?_ga=2.19963640.1159618661.1548152255-337862200.1547803612

無料SSL(Let’s Encrypt) – さくらのサポート情報
https://help.sakura.ad.jp/hc/ja/sections/115000024802-%E7%84%A1%E6%96%99SSL-Let-s-Encrypt-

【無料SSL】サーバコントロールパネルからの導入手順 – さくらのサポート情報
https://help.sakura.ad.jp/hc/ja/articles/115000136822–%E7%84%A1%E6%96%99SSL-%E3%82%B5%E3%83%BC%E3%83%90%E3%82%B3%E3%83%B3%E3%83%88%E3%83%AD%E3%83%BC%E3%83%AB%E3%83%91%E3%83%8D%E3%83%AB%E3%81%8B%E3%82%89%E3%81%AE%E5%B0%8E%E5%85%A5%E6%89%8B%E9%A0%86

お問い合わせ – さくらのサポート情報
https://help.sakura.ad.jp/hc/ja/articles/115000161182

Googleカレンダー関連

API とサービス – Google API コンソール
https://console.developers.google.com/apis/library/calendar-json.googleapis.com?id=84f291c9-2585-4af1-a78b-09c53a78202f

Colors  |  Calendar API  |  Google Developers
https://developers.google.com/calendar/v3/reference/colors?hl=ja

その他

Dropboxを使ってfilezillaの設定を複数のMacで共有する方法 | パズ部

Dropboxを使ってfilezillaの設定を複数のMacで共有する方法

OGPのprefixは「og: http://ogp.me/ns#」だけで良いんじゃねぇの？的な | 七色七音
https://nanairo.jyn.jp/phantom/2018/08-27

OGPで本当に必要なメタタグは? – Qiita
https://qiita.com/sutara79/items/d7a45f6c4796c1ee1590

【Ruby Sass】Ruby Sass is deprecated and will be unmaintained as of 26 March 2019.【更新されなくなるってよ】

css, ソフト全般（開発用）, 開発関連

今日なにげにsassをインストールし直したら下記が。。

Ruby Sass is deprecated and will be unmaintained as of 26 March 2019.

* If you use Sass as a command-line tool, we recommend using Dart Sass, the new
  primary implementation: https://sass-lang.com/install

* If you use Sass as a plug-in for a Ruby web framework, we recommend using the
  sassc gem: https://github.com/sass/sassc-ruby#readme

* For more details, please refer to the Sass blog:
  http://sass.logdown.com/posts/7081811

Successfully installed sass-3.6.0

あら。

Ruby SassメンテされなくなるからDart Sassに移行してねだって。

続きを読む 【Ruby Sass】Ruby Sass is deprecated and will be unmaintained as of 26 March 2019.【更新されなくなるってよ】 →

深まりゆく秋、移ろいゆくブレークポイント（とポイント間のレンジ）2018

css, 開発関連

前にこういう記事をかいたのだが、あきらか変わってきているのでメモ

俺が考えるレスポンシブ対応最新のブレークポイント 2017 | hirokona

俺が考えるレスポンシブ対応最新のブレークポイント 2017

SP　PCデザイン切り替えのブレークポイントはまだ750pxあたりでいんじゃね？ってところから、だいぶ変わってきている気がする。

単純に、グロナビはいりきんねーから、とかレスポンシブの工数吸収とか、りあるな理由のやつがおおい気がする。
きゃんぺんさいとは特に顕著。

つまり、「でっかくなっちゃった」

SP画角と判断されるレンジは広く、
PC画角と判断されるレンジは逆に狭くなってきている
なのでブレークポイントのポイントもそれに合わせて数値が大きくなっている場合が多い。

PCでみてて、あ、SPに切り替わるポイントはよなってきてるな〜とおもったので、サイトをメモしとく用に記事準備しておく。

続きを読む 深まりゆく秋、移ろいゆくブレークポイント（とポイント間のレンジ）2018 →

Noto Sans JPの使い方 2018

css, 開発関連, ,

何週間か前に書いたと思っていた記事が見当たらないのでメモ。
下記の2016年の記事が閲覧ランキングに上がっていたので、８月の案件で再度調べたときの参考URLをちょいちょい補足します。

Noto Sans JPをCDN経由で使う

2018/8/27にツイッターで投稿されてた劇的にロードが早くなった日本語漢字フォント、にはいっていました

https://fonts.google.com/?subset=japanese

これはアーリーアクセスでなくても早くなったってことなのかしらね。
続きを読む Noto Sans JPの使い方 2018 →

フォーム系memo jsで制御する場合にもhtml5デフォルトのバリデーションを機能させる

css, , , , , ,

デフォルトのバリデーションを残すmemo

formタグに　onsubmitでreturn false →デフォルトのバリデーションはされるが、送信は行われない
ボタンにonclickかonsubmitでJS制御を追加

【JavaScript入門】submitイベントで入力フォームの送信処理をする | 侍エンジニア塾ブログ | プログラミング入門者向け学習情報サイト

JavaScriptのsubmitイベントで、フォーム送信をコントロールしよう