プロフィール

ファイナルファンタジーシリーズと、愛犬のポメラニアンをを愛してやまないただの主婦、白圭望です。
白圭望プロフィール
髪切りました

現在 CLIP STUDIO pro でデジタルアートを勉強中。できた作品オンラインショップで配信しています。もっと画力を上げたいです。
このブログでは、クリップスタジオの使い方、デジタルアートのあれこれと、たまにゲームやアニメそしてファイナルファンタジーについて書いていこうと思います。

ちなみに今現在は夫の仕事の都合でアメリカのロスに住んでおります。日本が恋しいです。






コメント

コメントを投稿

このブログの人気の投稿

【30代からのプログラミング】CSSでグリッドレイアウトをラクーに使ってみる。

イメージ
さて、前回の練習サイトを作る際イラストを並べるのに非常に苦労しました。そこで色々調べているうちに出てきたワードは、グリッドレイアウトとFlexというキーワードでした。そこで今回はこの２つを使ってみることに。 今回の成果物はこちらになります。よかったら遊びに行ってみてください。 https://ponsmama.github.io/pon-and-mama/ まずはグリッドレイアウトというものを学ぼう。 グリッドレイアウトを学ぶのにとても分かりやすかったサイトはこちらです。 今度こそわかかった！CSSグリッドレイアウトの作り方と基本知識。 グリッドレイアウトを簡単に説明してみる。 グリッドレイアウトとは、サイト内に枠線を引き、その枠線を使って色々な要素を配置できるようにする方法です。この方法を使うと要素を重ねたりすることもできます。 それでは4つのアイテムをグリッドレイアウトを使って、サイト上に配置してみましょう。 まずはHTMLを書こう 4つのアイテムを、グリッドコンテイナーの中に入れ子にします。 <div class=grid-container>        <div=grid-item1>1</div>        <div=grid-item２>２</div>        <div=grid-item３>３</div>        <div=grid-item４>４</div> </div> ポイント：アイテムの中はとりあえずで良いので何か書いておくと良い。空で作るとうまくいかないことがありましたので。 CSS　グリッドコンテイナーに枠線を設定します。 .grid-container{       display:grid;       grid-template-column s : 1fr 1fr 1fr 1fr;     ...
続きを読む

【30代からのプログラミング】絶対わかる！初心者がjQueryでスライダーを作るための備忘録。

イメージ
こんにちは、現在Progateでプログラミングを学習中です。30代主婦の超初心者ですが、同じようにプログラミング学習を始めた方のために忘備録を書いてみようと思います。（ホントは自分のために） Progateのみで終わらせないように実際にエディターでプログラミングをしてみましょう！ 理解する！jQueryで作るスライダー 目標 ：PREV /NEXT　ボタンで４つのイラストを一枚ずつ表示させる 言語 ：HTML、CSS、jQuery レベル ：初心者(progateーjQuery上級編を攻略済み） 最初の一歩：HTMLを書く さて、まずはHTMLを作らねばですよね。まずは構成を考えてみようと思います。デザインはもっとカッコいいものができるようになりたいですが、まずは仕組みから理解できるようにしたいです。 １：HTMLの骨組みを作る まずは骨組みをつくります。PREVとNEXTのボタンでスライドさせます。スライドさせたいイラストはリストにします。 ２： PREV と NEXT にクラス名をつける jQueryの記述では、この２つの共有クラス名と、個々のクラス名が必要になります。 それぞれ<div>で囲みます。 赤のchangeが共有のクラス名になります 。 <div class="wrapper">    <div class=" change btn-prev "> PREV </div>    <div class=" change btn-next "> NEXT </div> </div> 3: リスト４つのクラス名をつける 4つのイラストの<img>ですが、4つとも共通のクラス名をリスト内につくります。 <ul>     <li class=" slide "><img src="...">     <li class=" slide "><img src="...">     <li class=...
続きを読む