-
記事
Adobe コンプリートプランを1番おトクに入手する方法
【Adobe Creative Cloudコンプリートプランを安くつかうには】 今年(2022年)の4月から、個人向けのAdobe Creative Cloudコンプリートプランが値上げになりました。 年間払いの月額請求額232円の値上げ(月6,248円から6,480円に)月払いの月額請求額402円... -
技術系解説記事
ディレクトリとURLについて
ご自分のパソコンで作成しているWebサイト、サーバーにアップロードしたらどんなURLになるか想像できていますか? https://webtan.tech/と、https://webtan.tech/index.htmlは全く同じ画面になるってことなんですね。 そう、そして一番外側のフォルダ以外... -
技術系解説記事
もう微調整は不要!box-sizingの使い方(図解付き)
本記事をご覧いただきありがとうございます!コーディング経験3ヶ月、新米実習生Sと申します。前回の記事「初心者必見!positionの使い方(具体例付き)」に引き続き、今回はWeb制作に必須の相棒「box-sizing」について解説させていただきます。難しい専... -
記事
WordPressで作られたWebサイトを自分で管理していく場合に大切なルーティンワーク
【バックアップと更新】 更新の前には必ずバックアップをしよう(もし更新のタイミングで壊れてもバックアップがあれば元に戻せるよ) サーバー会社のバックアップ昨日を使ったり、WordPressのプラグインを使ったり、バックアップの方法は色々あるのですが... -
技術系解説記事
タグの使い方
皆様はじめまして、実習生のOです。Webの分野にかねてより興味を持っており、Webデザイナーになるために日夜勉強中です。htmlにはいくつかのタグが存在しますが、今回は意外と使い所がある<span>タグについてご紹介します。 【spanタグとは】 <sp... -
技術系解説記事
初心者必見!positionの使い方(具体例付き)
Web鍛をご覧の皆様、はじめまして!コーディング経験3ヶ月、新米実習生Sと申します。今回は、基礎の基礎では学ばないものの、コーディングにおいて必須の相棒、「position」について解説します。新米だからこそ、初心者の方と同じ目線に立った説明ができ... -
記事
Webデザイナーなら知っておきたい情報やサービスなどのリンクを集めました
【文章関連の知っておきたい情報や便利サービス】 【校正用語】イラストで解説!校正記号31種類の使い方https://kagurazaka-editors.jp/calibration-symbol/ 【文章校正】オンライン文章校正支援サービスPRUV(プルーフ)https://pruv.jp/ 【デザイン関連... -
記事
Webデザインビギナー向けのおすすめ本まとめました
【デザイン関連のおすすめ本】 100回読んでほしい! ノンデザイナーズ・デザインブック \ 擦り切れるまで読み返して、自分に叩き込むべき本 /読んでほしいランキングNo1!!!!(ウィズクリエイション独断ランキング) リンク 現場の知識いっぱい! デザイ... -
技術系解説記事
動画解説あり:スマートオブジェクトについて解説します
【スマートオブジェクトとは?】 Adobeサイトの解説にはこのようにあります。 スマートオブジェクトは、Photoshop や Illustrator ファイルなどのラスター画像やベクトル画像からの画像データを含むレイヤーです。スマートオブジェクトでは、すべてのデー... -
ブックレビュー
【思わずクリックしたくなる バナーデザインのきほん】読書レビュー
こんにちは!あいみょんと申します。1年前ほど前に医療事務員から転職を決意し、かねてより憧れていたWebデザインの世界に飛び込みました。そして職業訓練のWebデザイナー科に通学し、Web業界に就職することが叶います。Webの海は果てしなく、奥深いものだ... -
バナー・画像制作課題
画像制作課題|イベントページのカバー画像を作成してください
【クライアント様のご要望】 イベントを行う予定です、現時点で決まっていることは下記の通りです。デザインはおまかせしますが、かっこいい感じでお願いいたします。イベントサイトとは別のLPはこちら https://webtan.tech/lp/lp_sample_design/某イベン... -
技術系解説記事
widthとmax-width、時々、min-width
みなさま初めまして、実習生のFです。以前から興味のあったWebデザイナーになりたいと思い職業訓練に通い勉強を始めました。実制作・企業実習を経験するうちに気になり始めたwidthとmax-widthの使い分けについて簡単に解説したいと思います。max-width・mi...