エンジニア– category –

WordPress完全初心者がまず最初にやるきことってなに？どういう手順で学習するのがオススメ？スクールとか使わなくても、独学でも習得できるの？ といったお悩みを持った、WordPress初心者の方へ向けた記事になります。 先日、このようなツイートをしまし...

定番の比較表デザイン2パターンを紹介します。 シンプルなデザインにしてますので、コピペしてお好みで色を変えたりして使ってください。 画像はサンプルとして、とりあえずローレンピクサムのものを使っています。各自、企業ロゴ画像などに差し替えてお使...

プログラミングもっとできるようになりたいけど、つまんなくなってきたし、楽しさがイマイチわからない。諦めて別のことやろうかな。やっぱり趣味でプログラミングしてるような人には勝てないよな。 といったお悩みをもった方へ向けた記事になります。 僕...

プログラミングスクールって行ったほういいの？独学でもできるのはわかるけど、じゃあスクールの意味ってなんなの？独学やってるけど、向いてないかも。やっぱ諦めてちゃんとスクール行こうかな。 といったお悩みを持った方へ向けた記事になります。 先日...

登録画面や購入画面、などでよく見る「ステップバー」を4種類つくりました。 すべてレスポンシブ対応なので、コピペしてお好みで装飾し、ご自由にお使いください。 パターン1 シンプルな横並びのステップバーです。 完成形はこちら See the Pen stepbar1 b...

Web制作勉強中だけど、SNSでオワコンオワコン言われてて不安。今後Web制作の仕事はなくなるのかな。せっかく勉強したのに、時間とお金ムダだったかな。 このようなお悩みを持った方へ向けた記事になります。 先日このようなツイートをしました。 https://t...

ブログ記事やLPで使えそうな「囲み枠」を作成しました。 シンプルなデザインなので、様々な用途で使えると思います。 コピペして、お好きに編集してご利用ください。 パターン1 オーソドックスな囲み枠です。様々な場面でご利用できます。 完成形はこちら ...

LPなどでよく見かける、Q&Aセクションの作り方です。 コピペしてお好みで色を変えるなど、ご自由にお使いください。 もちろんレスポンシブにも対応しています。 パターン1 シンプルなQ&A。 どんなサイトにも使いやすいデザインです。 完成形はこち...

コーディングにおける「Detailsタグ」をご存知でしょうか。「Detailsタグ」を使うと、アコーディオンメニュー実装の際、大幅にコードを短くできます。 Detailタグを使えば、もはやCSSすらいらないよ！ とまで言われるほどです。(本記事ではCSSを使ってます...

シンプルで使いやすく、どんなサイトにも使えそうなアコーディオンメニューを作成しました。 色を変えるなり角丸にするなり、色々変えてお使いください。 もちろんレスポンシブ対応です。 ※右側の「▼」は「Font Awesome」のものを使ってます。 シンプルな...