メインカテゴリーを選択しなおす
月収いくらならフリーランスWebデザイナーに転身を検討する?
株式会社日本デザインが運営するゼロイチWEBデザインスクール「デザスク」は、フリーランス、個人事業主のWebデザイナー103名に、Webデザイナーの年収に関する意識調査を実施し結果を発表した。「Q1.
スキルゼロからキャリアチェンジ・webデザイナーを志した理由
portfolio and blog site of web designer, Natsumi. webデザイナーNatsumi Okamotoのポートフォリオ・ブログサイトです。
レンタルサーバーGoDaddyでPHPMailerを使うと限られたSTMP設定しか使えないのでわりとカオスな件【Composer無し】
どうもsgwです。最近GoDaddyでスクラッチで書いたPHPサイトでPHPMailer使ってコンタクトフォーム作って全
jQueryで使えて、Lightboxより簡単!サムネ付きスライドギャラリー(コピペ可)【Fullscreen Lightbox Gallery With Thumbnail Navigation】
どうもsgwです。 ちょっと前にVueで使えるサムネ付きライトボックスギャラリーを紹介したのですがモダンなフレームワーク
ワードプレスの子テーマをとにかく早く簡単につくれるプラグイン【one-click-child-theme】
ワードプレスの子テーマ便利ですけど毎回functions.phpに記載するコード忘れちゃったりしませんか?そんな時に使え
JavaScriptさわってみる9回目(゚Д゚)ノ イベントハンドラ
こんにちは。 JavaScriptさわってみる企画9回目です。今回のテーマはイベントハンドラ。なんだかかっこいい名前ですね。ゲームだったらきっと魔法か重要なキーアイテムって印象です。 実際かなり重要な奴っぽいですよ。イベントっていうのはマウスが動かされたりクリックされたり、画像が読み込まれたりするアクションのことを指していて、このアクションに対して処理を行う関数をイベントハンドラと呼ぶそうです。 つまり画面上でマウスが動かされたりボタンを押したりなど「○○したときに△△する」って処理を作れるってことです。そりゃすごい。(∩´∀`)∩ いちおうボタンを押したときに画像を変えるってやつは前にやった…
【書評】見積作成にお役立ち! デザインやweb制作の見積・相場がわかる本【広告制作料金基準表】
今日はおすすめの本を紹介するよ! 広告制作料金基準表の本がオススメの人 フリーランスになりたて見積の作成に困っているよその制作会社の見積を知りたいデザインやweb制作の相場が知りたい様々なクリエイティブな料金や詳細が知りたい 本の詳細 こち
【無料】クリエイティブ系におすすめ!動画・WEB修正指示ツール
30秒で簡単登録、無料で【アカポン】をはじめる! 動画・URL・画像をアップするだけで簡単指示【アカポン】 修 30秒で簡単登録、無料で【アカポン】をはじめる! 動画・URL・画像をアップするだけで簡単指示【アカポン】 修 – https://fuuun.life/?p=342
文字や画像のセンタリングって、時々「あれ?」って思うことがあります(初心者あるあるでしょうか?)実際にはいろいろなやり方があるようですが、ここでは基本的なやり方について、少しまとめてみました。まとめてみることで、なぜそうする必要があるのか、
【WordPress】綺麗にイメージ画像を配置したい。覚えておきたいポイントについて。-基礎編Part-3 画像挿入の仕方-
ワードプレスではイメージ画像を配置することは簡単ですが、角を丸くしたり、カーソルを当てた際に変化を加えたりするにはCSSにてコードを打ち込む必要があります。 画像の種類について 画像には「GIF(ジフ)」「JPG(ジェイ […]
こんにちはです。あっちのそららです。このたび、ブログデザインのリニューアルを行いました。大きく変えた部分、細かく調整した部分などいろいろあるので、備忘録としてまとめておきます。 ヘッダー プロフィール 検索ボックス レイアウトのズレを修正 aboutページ フッター ダークモード対応 その他 おわりに ヘッダー Before After ヘッダーのデザインを一新し、賭けに近い大きな路線変更をしました。縦幅が画面いっぱいになるよう設定。しかし、パソコンで一定以上ズームすると、中のイラストや文字が画面内に収まらなくなる問題が発生。なので、縦幅に最小値を設定し、ズームに応じて縦幅が広がるようにしまし…
こんにちは、おんたまです。 前回Webディレクターがどんな職業かについてのブログ記事を投稿しましたが、Webディレクターの大変なところの一つとして「クライアントと制作担当者の間で生まれるギャップをいかに埋めてスムーズに進行させるか」という点
【HTML/CSS】transformプロパティって何?移動も回転も3Dだってできちゃう便利なプロパティ!
cssで「transformプロパティ」ってよく使いますけど、実はよく分かっていません……。spicatransformプロパティは、要素に動きを付けるために使います。設定次第で複雑な動きを付けることも可能です。transformプロパティ
【jQuery】スクロールするとふわっと表示!フェードインアニメーションを実装しよう
【jQuery】スクロールするとふわっと表示!フェードインアニメーションを実装して、動きのあるサイトにしよう
【jQuery】スライダーを実装しよう!プラグインslickで超簡単!
【jQuery】プラグインslickを使って、スライダーが簡単に実装できる方法。カスタマイズの仕方も紹介。
【Google Search Console】[「ページのインデックス登録」の問題が新たに検出されました]の対処法(YoastSEO編)
Google サーチコンソールから「ページのインデックス登録」の問題が新たに検出されましたとメールが届いた?!エラーの対処法について
【Vue.js】アクセス直後に一瞬現れるマスタッシュが気になる!v-cloakで非表示にしよう
【Vue.js】アクセス直後に一瞬現れるマスタッシュが気になる!v-cloakで非表示にしよう
【HTML/CSS】もっと詳しくclip-path!図形を作ったり画像を切り抜いたりが簡単に!
【HTML/CSS】もっと詳しくclip-path!図形を作ったり画像を切り抜いたりが簡単にできるようになります!
【HTML/CSS】表の作り方が分からない!表で使うタグと作り方の基本を解説
【HTML/CSS】表の作り方が分からない!表で使うタグと作り方の基本、ポイントや注意点を解説します
【HTML/CSS】グリッドレイアウトであっという間にタイル型レイアウトができる!CSS Gridをじっくり解説
【HTML/CSS】グリッドレイアウトであっという間にタイル型レイアウトができる!Flexboxとの違いなど、CSS Gridをじっくり解説
【HTML/CSS】便利すぎる!Flexboxを使うとレイアウトもレスポンシブ対応も簡単
【HTML/CSS】便利すぎる!Flexboxを使うとレイアウトもレスポンシブ対応も簡単にできる
【ウェブ制作】ウェブでGoogle Fonts Iconsの可変アイコンフォントMaterial Symbolsを使おう!
Googleアイコンを使ってみようと思って検索したら「Material Symbols」っていうのが出てきたんですけど??spica「Material Symbols」はGoogleのアイコンで間違いないですよ!Google Fonts I
【HTML/CSS】CSSで三角形を作ろう!矢印としてちょこっとほしい!作り方徹底解説
【HTML/CSS】CSSで三角形を作ろう!フローチャートやふきだし、リストマーカーに三角形を使いたい
【HTML/CSS】CSSだけでできる!animationプロパティで動きのあるサイトにしよう
【HTML/CSS】CSSだけでできる!animationプロパティと@keyframesで動きのあるサイトにしよう
Web制作関連の本のレビューです。「CSS設計完全ガイド」「CSSグリッドレイアウトデザインブック」「#ズボラPhotoshop」「ジンドゥークリエイター 仕事の現場で使える! カスタマイズとデザイン教科書」「Adobe XDではじめるWebデザイン&プロトタイピング」「豊富な作例で学ぶ Adobe XD Webデザイン入門」「動くWebデザインアイディア帳」
【CodePen】画像はどうやって表示するの?GoogleDrive/DropBox/GitHub
【Codepen】画像の表示の仕方がわからない…。無料会員でも大丈夫!GoogleDrive/Dropbox/GitHubを使って解決!
WordPressサイトの制作を「企画」「設計」「制作」「運用」という4つのフェイズに分けて、それぞれを詳しく説明していきます。[企画]・Webサイトの目的、目標は?・誰のためのWebサイト?・どんなコンテンツ?[設計] ...
【jQuery】ぬるっとスクロールさせたい!スムーススクロールの実装
【jQuery】ぬるっとスクロールさせたい!動きのあるウェブページにかかせない、スムーススクロールを実装しよう。
【jQuery】もはや常識?!ページトップボタンを実装しよう!
【jQuery】よく見かける「ページトップボタン」。ボタンの作り方からjQueryのコードの詳細まで徹底解説します。
CodePenでjQueryの使い方が分からない方は、この記事を参考にしてください。Font Awesomeを使いたい場合は、こちらの記事をご覧ください。CodePenでjQueryの設定をする設定はとても簡単です!「JS」の歯車マーク(
【HTML/CSS】filterプロパティで画像にフィルターをかけよう
【HTML/CSS】Photoshopいらず!filterプロパティを使って、簡単に画像にフィルターをかけよう
そのころ、有数のサーバシステムの性能評価グループの一員だった。 私の仕事は、今まで手作業で作っていた書類を自動で作成しWEB表示することだった。 周りはみんなオラクルの最高資格をもったDBのプロだった。 あるとき、日時のバッチがこのままでは、朝9時までに終わらない可能性が ...
PageSpeed Insightの点数を15点から87点に上げた方法
ぼぶみです。「運営しているサイトが遅い」、「何故か管理ページだけ動作が重い」このような悩みをお抱えではないでしょうか?「アレコレ試しているけど全然早くならない」、「色々やっていたら逆に遅くなってしまった」このようにお困りの方もいらっしゃると
WEB食いオンラインスクールの評判と口コミを現役WEBデザイナーがレビュー
「WEBデザイナーになりたいけどどんなスクールに通ったらいいの?」 「スクールに通いたいけれど、あまりお金をかけられない」 「高額なスクールに騙されたくない」 そんな方におすすめなのが月額10800円でWEBデザインを学べるスクールWeb食いオンラインスクールです。 ここではWeb食いオンラインスクールを実際の評判や口コミとともに解説していきます。
最短2ヶ月でWebサイトの制作スキルを習得できる「Webデザイナー Web制作コース」
最短2ヶ月でWebサイトの制作スキルを習得することができる、ヒューマンアカデミーの通信講座『Webデザイナー Web制作コース』をご紹介します。Webデザイナー Web制作コースヒューマンアカデミーの通信講座「Webデザイナー Web制作コ
未経験から副業で10万円稼げるWebデザイナーを目指す「Webデザイナー Web制作コース」
最短2ヶ月でWebサイトの制作未経験から副業で10万円稼げるWebデザイナーを目指す、ヒューマンアカデミーの通信講座『Webデザイナー Web制作コース』をご紹介します。Webデザイナー Web制作コースヒューマンアカデミーの通信講座「We