usako1124のブックマーク - はてなブックマーク

【Photoshop】ガイドとグリッドの使い方まとめ

今回はフォトショップでガイドとグリッドの使い方をまとめていきます。作業がとても楽になる便利な機能ですので、積極的に活用しましょう。

usako1124 2021/04/07

photoshop

リンク

【WordPress】OGPとTwitterカードをプラグイン無しで設定する方法

今回は、WordPressでプラグインを使わずにOGP設定をする方法とサンプルコードを紹介します。

usako1124 2018/09/04

wordpress

リンク

CSSのグラデーション（linear-gradient）の使い方を総まとめ！

この記事では、「背景」や「ボタン」などWebページの様々な部分にCSSでグラデーションをかける方法を紹介していきます。

usako1124 2018/03/27

css

リンク

★CSSのセレクタとは？覚えておきたい25種類と書き方

今回はCSSの便利なセレクタを一挙にまとめていきます。セレクタをマスターしておくと、効率的なCSSを書くことができ後々ラクになるはずです。

usako1124 2018/03/26

html

リンク

★★CSSだけで簡単！ハンバーガーメニューの作り方（スマホ対応）

HTML <header> <div id="nav-drawer"> <input id="nav-input" type="checkbox" class="nav-unshown"> <label id="nav-open" for="nav-input"><span></span></label> <label class="nav-unshown" id="nav-close" for="nav-input"></label> <div id="nav-content">ここに中身を入れる</div> </div> </header> inputやらlabelやらが入っていて、何のことが分かりづらいかと思うので、少し解説をします。解説全体はheaderで囲んでいます。他にもサイトタイトルやロゴ画像を入れるのではないかと思います。<div id="nav-drawer">の中に

usako1124 2018/03/26

html

リンク

Amazonプライム会員は損？おすすめ特典7コや年会費からメリットを解説

今回は「Amazonプライムに入会するかどうか」迷っている方に向けて、僕が実際に使っていておすすめな特典や年会費、登録時の注意点などを分かりやすく解説します。

usako1124 2018/03/19

lifehack

リンク

Font-familyメーカー：フォント種類一覧からサクッと指定

Windows メイリオ 'メイリオ', Meiryo, 愛のあるユニークで豊かな書体 Meiryo UI 'Meiryo UI', 愛のあるユニークで豊かな書体游ゴシック YuGothic,'Yu Gothic', 愛のあるユニークで豊かな書体 Windows8.1~ 游明朝体 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体', 愛のあるユニークで豊かな書体 Windows8.1~ Yu Gothic UI 'Yu Gothic UI', 愛のあるユニークで豊かな書体 Windows10~ ＭＳゴシック 'ＭＳゴシック', 愛のあるユニークで豊かな書体ＭＳＰゴシック 'ＭＳＰゴシック','MS PGothic', 愛のあるユニークで豊かな書体 MS UIゴシック 'MS UI Gothic', 愛のあるユニークで豊かな書体 MS明

usako1124 2018/01/25

css

リンク

アイキャッチ画像サイズチェッカー｜TwitterやFacebookでのOGP表示を確認

TwitterやFacebookでシェアされたときに、アイキャッチ画像がどんなサイズでどう表示されるのかをまとめてチェックできるツールです。「文字がはみ出てしまわないか」「意図せず一部が切れてしまわないか」などを確認するためにご活用ください（表示は2018年7月時点のものです）。画像を選択

usako1124 2017/07/26

sns
tool

リンク

良質なコンテンツとは：良い記事を書くための14のポイント

最近では、SEO対策として「良い記事を書こう」「良質なコンテンツを作ろう」とよく言われます。しかし、多くの場合、その具体的な定義や目安は説明されません。明確な答えはGoogleの中の人でさえ分かっていないのかもしれませんが、仮説であっても自分なりの答えを持っておくことは重要なはずです。今回は、当サイトが考える「良質なコンテンツの定義」を14点紹介します。※ あくまでも当サイト管理人の意見であることにご注意ください。良質なコンテンツ：14の定義 1. 主題が明確であること 1つの記事では、1つのテーマについて書きます。言うまでもなく「美味しいご飯のお供」の話と「アメリカの大統領」の話は、1つの記事に書くべきではありません。 SEOを強化したいのであれば「何というキーワードで、検索ユーザーに訪れてきてもらうか」まで考えると、記事が書きやすくなります。 2. ユーザーが探している答えを、すぐ

usako1124 2017/06/02

writing

リンク

マテリアルデザインでやってはいけない68のこと（間違いチェックリスト）

マテリアルデザインでは、Googleにより作り方のガイドラインがしっかりと決められています。しかし、ルールがかなり多いため、どうしても間違った表現をしてしまいがちです。今回はマテリアルデザインでやってしまいがちな間違いを淡々と紹介していきます。WEB制作、アプリ制作時のチェックリストとしてご活用ください。 Google I/O 2018でのガイドラインのアップデートを反映しました。重要なルール 1 マテリアルから文字をはみ出してはいけない

usako1124 2017/04/25

material

リンク

配色パターン見本40選：ベストな色の組み合わせ確認ツール

配色の使用例を確認しよう気になる配色があれば、見本をクリック/タップしてみましょう。その配色の使用イメージを確認することができます。気に入った色の組み合わせはコピペして使って頂いて構いません。万人受けする配色まずはシーン問わず使いやすい色の組み合わせを紹介します。青や橙色などは老若男女問わず受け入れやすい色ですね。