値 | 説明 |
---|---|
単一行 [ flex-directionプロパティ ] | |
row | 左から右に横並びに表示 |
row-reverse | 右から左に横並びに表示 |
column | 上から下に縦並びに表示 |
column-reverse | 下から上に縦並びに表示 |
複数行 [ flex-wrapプロパティ ] | |
nowrap(初期値) | 1行に並べて表示 |
wrap | 複数行に上から下に折り返し並べて表示 |
wrap-reverse | 複数行に下から上に折り返し並べて表示 |
11月の記事
- 【企画】dアニメストアの広告をつけたい
- 【企画】 春日部の冬景色をAdobeStockに投稿したい
- 【メモ】Flexboxの基本
- 【メモ】人気のアニメを知りたい
- 【メモ】CSSの詳細度
- 【企画】24hアナログ時計をつくりたい
- 【メモ】パーセント計算式
- 【メモ】5W2H
- 【メモ】検証端末画面サイズ
- 【メモ】サイトカラーコード一覧
- 【メモ】【Adobe AIR】アイコン画像サイズ一覧
- 【メモ】フォルダ管理のルール
CONTANTS
dアニメストアの広告をつけたい
- 圧倒的なラインナップ
- 5500作品以上のアニメが見放題
- スキマ時間を有効活用できる
- Wi-Fi環境でもダウンロード可能だから、スマフォタブレットにダウンロードしておけばいつでも視聴ができる
- 充実の検索機能
- 作品名/曲名/声優/歌手/キャラ名
*「気になる」登録で、新作アニメの最新話の追加をお知らせ
- イッキ見視聴
-
- 連続再生・OPスキップでストーリーに熱中できる
- 再生速度変更で、1日にたくさんのアニメが見られる。
春日部の冬景色をAdobe Stockに投稿したい
北春日部駅 | |
---|---|
開発予定地 | |
*春日部駅高架工事を行っている春日部。現在、戸建て住宅がドンドン建築されている。ララガーデンやイオンモールなど大型商業施設も近場にあることから開発が進む春日部に今後も注目したい。
Flexboxの基本
*column 縦並び row 横並びと覚えよう!
Adobe Stockに写真を投稿したい!
キーワード | |
---|---|
|
|
日の出時間 | 06:27 |
日の入時間 | 04:28 |
*北春日部駅から自転車で回れる範囲で撮影を実施
人気のアニメを知りたい
プライムビデオ・dアニメストアのトップ10
TOP10 No. | PrimeVideo | dアニメストア |
---|---|---|
1 | 薬屋のひとりごと | 陰の実力者になりたくて |
2 | 呪術廻戦 | とあるおっさんの VRMMO活動記 |
3 | SPY×FAMILY | ティアムーン帝国物語 |
4 | 葬送のフリーレン | カノジョも彼女 |
6 | アンダーニンジャ | デッドマウントデスプレイ |
7 | 陰の実力者になりたくて | 暴食のベルセルク |
8 | ここは笑いのふしぎ堂書店 | 盾の勇者の成り上がり |
9 | MEG ザ モンスター【吹替版】 | ラグナクリムゾン |
10 | TOKYO MER ~走る緊急救命室~ | 君のことが大大大大大好きな100人の彼女 |
*公式サイトより抜粋
個人的な意見であるが、プライムビデオとdアニメストアでここまでランキングが異なるのはいかがなものか?
詳細度
CSSを設定したのに反映されない場合がある。そんな時は詳細度を確認して欲しい。
分類 | セレクタの種類 | 例 |
---|---|---|
A+ | style属性 | <p style ="color:red;"> |
A | IDセレクタ | #foo |
B | クラスセレクタ、属性セレクタ、擬似クラス | .foo, [type="radio"], hover |
C | 要素型セレクタ、擬似要素 | h1、::before |
分類不能 | 全称セレクタ | * |
詳細度を算出
セレクタ | A | B | C | 詳細度 |
---|---|---|---|---|
#link | 1 | 0 | 0 | 1.0.0 |
a | 0 | 0 | 1 | 0.0.1 |
a:link | 0 | 1 | 1 | 0.1.1 |
a[href] | 0 | 1 | 1 | 0.1.1 |
p > a::before | 0 | 0 | 3 | 0.0.3 |
*詳細度の数値が高い方が優先される。
24時間対応のアナログ時計を作成しよう
単位 | 目盛り数 | 分割角度 | |
---|---|---|---|
時間 | |||
24時間(大) | 24分割 | 15° | |
24時間(小) | 144分割 | 2.5° | |
分・秒 | 60分割 | 6° |
*私の実家にはアナログ時計が各部屋に設置されている。だがこまったことにどの時計も少しずつずれている。ある時計は正常な時間よりほんの数分早い。別の時計は数分遅い。ある時計は電池を何度交換しても気づくと止まっている。だから、私は自室の時計たちは信用せず、手元の腕時計を確認するようにしている。ある日のことである。昼寝から目覚めた私は部屋が暗いことに気付き飛び起きた。部屋が暗いのだ。腕時計は4時25分を指している。急いでシャワーを浴び身支度を斉、駅まで全力で走ればギリギリ出社時間に間に合うはずだ。焦りに焦った私の耳に夕方の時刻を知らせる定時チャイムの音が響いてきた。私はハッとして、スマフォを手に取る。ホーム画面のデジタル時計が現在時刻が表示されている。16時30分・・・あれ?違くね?私は自分の勘違いに気付き、安堵からその場にへたり込んでしまった。会社を退職してからはや1年。もう出社する必要がない事実にホッとしている自分がいることに気がついた。
計算式
- パーセント値(%)= 子要素(px) / 親要素(px)×100
*情報を整理するために書き出すものなので、必ずしも全て利用しなければならないわけではない。
5W2H
5W | |
---|---|
WHEN | いつ |
WHERE | どこで |
WHO | だれが |
WHAT | なにを |
WHY | なぜに |
2H | |
HOW | どのように |
HOW MUCH | いくら(値段)で |
*情報を整理するために書き出すものなので、必ずしも全て利用しなければならないわけではない。
検証端末画面サイズ
PC | Windows | 1920px × 1080px |
---|---|---|
MacBook | 1280px × 720px | |
タブレット | KINDLE | 602px × 777px |
iPad | 768px × 1024px | |
スマフォ | iPhoneSE | 320px × 526px |
*メディアクエリの画面分割点はiPad(768px)を基準とし767pxまでの画面サイズをタブレット対応・768px以上をパソコン対応とする。
画面幅 | px |
---|---|
画面高さ | px |
サイト カラーコード 一覧
ベージュ | ||
---|---|---|
BASE | #FFF7E8 | |
BORDER | #562222 | |
Flashアイコン | ||
BASE | #330000 | |
font-color | #FF873E | |
font-color-2 | #DA313B | |
Animateアイコン | ||
BASE | #00005B | |
font-color | #A3A3E8 | |
font-color-2 | #7B7BDF |
サイトカラー | |||||
---|---|---|---|---|---|
#B2291C | #22558A | #4A7664 | |||
#C77665 | #E5DECA | #7E9374 | |||
#470000 | #0A3956 | #0D3B2B |
凱風快晴(がいふうかいせい)
葛飾北斎の名所浮世絵揃物『富嶽三十六景』全46図中の1図で、「赤富士」(あかふじ)とも呼ばれる。大判錦絵。
#FDF6E9 | #FCE3CD | #F7BB9E | #F3A88C | ||||
#FDF5E0 | #FBD9BF | #F8C2A2 | #F29EA2 | ||||
#FFFCDB | #EEAB55 | #E0815E | #D6746A | ||||
#FBE1C1 | #F7CEAE | #FFA978 | #C8714B |
髪の色 | |||||||
---|---|---|---|---|---|---|---|
#A5D4AD | #89C49F | #3B5E66 | #3F5444 | ||||
目の色 | |||||||
#C7ADB6 | #DA527E | #941D3D | #31080C | ||||
衣装の色 | |||||||
#944D5D | #7B2D34 | #602734 | #491C29 |
フォルダ管理ルール
- フォルダ名
- 日付_プロジェクト名
例 > 20231115_Anime
- プロジェクト
- 01_project
- 動画素材(画像など)
- 02_footage
- BGM・音声
- 03_asset
- 編集動画・完成動画
- 04_render
画像ファイルサイズ一覧
- メインビジュアル
- 1920px × 1080px
- タイル
- 100px × 100px
- アイコン
- 32px × 32px
- ランキングアイコン
- 55px × 55px
- サムネイル
-
- 大
- 1920px × 1080px
- 中
- 640px × 360px
- 小
- 320px × 180px
画像命名規則
- 命名規則
-
- 半角英数字
- ハイフン [ - ]
- アンダースコア [ _ ]
- オレ式ルール
- ジャンル_タイトル_画像サイズ
例 > icon_ranking_55-55
サムネイル | thumbnail |
---|---|
タイル | tile |
アイコン | icon |
プロフィール
氏名 | いとう ともお |
---|---|
出身地 | 埼玉県春日部市 |
(現)職業 | Webデザイナー |
前職業 | IT系テクニカルサポート |
メッセージ | 当サイト(未経験アラフォーおっさんがWEBサイト作ってみた)の運営者でAdobe Animate愛好家。Adobe Animateをさらに普及させるべく情報発信を心がけています。 |