ナコさんのブログ | nako-log WEB制作のヒントと日常の便利を紹介。WEB制作はWordPressをメインにCSSやコーディングのHOWTOをまとめています。

注目キーワード

2020年7月

coding

centos/7+Vagrant+VirtualBoxでrsyncが失敗する解決法(There was an error when attempting to rsync a synced folder.)
centos/7+Vagrant+VirtualBoxでrsyncが失敗する解決法(There wa…

  • 2020.07.31

centos/7+Vagrant+VirtualBoxでローカル環境中にrsyncでエラーが出て詰まったので解決法です。 なんとも毎回なんだかのエラーに捕まっている気がします。 エラー内容 ターミナル表示 There was an error when attem…

続きを読む
お役立ち情報

ダブルテレワークになった我が家で夫婦喧嘩をしないための優しいハック
ダブルテレワークになった我が家で夫婦喧嘩をしないための優しいハック

  • 2020.07.29

コロナの影響で広がったテレワーク。 自宅で作業するメリットは多いのですが今回は困った問題が… それは旦那も私もテレワークになったということです… 元々私の会社は2019年10月から完全リモート化され、コロナより…

続きを読む
WEB制作のヒント

【コピペOK】2020年版 WordPressのチートシート〜よく使う独自関数・コードをコピペで使おう！〜
【コピペOK】2020年版 WordPressのチートシート〜よく使う独自関数・コードをコピペで使お…

  • 2020.07.27

WordPressはアップデートで大きな変更が入ったり、非推薦になったコードが出てきたりします。あれ？あのタグ使えなくなってる？？って事が多々あるので最新のWordPress(WordPress 5.0系)で私がよく使う関数・コード…

続きを読む
デザイン

現役WEBデザイナーが教える商用利用可の素材サイト【保存版】
現役WEBデザイナーが教える商用利用可の素材サイト【保存版】

  • 2020.07.22

制作会社でWEBデザイナーをしていますナコです(@nako_x)。 最近は広告収入モデルの商用利用可の素材サイトが増えてきましたね！ 無料で使えるのでありがたいことです。 ブログを作成するときにも使える 私が仕事で…

続きを読む
coding CSS HTML WEB制作のヒント

【コピペOK】無料・日本語対応・商用利用可のWEBフォント「Google Fonts」を簡単コピペで使おう！
【コピペOK】無料・日本語対応・商用利用可のWEBフォント「Google Fonts」を簡単コピペで…

  • 2020.07.22

かっこいいタイトルを画像じゃなくフォントで表現したい！ 注目させたい見出しの書体を変えたい！ サイト全体をどの環境でみても同じフォントで表現したい！ そんな時に便利なのがWEBフォントです。 大丈夫！！ 今…

続きを読む
WEB制作のヒント

【コピペOK】WordPressで特定のカテゴリーを振り分ける方法
【コピペOK】WordPressで特定のカテゴリーを振り分ける方法

  • 2020.07.16

WordPressを使っていて特定のカテゴリーの時は違うデザインにしたり、タイトル画像を別々に表示したりするためのハックです。 アーカイブ・一覧ページで振り分ける アーカイブや一覧など、リスト表示での振り分け方…

続きを読む
CSS

【コピペOK】CSSだけで縦・横・斜めのストライプアニメーションをする方法
【コピペOK】CSSだけで縦・横・斜めのストライプアニメーションをする方法

  • 2020.07.12

サイトのアクセントになるCSSアニメーション。効果的に使っていきたいですね。 今回はストライプをCSSで作成し、それを文字の背景やBoxにアニメーションで表示させていきます。 ストライプの作り方 ストライプはCSS…

続きを読む
WordPress

WordPressでブログを始める前に〜Googleアカウントを作った方がいい５つの理由〜
WordPressでブログを始める前に〜Googleアカウントを作った方がいい５つの理由〜

  • 2020.07.09

こんにちわ！WEBデザイナー歴１６年、ブログ歴３年のナコです(@nako_x)。 ブログサービスを使わず自分のブログを始めたいなら レンタルサーバー＋独自ドメイン＋WordPress での運営がオススメです が、 WordPressで…

続きを読む
スタンプ

LINEスタンプ「日常で使える猫！」リリースしました。
LINEスタンプ「日常で使える猫！」リリースしました。

  • 2020.07.09

こんにちわ！LINEスタンプ作りにハマっているナコです(@nako_x)。 この度「日常で使える猫！スタンプ」スタンプをリリースしました！ わーーパチパチパチ。 ■過去に作ったスタンプはこちら↓↓ ■スタンプ用雛形はこち…

続きを読む
WEB制作のヒント

【コピペOK】CSSで「最初」「最後 」「何番目」「 何番目以降」など要素の順番を取得するnth-childタグまとめ
【コピペOK】CSSで「最初」「最後 」「何番目」「 何番目以降」など要素の順番を取得するnth-c…

  • 2020.07.02

CSS３で要素の場所を指定出来るnth-childの書き方をよく忘れるのでコピペで使えるようにまとめました。 互い違いに色を変えた表や一覧を作ったり、リストの最初の１件の前にmarginを入れたり、コーディング時によく…

続きを読む
スタンプ

LINEスタンプ「勢いだけの猫」リリースしました。
LINEスタンプ「勢いだけの猫」リリースしました。

  • 2020.07.01

こんにちわ！LINEスタンプ作りにハマっているナコです(@nako_x)。 この度「勢いだけの猫」スタンプをリリースしました！ わーーパチパチパチ。 ■過去に作ったスタンプはこちら↓↓ ■スタンプ用雛形はこちら↓↓ 製作期…

続きを読む
絵文字

LINE絵文字作成用の雛形データを作成ました。ダウンロードして使ってね！(Photoshop用)
LINE絵文字作成用の雛形データを作成ました。ダウンロードして使ってね！(Photoshop用)

  • 2020.07.01

引用元:ラインクリエイターズスタンプ LINE絵文字を自作する時、数が増えるとチェックや書き出しが大変になるので、簡単に書き出しができるPSDデータを作成しました。 スタンプの雛形はこちら！ ポイント アートボ…

続きを読む