sirochro– Author –

SCSS では、ネストされたクラスの記述・メンテナンスのしやすさに加え、ループ処理や変数が利用できるのが最大のメリットです。 今回は SCSS 変数にカラー名で配列化し、利用する方法を説明します。 【目次】 カラーを配列化し利用する まとめ 【カラーを...

SCSS でカラーを変数化すると、再利用性が高くなりとても便利です。 今回は、SCSS で変数化されたカラーを利用して、明るさや彩度を変更する方法を説明したいと思います。 【目次】 定義したカラーの明るさを調整する まとめ 【定義したカラーの明るさを調...

リストア時には、まず重要なデータのバックアップをとり、OS を再インストールすると思いますが、SSH ファイルも重要なデータの一つだと思います。 .ssh フォルダのバックアップを再インストール後のホームディレクトリに展開し、公開鍵へアクセスが必要な...

Node.js がインストールされていれば、firebase で簡単に静的サイトを公開することができます。 今回は firebase で静的サイトを公開するまでの手順を説明したいと思います。 【目次】 firebase でサイトを公開する手順 まとめ 【firebase でサイトを公開...

Wordpress でカスタムテーマを作成する際、single.php 等での個別記事の表示時に次の投稿へリンクしたいことがあると思います。 今回は WordPress の 「前の投稿」「次の投稿」を表示する PHP コードをメモしておきます。 【目次】 前の投稿・次の投稿リン...

iPad OS & Smart Folio ではデフォルト設定の場合、メモ帳等で半角英語入力した場合、強制的に先頭が大文字で始まってしまいます。 先頭大文字、スペルチェック等、メモの場合は自動でやってくれると助かることも多いのですが、ソースコード等をメモする場...

Gmail で他のアカウントのメールボックスを読み込んだ際、受信トレイにはすべて未読の状態でメールが取り込まれます。 100 件程度なら手動でなんとかなりますが、1000 件ともなると、とんでもないコストを裂いてしまう事になります。 今回はそのような時の...

Bootstrap でよく利用するオブジェクトの一つがボタンだと思います。 Bootstrap ボタンには通常時と hover 時の色が細かく指定されていますが、今回は hover 時の色変更を opacity での透明度で表現し、色変えを行いやすいサンプルコードをメモしておきま...

PC サイトのサイドメニューをモバイルで表示すると、画面が横長から縦長になるため、サイドメニューの領域によりメインコンテンツのエリアが狭くなってしまいます。 画面上部のグローバルメニューは、ハンバーガーメニューへ変更するパターンが多いですが...

個人的によく使う CSS3 擬似クラスの一覧を作成しました。 スタイルコーディング時にご参考にしてください。 【目次】 使用頻度の高い擬似クラス一覧 まとめ 【使用頻度の高い擬似クラス一覧】 記述例 説明 div[class] "class" 属性を持つ div 要素 div[cl...