マガジンのカバー画像

WEB制作

168
本
本業にすべく奮闘中のWEB制作の備忘録的存在
運営しているクリエイター
S.A.P.Studio

#css

【 WEBデザイン 】 パララックス用ライブラリ 「skrollr.js 」 　FirE♯543

パララックス用ライブラリ 「skrollr.js 」と、「グリッドレイアウト」を使って、画像に動きを…

S.A.P.Studio
S.A.P.Studio
2年前
1

【 WordPress ＃4 】 サイト制作時のファイルの初期設定　FirE♯538

今回は、WordPressでのサイト制作時に、初期設定として置いておくことをオススメするファイル…

S.A.P.Studio
S.A.P.Studio
2年前
2

【 WEBデザイン 】 コードハッピーセット 「パンくずリスト」　FirE♯526

WEBサイトに必要な基本的な機能をセットにしてご紹介します。 本日は、「パンくずリスト」で…

S.A.P.Studio
S.A.P.Studio
2年前

【 PHP学習 ＃1 】 変数・定数 　FIREへの旅路 ♯451

本日より、PHPの学習を始めました。 基礎から順に進めます。今回は、変数と定数です。 【 変…

S.A.P.Studio
S.A.P.Studio
2年前
2

【 object-fit 】 imgタグとセットで使ってレイアウト崩れ防止　 FIREへの旅路 ♯443

WEBサイトを構成する要素として、画像は必須です。 この画像は、単に<img>タグで配置すると、…

S.A.P.Studio
S.A.P.Studio
2年前
2

【 スクロールに応じたアニメーション 】 ScrollMagic × GSAP　FIREへの旅路 ♯435

AppleのWEBサイトで見られるような、 スクロールに応じて、画像が動くような機能を実装したく…

S.A.P.Studio
S.A.P.Studio
2年前

【 実証解説 】 独学でWEB制作フリーランスになるまでの学習⑥XD 投資家のFIREへの旅路 ♯418

WEB制作フリーランスになるまでの学習の第六回です。 前回はこちら 【 学習の流れ 】学習の流れを紹介し、その具体的な学習方法を紹介します。 このような流れで学習を進めました。 これは、1が終わったら、2というわけではありません。 1をやりながら、2を追加。 1、2をやりながら、3を追加。 1、2、3、をやりながら、4を追加・・・・。 という形になります。 今回は、 6. WordPress・PHP を解説します。 7. XDXDはAdobeのデザインソフトです。

S.A.P.Studi…

【 実証解説 】 独学でWEB制作フリーランスになるまでの学習④ Photoshop・Illustrato…

WEB制作フリーランスになるまでの学習の第四回です。 【 学習の流れ 】学習の流れを紹介し、…

S.A.P.Studio
S.A.P.Studio
2年前
8

【 実証解説 】 独学でWEB制作フリーランスになるまでの学習③ SCSS投資家のFIREへの…

WEB制作フリーランスになるまでの学習の第三回です。 【 学習の流れ 】学習の流れを紹介し、…

S.A.P.Studio
S.A.P.Studio
2年前
8

【 実証解説 】 独学でWEB制作フリーランスになるまでの学習② jQuery 投資家のFIREへ…

WEB制作フリーランスになるまでの学習の第二回です。 【 学習の流れ 】学習の流れを紹介し、…

S.A.P.Studio
S.A.P.Studio
2年前
4

【 実証解説 】 独学でWEB制作フリーランスになるまでの学習①HTML・CSS 投資家のFIRE…

WEBサイト制作 にて、フリーランスとして活動結果が出るまでの 私の場合の道のりを書きたいと…

S.A.P.Studio
S.A.P.Studio
2年前
8

【 WEBデザイン 】 GoogleフォームとHTMLフォームの紐付け　投資家のFIREへの旅路 ♯3…

問い合わせフォームの実装は、WEB制作において必須となりますが、 私の場合、WordPressのプラ…

S.A.P.Studio
S.A.P.Studio
2年前
9

【 WordPress 】 サイドバーにおすすめ記事を表示する！ 投資家のFIREへの旅路 第308…

オリジナルテーマにサイドバーを設置して、おすすめ記事を表示する方法を解説します！ 「おす…

S.A.P.Studio
S.A.P.Studio
2年前
5

【 WordPress 】 オリジナルテーマにカスタムサイドバーを追加するよ 投資家のFIREへの旅路 第307回

WordPressのオリジナルテーマにカスタマイズ可能なサイドバーを追加する方法を解説します！！ プラグインとコードコピペで完了です。 【 Custom Sidebars 】まずは、Custom Sidebars というプラグインをインストールします！ このプラグインは、Classic Widgetsというプラグインとセットで使用する必要があります。 【 Classic Widgets 】続いて、こちらをインストールします。 【 サイドバーをカスタマイズ 】と進みます

S.A.P.Studi…