アーカイブ

CSS

【コピペOKのサンプル付き】Flexboxはこの5パターン覚えておけば大丈夫!

Flexboxのプロパティってめっちゃ多いですが、全部を覚えなくても実務レベルで使うことはできます。わたしも最初のころはFlexboxのプロパティを試していましたが、実際に使うようになって「あれ、ほと…

はにわまん
CSS

【コピペOK】よく使われがちなマウスホバーのCSSパターン10選と作り方

マウスホバーのパターンを10個まとめました。 ホバー時の動きは、基本的には指示がなくコーダーに一任されることが多いので、自分の中で「お決まり」のホバーアクションを決めておくとコーディングが捗るかもしれ…

はにわまん
コーダー

実践力を身につけよう!模写コーディングするサイトの探し方

Webコーディング上達の近道にサイト模写コーディングがあります。「模写コーディング」という言葉自体はもしかしたら造語なのかもしれませんが、 模写コーディングとは、 「公開されているWebサイトを見て、…

はにわまん
コーダー

WordPressで作る側(仕事する側)の知識を得るためおすすめ書籍を3つ厳選

わたしはこれまでWordPressのカスタマイズ関連の仕事を300件近く対応してきたのですが、他人のサイトをカスタマイズするにはちゃんと理解してないと対応できません(その人の環境に応じたオーダーメイド…

はにわまん
コーダー

LPサイトを仕事でコーディングするために覚えておきたいjQueryやCSSの構成要素を21個!

LPのコーディング案件はとても多くて、数をこなしている内に「よく出くわすパターン(構成要素)」みたいなものが分かってきました。 今コーディングを勉強しているほとんどの方は仕事に繋げるためにHTMLやC…

はにわまん
環境

Sassから完璧なCSSファイルを出力するために通したいGulpのタスク【WordPress編】

Sassから完璧なCSSファイルを出力するためのgulpfile.jsの書き方や、必要なパッケージpackage.json、.stylelintrcへの記述についてです。 最初に言っておくと、完璧なと…

はにわまん
WordPress

WordPressサイトをSSL(https化)する手順と確認ポイント

WordPressサイトをhttps化する時の手順と、チェックポイントです。 難しいと思われがちなhttps化ですが、実は驚くほど簡単です(しかも無料)。まだやっていない方は、ぜひ対応してみてください…

はにわまん
WordPress

WordPressサイトをXserverへ移行する手順のすべて!

他サーバーからXserverへ移行するときの手順のすべてを紹介します。手順が多く大変だと思いますが、1つ1つの意味を理解して移行を成功させましょう! ※ サーバー移行は少なからずリスクが伴うものです。…

はにわまん
WordPress

軽量で正確!「Simple GA Ranking」でAnalyticsから人気ランキングをブログに設置しよう

Google AnalyticsのデータとWordPressを連携して記事のランキングを作成するプラグイン「Simple GA Ranking」の紹介です。 Analyticsのデータなので、データの…

はにわまん
環境

「Noto Sans Japanese」の不要なものは削除して必要なものだけ読み込む方法【Webフォント高速化】

Webフォントとして使える「Noto Sans Japanese」は、無料かついい感じのデザインで使えるので、おそらく多くの方が重宝しているフォントだと思いますが、デメリットが1点。 それは、読み込み…

はにわまん
1 12 13 14 28