ーーーーーー -2ページ目

 

ストライプの背景をCSSで実装するには?

 

【本日実装したいこと】

サックス×白の斜めストライプの背景の上に、画像やテキストを重ねたデザインを作る

 

 

 

その実装方法は次の通り

 

①無料のCSSストライプ作成ジェネレーターに数値を入力する

 

 

 
 
 
下のように入力すると、色合いが表示される。
 
 
 
 
②CSSが表示されるので、コードをコピーする。
 
 
③HTMLで、<div>を作り、<div>に②でコピーしたコードを貼り付ける
 
④その中に<div>タグで囲んだ画像とテキストを入力する。
 
⑤<div>タグをdisplay: flex;にして横並びにし、画像の大きさを調整する。
 
 
 
以上で実装完了です。
 
今日もお疲れ様でした。
 

 

 

こんにちは。

 

いきなりですが、、これからはこのブログは記録として自分自身が学んだことを記録していきます。

 

 

調べごとが多いと、macのPCのタブが増えすぎて

後でみかえしたいし、消すに消せない状態だったんですよね。。。。。

 

 

どうしても書き残したい!見返していつでも思い出したい!ウェブサイトが欲しくて、

残してあった、アメーバブログに記録していこうと思います。

 

 

アメブロカスタマイズのデザインをやっているので、

デザインは私とは全く関係ないデザインです。そこは無視してください。w 

(ご依頼があった方のテストサイトとして使っています。)

 

 

 

早速ですが、まだまだレベルは低めですが学んだことを記していきます。

グラデーション背景をCSSで実装するには?

 

 

【本日実装したいこと】

画像の上に緑〜エメラルドグリーンの背景を重ねたデザインを作る

 

 

その実装方法は次の通り

 

①CSSジェネレーターに数値を入力する

 

 
 
下のように入力すると、色合いが表示される。
 
 
 
 
②CSSが表示されるので、コードをコピーする。
 
 
③画像を囲んでいる<div>をposition:relative;にする。
 
④画像を囲んでいる<div>のbefore属性に、先ほどコピーしたコードを貼り付ける。
 
⑤そのbefore属性に下記のコーディングを追記する
position: absolute;
content: ' ';
left: 0;
top: 0;
right: 0;
bottom: 0;
 
 
以上で実装完了です。
 
今日もお疲れ様でした。
 

 

提供予定のサービス💍

◆遠隔スピリチュアルヒーリング
>>現在はリピーター様限定です。

◆満月の会
・瞑想会 10:40〜12:40
・ショートヒーリング 13:40〜16:30

>>2020年の開催は見送ります。再開の際は随時ご案内いたします。


◆新月の会
>>2020年の開催は見送ります。


◆出張のご相談

>>詳細はこちらから

2019年11月より出張料金を変更いたしました。

(尚、リピーター様はこれに準じない場合が

ございますのでお問い合わせください)

 

 

◆パワーストーン
>>新作続速入荷中。

 

◆占いサイトウラッテ様でご紹介いただきました
>>metronom 関本ゆかり

>>東京 metronom 関本ゆかり

 

 

◆お客様の声
>>こちらから

 

 

💍はじめましての方

どうぞ目をお通しください

 

 

💍LINE公式アカウント/お問い合わせ

スピリチュアル小話やお知らせを配信・リピーター様のご予約はこちら

ご登録をお済ませください♡

>>QRコードはこちらから。

 

 

💍メールからのお問い合わせ

お気軽にご相談ください♡

 

 

💍Instagram

1日1メッセージ配信中

 

💍Twitter

1日1つぶやき配信中

 

💍パワーストーンのブログ

こちらもぜひご覧ください♪

あけましておめでとうございます。

 

ここでのブログはこれで終了したいと思います。

 

最初は成長過程を記すブログを書いたほうがいいとアドバイスを受け、始めたアメブロでした。

 

しかし、今はもうフリーランスとしてもやっていけるようになったので、これからはプロとしてブログを書きたいと思います。

 

だって、過去に「見習い中です」とか書いてる人がプロになったから仕事始めました!と言われても説得力ないですもんね。

 

過去のブログを見返して、危なっかしい人には仕事頼みたくないですもん。笑

 

 

なので、やっと一通りのスキルと経験を積めた今、このアカウントは終了にしたいと思っています。

 

これまで投稿するたび毎回いいねをくれた方もいて、本当に感謝しています!!

 

スタートしましたら、こちらからいいね返ししに行きます!

 

また、有益な情報をかけるブログをスタートいたしますので、どうぞよろしくお願い致します。

 

野口

こんにちは。

 

デザイナーの野口早苗(のぐちさなえ)です。

 

今日は前回のブログに引き続き、今日は最終的に目指す人も多い、

フリーランスのデザイナーになるために必要なマインドをお伝えします。

 

私も来年からは、今の派遣の仕事も業務委託契約になり、ほぼほぼフリーランス状態になるので、このマインドをしっかり持って生きたいと思っています。

 

これは、デザイナーだけでなくどんな仕事でもフリーランスになりたいという方全員に大事なマインドなので、しっかり頭に入れておいてくださいね。

 

 

 

まずは、1つ目。

成果に執着しない!です。

 

これは、急いで成果を出したい方にお伝えしたいことです。

 

言い方を変えると、成果ではなく自分のやるべき行動を見よう!ということ。

 

説明すると、

 

フリーランスは仕事もお金も波があります。

もし成果に執着していたら、結果が出ない月が続いたらどうでしょう。

 

もうフリーランスとして生きていけない!ダメだ!とすぐに挫折してしまうのです。

 

せっかくあと少しで成果が出るところまできているのに、ここでやめてしまってはもったいないです。

 

成果が出ないことに焦らず、まずは目の前にある自分のやるべきことに集中しましょう!

 

執着するのは、目の前の行動です!

 

やるべきことがわからない方も、

将来デザイナーになるために何が必要なのかを調べるという行動をするのです。

 

ネットで「自分のなりたい職業について検索する」でもいいし、「わからないことを知っている人に聞く」でもいいです。

とりあえず、「自分と同じ悩みを持つコミュニティの人に会って悩みを共有する」でもいいでしょう。

 

私も、フリーランスになるといいながら、恥ずかしながら税のことがいまだにわかっていないので、、、すでにフリーランスをしている人に聞こうと思っています。

 

そんな行動をしているうちに、

そのうちに何かヒントが見つかるはずです。

 

成功者は、行動の数が一般の人より何倍も多いと言われてますよね?

 

悩んでいる=行動が止まっている この状態は負の連鎖しか生みません。

 

まずは、小さなことでも行動しましょう!

 

 

 

2つ目に大事なマインドは、

人と比べない!です

どうしても、うまくいかないときに限って、同じ分野ですでに仕事でうまくいっている人を見て焦ったり、自分のやり方に不安を覚えてしまうことがあります。

 

でも、憧れている人の人間性や性格、経験全てが違う人間なんだから、同じように行動したところで同じ結果になるとは限りません。

 

そもそも全く同じように生きるなんて無理です。

 

他人を見て参考にするのはいいと思いますが、マインドが落ちるんであれば人と比べるのはやめましょう。

 

いつも比べるのは昨日の自分です!

 

(ただ、そんなに厳しくしては続かなくなってしまうので、半分できればよし!としましょう♡)

 

 

 

3つ目は、

 

TTP

徹底的にパクる!です。

色々なところで言われてますけど、学ぶは真似るです。

 

真似て、真似て、自分のものにすることが大事です!

 

 

 

ちなみに、

成果とは=実力(スキル・運・人気)× 環境 

 

 

・スキルは自分でしっかり学べばいい

 

・運は人が持って来てくれるものだから、人を大切にすること。

 

・環境は、成功していく仲間がいる環境です。

コミュニティとか切磋琢磨していく仲間です。

 

またメンターも環境のうちもしれません。

 

 

それから、これも大事ですね。

 

時流を読むです。

今は価値のあるものをしっかりお届けする風潮があると思います。

安ければいいみたいな流れは減ってきていますよね。

 

表面上のうまいセールスには、最終的に人は去って生きます。

 

 

だからこそ、しっかりと日々自分の価値を高めていくことが大事だったりします。

 

自分と向き合って、人と比べず、日々少しずつでも行動する!それを続けていれば知らぬ間に信頼と成果がやってくるでしょう。

 

 

以上、フリーランスになるための大事なマインドをお伝えしました。

 

 

今日もご覧いただきありがとうございました♡