ーーーーーー -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つぶやき配信中

 

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

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

こんにちは。

 

 

今日は、デザイナーとしてお仕事をしていくためには何が必要か?

についてお話します。

 

 


まずもって必要なのが

スキル」です。

デザイナーとしてまず絶対にphotoshopIllustratorのスキルを身につけましょう。

 

それは独学でも、本を見ながらでも、スクールでも、今は無料動画とかでもあるのでスキルを学ぶのは比較的調べたら色々と出てくると思います。それをとことんいじって身につけていきましょう!

 

 

それがスムーズに使えるようになったら次に、実践です。

 

 

自分の作りたいバナーとか、サイトとか、名刺とか、POPとかを徹底的に真似て勉強します。

 

デザインは、アートとは違い、相手の(見ているお客様や、クライアント様)の心理をついたものを作らなければなりません。

 

自分がいいと思ったからという理由では納得させられません。

 

なので、パッと目を引くサイトだったり、

 

売り上げが高いECサイトのバナーだったり、

 

広告、新聞、チラシ、本など、、

 

いいと思ったものはすぐ写真とかスクショをとっていつでも参考にできるようにとっておきましょう!

 

 

その次に、作品づくりです。

 

勉強がてら何か架空のサイトやバナー、チラシ、などを作って見ましょう。

 

ウェブデザイナー になりたいならば、作ってみたいサイトの真似っこをしてみることが格段にスキルが上がる一歩です!(これはHTML+CSSも勉強していかないといけないので、デザイン力だけではないですけどね。)

 

ここまでくれば、就職もできますし、自分で不安ながらも仕事を取れるでしょう!

 

 

ただ、ここまで来るまでに年齢や結果が付いてこないことに焦って、諦めてしまう人が多いのも事実。

 

スキルを身につけているのだから、すぐに身につくわけはないですよね。

 

デザインに限らず、英語でも、マラソンでも、どんなことでも一歩一歩成長する方法しかないんです。

 

将来をみて不安になるより、今の勉強とかタスクに全力で向き合うほうが、成果も出るし精神的にも安定します。

 

 

それでも将来への不安が消えないのであれば、それはマインドの問題だと思います。

 

 

技術などの外側のスキルも大事ですが、成功するためのマインドもとーっても大切なので、次回お伝えしますね!

 

 

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

 

こんにちは。

 

 

ウェブの仕事をしようと1年8ヶ月前に勉強を始め、今現在デザインなどのお仕事をしています。

 

 

最近のわたしのお仕事事情は、

 

前の会社のアパレルのお店のお手伝いでバナー制作やPOP制作などをしながら、ウェブ制作会社でデザインを少しやらせていただきつつ、フリーとしてもfacebookやアメブロなどのヘッダー画像制作などしています。

 

 

今流行りのウェブデザイナー!なんだかおしゃれな職業!儲かりそう!

 

世間では、キラキラしたイメージがあるかもしれません。

 

クリエイティブなお仕事ももちろんありますが、意外とコツコツと作業を繰り返すような仕事も多いです。

 

でも、それはどんなお仕事でも言えることですよね。

 

 

地味な仕事なんて、わたしの求める仕事じゃないと思うか、

それが大きな夢へつながる一歩と思うかの違いです。

 

自分の中で大きな夢を描いたときに今必要な作業だったらなんでもワクワクすると思います。

 

わたしも常に「自分の夢ってこうなりたいんだよね?だから必要なんだよね!」って

一つ一つ自分に問いかけながら作業に向かっています。

 

 

ただ、自分が求める夢と全く方向性の違う努力をしていたら話は別です。

 

ウェブデザイナーになりたい人へ。

経験者は語る!本当に必要なスキルとは?

 

もしも、あなたが「ウェブデザイナー」になりたいと思うのならば、

 

まずは、デザインをしよう!!って声を大にして言いたいです。

 

 

デザインをしよう!って言うと当たり前に聞こえるかもしれませんが、世の中のWebデザインスクールやネットの情報では、

 

コーディングもwordpressもサーバーサイドのエンジニアに近いスキルを身につけよう!と書かれています。

 

わたしもそれを信じ、色々と勉強していました。

 

色々勉強をすることで本来やりたかったデザインがおろそかになり、Webデザインに関して広く浅くの知識しか身につかず、わたしは一体どうすればいいのだろう?どこまで勉強すればいいのだろう?と迷子になってしまいました。

 

全てが中途半端だから自分が何を武器に仕事をすればいいのかわからず、フリーランスどころか、何にも自信が持てませんでした。

 

そうなるくらいだったら、まずはデザインを極めてある程度自信をつけ、コーディングやwordpressなどは二の次でいいと思います!

 

ただ、コーディングやシステム的なところがやりたいのならその勉強はやったほうがいいと思います。

 

 

ウェブデザイナーになりたくて何を勉強したらいいか迷っている人へ、少しでも参考になればと思います。