CATEGORY
Web制作
Web制作の実務で役立つ知識や、制作の進め方、ツールの使い方を紹介します。デザインツールの操作から制作会社での経験をもとにしたコラムまで扱います。
72件の記事
ARTICLES
記事一覧
新着順・16〜30件を表示
-
【Adobe XD】テキストを縦書きにするプラグイン「Tategaki for Adobe XD」の使い方
Adobe XDでテキストを縦書きにするプラグイン「Tategaki for Adobe XD」のダウンロード・インストール～簡単な使い方を解説します。個人の方が開発しているプラグ…
-
【Adobe XD】テキストにグラデーションを設定する方法
Adobe XDでテキストにグラデーションを設定する方法を紹介します。テキストを単色で表示する場合とは異なる設定手順を確認し、文字に色の変化を付けたデザインを作る方法を解説します。
-
【AWS認定】クラウドプラクティショナーに合格しました！実践した勉強方法をご紹介
2022年1月にAWS認定クラウドプラクティショナーへ合格した際の学習記録です。AWSクラウドの基礎を学ぶために実践した勉強方法と受験時の経験を紹介し、合格を目指す人向けの参考情報…
-
【リモートビズ】登録～案件参画までの記録とサービスを利用した感想
リモートビズへの登録から案件参画までの経緯と、サービスを利用した筆者の感想を紹介します。副業案件を探す際のエージェントとのやり取りや検討過程を、記事で記録した時点の体験に基づいてま…
-
【土日の在宅副業】営業が苦手なエンジニアにおすすめのエージェント6選
土日や在宅での副業を探すエンジニアに向けて、記事執筆時点で検討したエージェント6選を紹介します。営業が苦手な人の案件探しを想定し、各サービスの特徴を比較するための参考情報をまとめて…
-
【お名前.com】MXレコードを設定してさくらのメールを利用する
お名前.comで取得したドメインにMXレコードを設定し、さくらのレンタルサーバのメールを利用する方法を解説します。MXレコードには初期ドメインを、SPFレコードにはホスト名を指定し…
-
【CSS】波線の背景の作り方
CSSで波線の背景を作成する方法を紹介します。セクションの境界に使える波形のデザインを例に、ジェネレーターの利用と疑似要素のスタイルを確認し、Webページへ装飾を組み込む手順を解説…
-
302リダイレクトになる？さくらコンパネの転送設定について
さくらのレンタルサーバーのサーバーコントロールパネルで設定することができる転送設定の内容について紹介します。さくらのレンタルサーバーのコントロールパネル（以降コンパネ）には、リダイ…
-
【CSS+JS】inputをfocusするとplaceholderが上に動くフォームを作ってみる
CSSとJavaScriptで、入力欄へフォーカスするとラベルが上へ移動するフォームを作成します。placeholderのように見える項目ラベルとinputの状態を連動させ、入力操…
-
【Chrome】input等をfocusした際に表示される輪郭線(outline)を消す方法
Google Chromeでinputやtextareaといった要素をfocusした際に表示される輪郭線(outline)を消す方法を解説します。outlineは要素の輪郭線を設定…
-
【CSS+JS】クリックで丸い円が画面全体に広がるアニメーション
CSSとJavaScriptで、要素をクリックすると丸い円が画面全体に広がるアニメーションの作り方を解説します。丸い円が画面上に広がるアニメーションは、予め丸い要素を用意しておき、…
-
CodePenとJSFiddle…オンラインエディタはどっちがいいのか
オンラインエディタのCodePenとJSFiddleのどっちがいいのか、トレンドを基に紹介します。シンプルを求めるなら「JSFiddle」を、多機能であれこれしたいのであれば「Co…
-
IEでwriting-mode: vertical-rlを指定しても縦書きにならない
IE11でwriting-mode: vertical-rlを指定しても縦書きにならない場合の対処法を紹介します。記事で扱う旧ブラウザー向けの値と-ms-のベンダープレフィックスを…
-
【Googleマップ】IE11でリンクの日本語キーワードが文字化けしてマップが正常に表示されない
Googleマップのリンクに日本語を入れると、IE11で確認した際にキーワードが文字化けしてしまい検索結果が正常に表示されない場合の対処法を解説します。IE11でリンクに入れた日本…
-
【Photoshop】シェイプの中に写真を表示する方法
Photoshopでシェイプの内側だけに写真を表示する方法を紹介します。図形と画像を組み合わせて配置し、写真の位置や拡大・縮小を調整しながら、シェイプの形で見せるデザインを作る手順…
スポンサーリンク