New Article

CSS

CSS(カスケーディング・スタイル・シート)について紹介します。

CSS

【ワードプレステーマ】CocoonでSANGOみたいな切り替えタブを実装する

トップページを固定ページに変更してから数週間経って、ずーっと「これでいっか」感があり、前からいいなぁと思っていたSANGOの切り替えタブを実装。その実装したトップページのテンプレートファイルを紹介。
CSS

ページ遷移時にアニメーションを入れる方法【ライブラリなし】

次のページに進む際、トップに戻る際、ページ遷移時にアニメーションがあると、サイトの印象はかなり強くなりますよね。
2019.12.06
CSS

CSSだけで新着記事を流れるテキストのヘッドライン表示にする

流れるテキストで目立たせて、新着記事等をJavaScript等を使わずCSSだけで表示させる方法を、紹介します。
CSS

CSSをminify化(ファイル圧縮)する際のCSSアニメーションの注意点

CSSをminify化(ファイル圧縮)した際、CSSアニメーションが動かないという事があり、原因を調べてみました。圧縮する際のエラーかなと思っていたのですが、エラーというよりはCSSの書き方に注意が必要でした。
CSS

ヘッダーを固定したサイトのページ内リンクのズレを考える

ヘッダーやメニューバーを上部に固定させるサイトデザインは世の中に溢れています。 ページスクロールの解説記事もたくさん溢れています。 ただ、position:fixedなどでヘッダを固定した際のズレの事、考えた事ありますか?
2019.12.09
CSS

CSSの疑似要素before、afterを使って三角形等の装飾する

自分の作業の忘備録のため、疑似要素を使った装飾を書いていきます。別に、ここに書かなくてもいいけどね!!「arrow」というクラスを与えたところに、疑似要素のbeforeとafterを使い標示させていきます。
2019.09.06
CSS

【コピペOK】スクロールで遅れて表示、5分でできるパララックスの実装方法

私だけでしょうか?パララックスって聞くと、なんかポリリズムみたいですよね? あとパララックスという言葉を聞くと90年代の音楽シーンを思い出すんです。 記憶たどったら、ガンダムWでお馴染みTWO-MIXでした。
2019.07.19
CSS

ワードプレスで読み込むCSSファイルをランダムに変更する方法【リロードで!】

人の気持ちの変化とは一瞬の刹那。次の瞬間には、違う色がいいと、そんな気分屋さんも多いはず。 そんな世知辛い世の中だから。。。
2019.09.06
タイトルとURLをコピーしました