レスポンシブデザインに対応しているはてなブログのデフォルトの公式テーマ「Smooth」の記事一覧ページをGrid レイアウトでカード型にしてみました。 はてなブログPROのユーザーは表示形式を一覧形式に変更すればトップページがカード型になります。 全ての…
⬆️画像だよ クリックで拡大⬆️レスポンシブデザインに対応しているはてなブログのデフォルトの公式テーマ「Smooth」を使ったブログの表示がiPhoneで見ると横揺れがするのでCSSを見てみたら、犯人がちゃんといるじゃあ、ありませんか笑。 entry-footer-adとい…
↑こんな感じになります↑ レスポンシブデザインに対応しているはてなブログのデフォルトの公式テーマ「Smooth」のサイドバーのアイキャッチ画像を右側に表示してみました。 システム側のblog.cssでアイキャッチ画像をfloat:left;で、左側に寄せているので、fl…
↑上の画像が表示結果だよ↑ ベーシックなデザインで最も利用者の多いオフィシャルテーマ「Epic」。 レスポンシブデザインに対応してないのでレスポンシブデザインにするCSSの追加コードを作りました。 公式テーマ「Epic」専用のCSSになります。 他のレスポン…
↑上の画像が実行結果だよ↑ ベーシックなデザインがとても美しいオフィシャルテーマ「Epic」の日付部分をタイトルの上に表示してコンテナの幅を広げずにエントリー記事の部分を100px広げてみた。 更にシンプルになってこれはこれでかっちょえー笑 自分用の備…
↑実行結果だよ↑ ベーシックなデザインが人気のオフィシャルテーマ「Epic」のサイドバーの注目記事と最新記事のアイキャッチ画像にタイトルリンクを重ねて見た。 アイキャッチ画像を設定するとタイトルリンクがしりすぼみになるのでアイキャッチ画像にタイト…
はてなブログ用に自分で作成したデザインテーマのCSSの記述でブラウザが対応したVendor Prefixを削除したので、ついでにノーマライズCSSもモダンブラウザ用にいらない記述を削除したので、自分用備忘録として削除後のソースコードを残しておく。 text-size-a…
材料ペンネ 100g赤唐辛子 3本青唐辛子中 2本黄パプリカ大 1/2個にんにく 1片オリーブオイル 大さじ2合い挽き肉 100gなす 100gホールトマト 1缶トマトケチャップ 大さじ1塩 パセリ 少々 作り方①ペンネ100gに対し、お湯1L、塩小さじ1杯の割合で用意します。 ②…
材料フッジリ 100gマヨネーズ 大さじ3牛乳 大さじ2バルメザンチーズ 大さじ1ロースハム 2枚きゅうり 1/2本パプリカ(黄・赤) 各1/4個グリーンカールまたはレタス 2枚サラダ油 塩 胡椒 各適量 作り方①フッジリ100gに対し、お湯1L、塩小さじ1杯の割合で用意しま…
材料 パスタ 16mm 200g玉ねぎ 1個ピーマン 2個にんじん 1/4本にんにく 1片ホールトマト 1缶合い挽き肉 250g赤ワイン 100mlオリーブオイル はちみつ 各大さじ1塩 こしょう 各適量 作り方 ①パスタ200gに対し、お湯2L、塩小さじ2杯の割合で用意します。 ②野菜は…
材料 パスタ 1.4mm 100gツナ 1缶なめ茸 1/2瓶(60g) めんつゆ 小さじ 1きざみのり 青ねぎ 各適量 作り方 ①パスタ100gに対し、お湯1L、塩小さじ1杯の割合で用意します。 ②お湯が沸騰したら塩を加え、パスタをパラパラと入れてかき混ぜながら、ゆであがったら水…
FFmpegのエンコード設定と基本的な使い方 FFmpegの起動の仕方 ネットでの再生環境へ最適化してmac等の他のデバイスでも再生出来るようにエンコード ffmpegのエンコードで最も基本的なコマンド FFmpegで動画を無劣化で結合(連結)する Line 1: unknown keyword…
Create a crisp gif image from a video ffmpegで動画から綺麗なgif画像(アニメーション)を作成する ffmpegでプレビュー ffmpeg -ss 5 -i "input.mp4" -t 3 -filter_complex "fps=10,split[a],palettegen,[a]paletteuse" -an -f matroska - | ffplay -i - ff…
With ffmpeg Resize the movie while keeping the aspect ratio FFmpegでアスペクト比を保ったまま動画をリサイズする FFmpegでプレビュー ffmpeg -i input.mp4 -vf "scale=1280:-1" -f matroska - | ffplay -i - FFmpegでエンコード ffmpeg -i input.mp4 -v…
FFmpeg, Insert a logo (watermark) in the movie, pass it through, fading in and out fading in and out FFmpegで動画にロゴ(watermark)を挿入して透過させてフェードイン・フェードアウトする FFmpegでプレビュー ffmpeg -i input.mp4 -loop 1 -i logo.p…
Blend video and image and opacity into each other overlay mode FFmpegでプレビュー ffmpeg -i input.mp4 -i input.png -filter_complex "[0][1]blend=all_mode='overlay':all_opacity=0.7" -f matroska - | ffplay -i - FFmpegでエンコード ffmpeg -i in…
2Align the input movies side-by-side with a black band 2Align the input movies side-by-side with a black band 16:9 to 16:9 FFmpegで2入力した16:9の動画を横に並べて黒帯をつけて16:9で出力する FFmpegでプレビュー ffmpeg -i input1.mp4 -i input2.…
Show countdown with drawtext Add countdown timer with drawtext FFmpegのdrawtextでカウントダウンタイマーをつける FFmpegでプレビュー ffmpeg -i "input.mp4" -filter_complex "format=yuv444p,drawtext=fontfile='C\:/WINDOWS/Fonts/Alial.ttf':text='…
Add opacity of drawbox like a TV station to text TV station style telop テレビ局風のテロップ FFmpegでプレビュー ffmpeg -i "input.mp4" -filter_complex "format=yuv444p,drawbox=y=ih*0.7:w=iw:h=56:t=fill:color=black@0.4:enable='between(t,0,10)…
Creating a GIF animation from one PNG From upper left 左上からズームアップ(デフォルト) ffmpegでプレビュー ffmpeg -i input.png -filter_complex "zoompan=z='zoom+0.0015':d='25*4':s='480*270',split[a],palettegen,[a]paletteuse" -f matroska - | …
Add fashionable curtain(barn door) and circle wipe effects Curtains, unveiled Horizontal 真ん中から左右へフェードアウトするカーテンエフェクト FFmpegでプレビュー ffmpeg -f lavfi -i "testsrc2=s='480*360'" -filter_complex "[0]format=yuv444p,s…
Show text fading in and out (appearing/disappearing) alpha command FFmpegでプレビュー ffmpeg -f lavfi -i "color='aliceblue:480*360'" -filter_complex "drawtext=fontfile='C\:/Windows/Fonts/impact.ttf':fontsize='30':fontcolor='white':borderco…
FFmpeg Crop with side by side Split left and right FFmpegで動画を中央から2分割して左右に表示する FFmpegでプレビュー ffmpeg -f lavfi -i "color=red:480*270" -filter_complex "split[a][b];[a]crop=iw/2:ih:0:0[c];[b]lutyuv=170:166:16,crop=iw/2:i…
段落 画像(はてなフォトライフ) 脚注 続きを読む 罫線 asin 引用 リスト(ul,ol,dl) テーブル コードブロック h1見出し h2見出し h3見出し h4見出し h5見出し h6見出し 段落 あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくし…