2020.05.25HTML/CSSコーディングCSSでつくるahaムービーその2。画像のどこかが30秒かけて徐々に変化します。どこが変わってるでしょうか。IE9以下非対応です、モダンブラウザでご覧ください。30秒で変化しきってそのあと30秒で逆再生...を無限ループしてますのでじっくり何度も見てればわかるかも。黒枠にマウスのっけると解答が表示されます。前回のが思いのほか気づきにくかった?みたいなのでものっすごくわかりやすいとこ変化させてみました...がさすがにこれは目立ちすぎですね。ちなみにこれはCSSのキーフレームアニメーション使って作ってます。問題の画像加工も丁寧にやんないと面白みも半減なのでその辺も頑張んなくちゃ。コピーgorodokuをフォローする0gorodokuこの記事を読んだ人はこんな記事も読んでいます。HTML/CSSコーディングファビコン付けるにあたってコーディングで困ったことのメモコンテンツと関係ないから後回しでいいや、と思ってずっと放置しておいたファビコンをとりあえず付けてみました。画像作ってiconファイルに変換してメタタグ1行コード付け足せばいいや...と簡単に考えてたんですが、なぜか上手く表示されない。その辺の...HTML/CSSコーディングCSSで文書の段組表現を行うcolumnプロパティの使い方CSSレイアウトやってると段組もボックス並べてやっつけちゃいたくなりますが、一連の文書を段組にそって記述するために途中でぶった切ってボックスまたいで書くのは面倒くさいし記述の方法としてももなんか変です。擬似要素の使い方まとめ自宅を匠にまかせて改造するほどの資金力なんてとうてい捻出できないゴロドクです、どうも。最近流行ってる(のかどうか分からないけど)アンテナサイトみたいなものを自分で作れんかなとここ数日試行錯誤してました。空き地に放置された...一昔前にahaムービーって流行りましたよね。時間かけてちょっとずつ変化する画像、どこが変わってるかわかりますか?ってやつ。脳科学者の茂木健一郎さんがテレビ出だした頃からですよね。あれっぽいやつCSSで作ってみたのでどうぞ。HTML/CSSコーディング画像不要CSSだけで作るテキストロゴデザインのTipsWebサイトのロゴタイプといえばPhotoShopを初めとした画像ソフトを用いて作るのが一般的な気もしますが、シンプルなものならCSSのプロパティを指定するだけでも作れたりします。今回はそのサンプルとフォント関係で使うCSSプロパティいくつ...HTML/CSSコーディングセマンティックなHTMLを書くべき理由タイトルは釣りです。「書く目的」ならそりゃそんなの各自好きにやってよっていうか書きたくなきゃ書かなきゃ良いよって思いますよ。「目的」というのが書く「べき理由」を意味しているのならばさ。HTML/CSSコーディングWindowsでWebコーディング→Notepad++使えば良いとおもうよ!まったく、マイクロソフトはWindows8になってさえ未だ標準のテキストエディタは「メモ帳」。ないに等しく、もうちょっとなんとかならんもんですかね...と思ってるのは私だけではないでしょう。...HTML/CSSコーディングCSSキーフレームアニメーションを使ったバナーの作りかた広告バナーで多少動きのあるものを作ろうと思ったら現在でもアニメーションgif使うのが主流だと思うんですが、CSSのanimationプロパティとキーフレームを使ってそれっぽいもの出来ないかなぁと簡単なものを試作して見ました。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。BLOG検索タイトルとURLをコピーしました。