私がBootstrapをほどんど使わない理由

良く行う作業を行うとき、フレームワークが役に立つことがあります。

 

Bootstrapはレスポンシブデザインのコーディングにおいてとても有用なフレームワークです。

Bootstrapの基本はPCコンテンツの各パーツにクラスをつけて、特定のデバイス幅でパーツをカラム落ちさせてSP化する、というものです。テーブルなどはレスポンシブテーブルにできます。クラスをつけるだけでSP化できるなんて、なんて便利なんだろう! と思うでしょうが……私はクライアントの要望がない限りほとんど使用しません。 “私がBootstrapをほどんど使わない理由” の続きを読む

クリエイティブ稼業におけるペンネーム、ビジネスネームの取り扱いについて

クリエイティブ稼業におけるペンネーム、ビジネスネームの取り扱いについて改めて弁護士の方に聞いてきました。

たまたまお会いする機会があったので、ついでに聞いてみたのですが、ちょっとびっくりしました。

 

結論から言うと、どんな書類、契約でもペンネーム、ビジネスネームで通すことができる、とのことでした。

そのペンネーム、ビジネスネームが本人と認識することができればよいそうです。

私はさすがに契約書は無理だろうと思っていたので、ちょっと驚きました。ビジネスネームで契約書までかわすことができるのですね。

私の周りで多いペンネーム、ビジネスネームの使用パターンは以下の通りです。

  • 契約書は本名
  • 請求書、納品書、見積書はペンネーム、ビジネスネーム

でもどれもペンネーム、ビジネスネームでもよいのですね。

ちょっと飛躍した話ですが、未払金の請求等、仕事のトラブルに関する裁判が発生した場合は、「(ビジネスネーム)こと(本名)」として出廷することになるそうです。裁判では本名が出ますが、きちんとビジネスネームが本人と認められるとのことでした。

 

クリエイティブ業界はペンネーム、ビジネスネームをお持ちの方が多く、書類づくりなどで記名をどうするか悩んでいる方がいらっしゃるようですので、参考になさってください。

Google サイトを使用してみました。

表題のとおりGoogle サイトを使用してみました。

 

一言で言うなら自由度がない。

コーディングも何もしなくていいんですね。

ただ、「ロゴ」や「テキストエリア」、「画像」をちょんちょん置いていくだけ、というシステムでした。ホームページビルダーより簡単です。

ブログ的機能はなかったです。 “Google サイトを使用してみました。” の続きを読む

【自習用】よく見るパララックスサイトの作り方総復習・基本編

Web Design Leavesさんの背景画像を使ったパララックスという記事にパララックスの基礎がまとまっていたので、自分でも写経しつつちょっと改変しつつ真似てみました。

今更感がありますが^^;

パララックスってCSSでもできるんです。私はずっとこの方法でやっていました(あまりJSを使いたくなかった)。

プラグイン等を使わなくても大丈夫です。

これは多くの人が思いつくやり方ではないでしょうか。

背景画像をposition: fixedにすることで容易に実現できます。

 

JavaScriptを使用した方法は以下の通りです。

考え方としてはこのような考え方で背景を固定します。

JavaScriptを使用するとコンテンツの重なり方を調整することも可能だそうです。以下二つの動きを見比べてみてください。

 

最後にJavaScriptとCSSの合わせ技。

なにやら背景画像がぬるっと動いていますよね。こういう動きはあまりクライアントから要求されたことがなかったです。

やったことがなかったので勉強になりました。

ここまでのペンはhttps://codepen.io/AoiHimeno/にまとめてあります。

 

雲が動いたり、前景と中盤の画像と背景がそれぞれ動くパララックスについても後日まとめます。