tips– category –
-
tips
[GitHub] 2 実践編 初心者向けに分かる様に
GitHub についての基礎を連載しています。「[GitHub] 1 準備編 初心者向けに分かる様に」 で設定が終わったので、いよいよ基本となる使い方を練習してみましたのでご紹... -
tips
Google Fontsの使い方 日本語もありますよ!
Google Fontsとは、Googleが無料提供しているWebフォントです。商用も使えますし、2019年から日本語フォントが追加されました。部分的に使用するだけで、おしゃれな印象... -
tips
[WordPress] GitHubでテーマを管理する
もう怖くない!GitHubでWordPressの自作テーマやカスタマイズしたテーマを管理する手順の覚書です。黒いコマンド画面で作業するだけでなく、概念や専門用語が分かりにく... -
tips
[CSS] CSSで改行する、しない
レスポンシブデザインで、デバイスによって改行させたい、改行させたくないという場合があると思います。そんな時は、CSSで制御する事が出来ます。あとは、@media scree... -
tips
MailChimp(メールチンプ)Audiencesの削除方法
メルマガなど、メールを大量に送信するサービスのMailChimp(メールチンプ)は便利なのですが、慣れが必要です。自力で探すのは結構大変かも。Audiences(メールアドレス... -
tips
[Photoshop] 網掛け画像の作り方
画像に文字を乗せる際に便利な網掛けフィルター。テーマによっては、ワンクリックで適応できる物もありますが、通常はCSSで設定しますが、手軽に画像自体を加工する方法... -
tips
[Chrome] レスポンシブ確認 モバイルシミュレーター
Chromeには[F12]で表示されるディベロッパーツールがあり、その中にレスポンシブの確認に使用する「デバイスモードツール」があります。最近、表示されなくて困っていま... -
tips
画像圧縮 おすすめツール2選 Squoosh ,Tiny PNG
PageSpeed Insightsに気に入られよう画像は軽量化する必要があります。最近はPageSpeedがWebPの使用を推奨してきます。無料で軽量化や変換ができるツールをご紹介します... -
tips
[CSS] Flexbox(フレックスボックス)で横並べ、他
バナーなどを横に並べたい時、float:leftの回り込みを使っていませんでしたか?それも正解なのですが、Flexboxなら、もっと簡単に実装できるのでご紹介します。うん、楽... -
tips
デバイスサイズで画像の入れ替えをする。Jsを使わずに
レスポンシブデザインに対応させる為、デバイス毎に表示する画像を変えたい事もあるでしょう。JavaScriptを使用した方法もありますが、HTMLだけの方法をご紹介します。...