Luminousで画像をポップアップで拡大する方法【Lightbox系プラグイン】
Lightbox系プラグインLuminousを使った画像をポップアップで拡大表示させる方法を解説します。jQuery非依存で軽量、コードも簡単なのでコピペですぐ実装できると思います。
CSSでテキストの最初の一文字を大きくする方法【::first-letterの使い方】
CSSの擬似要素、first-letterを使って最初の一文字を大きくする方法を解説します。文字を大きくするだけでなく、色や太さを変えたり、floatを使って一文字目にテキストを回り込ませる事も可能です。
CSSのaspect-ratioでアスペクト比を固定してレスポンシブを簡単にする方法
CSSのaspect-ratioでアスペクト比を固定してレスポンシブを簡単にする方法を解説します。padding-topを使うという従来のやり方もありますが、aspect-ratioの方がコードも少なく簡単に書けます。
CSSでアルファベット(英語)を大文字・小文字表示にする方法
アルファベット(英語)をHTMLで全て大文字で書くと音声読み上げソフトで正しく発音されないので、CSSで大文字にする方法を解説します。これが出来るとアクセシビリティを考慮した書き方ができます。
CSSでダウンロードしたWebフォントを使う方法【@font-faceの書き方】
ダウンロードしたフリーのWebフォントの使い方、@font-faceの書き方を解説します。拡張子やformatなど通常のフォントのスタイルでは書かない記述もあります。複数の太さやstyleなどのして方法も解説しています。
CSSでborder(線)をグラデーションにする方法【サンプル付き】
border(線)をグラデーションにする方法を解説します。上下左右、円形、、3色以上、一部、一周など色んな実装をサンプル付きでご紹介します。
CSSでborder(線)の両端を徐々に透過させる方法【サンプル付き】
タイトルの両端に線を引くデザインがありますが、この線の両端を徐々に薄く透過させる方法と、タイトルの上下に一本の線を引きその線の両端を透過させる方法も解説。どちらもbackground-image: linear-gradient();を使います。
CSSのdvhでスマホの高さ100%にする方法【アドレスバー問題解決】
高さいっぱいに表示したい場合、100vhにすればパソコンでは良くてもスマホだと問題があります。今まではJavaScriptを使う方法が主流でしたが、今はdvhという便利な単位が使えるようになったので、どのように見えるのか含めて解説します。
CSSで要素を上下左右反転させる方法【背景画像だけ反転も解説】
画像や要素を上下左右反転させる方法と、背景画像だけ反転させてその上にある文字は反転させない方法をサンプルを使って解説していきます。今回は主にtransform: scale();を使う方法を解説します。
HTMLのpictureタグで画像のレスポンシブ切り替えする方法
pictureタグで画像のレスポンシブ切り替えする方法を解説しています。CSSのdisplay: none;でPCとSPを切り替える方法はパフォーマンス的に良くないですが、pictureタグはその心配がありません。デモも用意しています。
Withマーケの評判・口コミ・注意点など解説【Webマーケティングスクール】
SEO・SNS・広告などWebマーケティングを幅広く学べる月額制のスクール『Withマーケ』の評判・口コミ・メリット・デメリットなど解説しました。レッスン内容や他のスクールとの比較、無料アカウントで出来ることについても詳しく解説しています。
coachee(コーチー)の評判・注意点は?キャリア相談におすすめで圧倒的コスパ!
転職・副業・仕事に関する悩みを持っている人におすすめのキャリア相談専門スキルシェアサービス『coachee』の解説をします。他のサービスと比べて圧倒的なコスパとキャリアに特化したサービスで、コーチングを受けたい人も仕事をしたい人も使えます。
レバテックルーキーの評判・口コミ・注意点を徹底解説【新卒ITエンジニア専門の就活エージェント!】
ITエンジニア就職を目指す新卒学生向けの就活エージェント『レバテックルーキー』の解説をします。なぜか『最悪・電話がしつこい』など検索されているようですが、そのような口コミや評判は見られませんでした。完全無料で利用できるのでぜひ有効活用しましょう。
【コピペで使える!】コーディング&WordPressメモまとめ集【無料特典あり🎁】※4月15日値上げ予定
2年間の実務で使ってきたコードをまとめたコーディングとWordPressの効率化が出来る教材を発売しました。コピペで時短すると時給アップ&単価アップするのと同じです。これを元に自分でもスニペット集を作っていくと勉強にもなると思います。
【5大特典付き!】LPtoolsの評判・口コミ・注意点は?実際にランディングページを作成した感想
LP制作ツールの『LPtools』の評判や口コミ、実際使ってみた感想、メリット・デメリットなどを解説していきます。使い方はテンプレートを選んで文章や画像を差し替えるだけでとても簡単で、マニュアルもあるので初心者でも安心です。5大特典も付いています。
AIライティングツール『Catchy』の口コミ・評判・特徴・注意点や使い方も徹底解説
最近話題のAIライティングツール『Catchy』の使い方や口コミ・評判をご紹介していきます。実際に使って生成された文章や使ってみた感想、文章の精度についても解説していきます。使いこなせばブログでも大幅な時短になるので、ぜひ試してみて下さい。
【独学・未経験者向け】Web制作で稼ぎたい人におすすめの教材をジャンル別に厳選紹介!
プログラミング・Web制作やコーディング・デザイン・WordPressで稼ぎたい人や副業向けの教材をご紹介します。スクールと違い比較的安いので、独学で勉強したい人にもおすすめです。ロードマップ系の教材もあるので未経験・初心者向きもあります。
入って損なし!フリーナンスの即日払いの評判やフリーランスを守る無料の保険を徹底解説!
即日払いや無料で入れる損害賠償保険など、フリーランスのお金の不安を払拭してくれるサービス『フリーナンス』について解説しています。評判や口コミ、メリットやデメリットについても解説しています。
【3日で250万超え!】知識共有プラットフォームBrainのコンテンツ販売方法を解説
私が3日で250万円稼いだ知識共有プラットフォーム『Brain』のコンテンツ販売方法を解説します。
Web制作営業で役立つポートフォリオ作成サービスRESUMEの使い方
Web制作の営業で必要になるのがポートフォリオ。今回はポートフォリオを簡単に作れるサービス『RESUME』の使い方について解説します。
フリーランスエージェントおすすめ16選を徹底比較【失敗しない選び方も解説】
おすすめのフリーランスエージェントを一覧表にまとめて徹底比較します。それぞれの特徴や選び方についても解説しています。ランキング形式ではなく、自分に合った所を見つけるのが大切です。個別の記事もあるので、気になるところがあれば参考にして下さい。
エンジニアファクトリーの評判・口コミ・注意点を徹底解説【ミドル層におすすめ!】
エンジニアが案件獲得に利用するフリーランスエージェント、今回は20代〜50代まで対応しているエンジニアファクトリーを解説します。ミドル層におすすめ以外にも実務経験1年から案件紹介可能となっていて、契約満了後の再受注率は93%案件が途切れにくいです。
レバテッククリエイターの評判・口コミ・注意点を徹底解説【Web・ゲーム業界のクリエイター専門!】
エンジニアが案件獲得に利用するフリーランスエージェント、今回はWeb・ゲーム業界のクリエイター専門で18年の実績があるレバテッククリエイターを解説します。レバテックといえばレバテックフリーランスやレバテックルーキーなども有名で実績のある会社です。
ポテパンフリーランスの評判・口コミ・注意点を徹底解説【登録エンジニア7000名以上!】
エンジニアが案件獲得に利用するフリーランスエージェント、今回は業界7年以上で登録エンジニアが7000名以上いるポテパンフリーランスを解説します。メリット・デメリット、おすすめの人・おすすめしない人など、注意点についても解説しています。
エンジニアルートの評判・口コミ・注意点を徹底解説【業界15年以上の実績!】
エンジニアが案件獲得に利用するフリーランスエージェント、今回は業界15年以上の実績があるエンジニアルートを解説します。就業平均期間が25ヶ月と安定しているので、安定を求めるフリーランスに向いていますが地方案件は少ないなどのデメリットもあります。
エクストリームフリーランスの評判・口コミ・注意点を徹底解説【ゲーム系案件が豊富!】
エンジニアが案件獲得に利用するフリーランスエージェント、今回は東証マザーズ上場の株式会社エクストリームが運営するエクストリームフリーランスの解説をします。ゲーム系案件が豊富で、ゲーム系以外にもIT・Web系も強化中で、注意点なども解説しています。
TechStockの評判・口コミ・注意点を徹底解説【高単価・上場企業案件が豊富!】
エンジニアが案件獲得に利用するフリーランスエージェント、今回はITコンサル企業として18年目という信頼と実績があるTechStockを解説。高単価案件が豊富で福利厚生も充実している一方、週5日の常駐型が多く副業向きではないなどのデメリットも解説。
FREE-DAの評判・口コミ・注意点を徹底解説【即日払い可能!】
エンジニアが案件獲得に利用するフリーランスエージェント、今回はゲーム・Webサービス・金融系に強いFREE-DAを解説します。即日払い・手厚いフォロー体制・充実した福利厚生などが強みです。デメリットや悪い口コミなども書いてるので参考にしてみて下さい。
テックビズフリーランスの評判・口コミ・注意点を徹底解説【確定申告・税務代行無料!】
エンジニアが案件獲得に利用するフリーランスエージェント、今回は確定申告など税務代行が無料のテックビズフリーランスを解説します。コンサルタント全員独立経験ありというフリーランスに寄り添ったサポートをしてくれるので、フリーランスを検討している人におすすめです。
フューチャリズムの評判・口コミ・注意点を徹底解説【高単価&長期案件多数!】
エンジニアが案件獲得に利用するフリーランスエージェント、今回は就活サービスを多数運営しているポート株式会社が運営するフューチャリズムを解説します。入金までが早く高単価&長期案件が多い一方、東京以外の案件は少ないなどデメリットもあるので、全て解説します。
WordPressオリジナルテーマの作り方⑬(月別アーカイブページ編)
WordPressのオリジナルテーマの作り方を詳しく解説していくシリーズです。今回は月別アーカイブページの作り方を解説します。実務ではあまり使う機会はありませんが、出来るようになっておくと安心かと思います。
WordPressオリジナルテーマの作り方⑫(検索フォーム・検索結果ページ編)
WordPressのオリジナルテーマの作り方を詳しく解説していくシリーズです。今回は検索フォームと検索結果ページの作り方を解説します。固定ページや投稿ページとはちょっと作り方が異なるので、この記事のコードをコピペして実装してみて下さい。
WordPressオリジナルテーマ制作に必要なテンプレートの階層まとめ
WordPressのオリジナルテーマ制作にはテンプレートファイルを使いますが、これには役割と優先順位というものがあります。今回はテンプレートファイルの役割と優先順位の階層について詳しく解説します。
WordPressオリジナルテーマの作り方⑪(404ページ編)
WordPressのオリジナルテーマの作り方を詳しく解説していくシリーズです。今回は404ページの作り方を解説します。404ページとは存在しないページにアクセスしたときに表示されるエラーページのことで、実務でもたまにあるので覚えておきましょう。
WordPressオリジナルテーマの作り方⑩(カスタム投稿編)
WordPressのオリジナルテーマの作り方を詳しく解説していくシリーズです。今回はCustom Post Type UIというプラグインを使ったカスタム投稿の作り方を解説します。カスタム投稿は通常投稿とは別の投稿で、実務でも頻出します。
WordPressオリジナルテーマの作り方⑨(カテゴリーページ編)
WordPressのオリジナルテーマの作り方を詳しく解説していくシリーズです。今回はカテゴリーページの作り方を解説します。プラグインを使わずに『前へ・次へ』といったページネーションを実装する方法もコードで解説しています。
WordPressオリジナルテーマの作り方⑧(個別記事ページ編)
WordPressのオリジナルテーマの作り方を詳しく解説していくシリーズです。今回は個別記事ページの作り方を解説します。ページネーションはプラグインを使わずに実装できますが、ちょっと注意点があるのでしっかり確認しておきましょう。
WordPressオリジナルテーマの作り方⑦(パンくずリスト編)
WordPressのオリジナルテーマの作り方を詳しく解説していくシリーズです。今回はプラグインを使ったパンくずリストの作り方を解説します。地味ですがサイトの道標として必要なものなので、実装できるようにしておきましょう。
WordPressオリジナルテーマの作り方⑥(記事一覧ページ編)
WordPressのオリジナルテーマの作り方を詳しく解説していくシリーズです。今回は記事一覧ページの作り方を解説します。『次へ・前へ』といったページネーションをプラグインなしで実装する方法もコードで解説しています。
WordPressオリジナルテーマの作り方⑤(ブログカード編)
WordPressのオリジナルテーマの作り方を詳しく解説していくシリーズです。今回はブログカードの作り方について解説します。ブログカードは小さいですが投稿の様々な情報を表示する重要な物なので、しっかり作れるようになっておきましょう。