アーカイブ

コーダー

Webコーダーの仕事内容は「デザインカンプをHTMLやCSSで再現すること」

Webコーダーの仕事内容を一言で表現すると、 デザイナーが作成した「デザインカンプをHTMLやCSSで再現すること!」です。 これができれば仕事として成立します。 この記事では、フリーのWebコーダー…

はにわまん
WordPress

WordPressテーマからCSSファイルとJSファイルを読み込む正しい方法

WordPressテーマからCSSファイルとJSファイルを読み込む正しい方法です。 <head>に直接書きたくなるのは分かりますが、、、WordPressにはWordPressなりのお作法…

はにわまん
コーダー

フリーのWebコーダーが円滑に仕事を進める上で持っておくべきツールまとめ

フリーのWebコーダーであるわたしが、仕事を円滑に進める上で 持っていて良かったと思うツール (持ってないけど…)持っておいた方がいいツール を紹介していきます。 この辺を持っておけば大き…

はにわまん
CSS

background-sizeの4つの指定の違いと背景画像のCSSでよく使われがちなパターン3つ

コーディング時に意外と使われがちな背景画像のCSSについて紹介です。 背景で最も覚えておくべきは「background-size」だと思います。この指定の違いによって表示がどのように変わってくるのか、…

はにわまん
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への記述についてです。 最初に言っておくと、完璧なと…

はにわまん
1 10 11 12 26