BLOGBLOGブログ2020.01.16.FRONTENDiframeで読み込まれているHTMLにCSSを適用させるjQueryとある案件で、iframeで読み込んで表示させるページにCSSを適用させる必要がありました。読み込まれている方のページのHTMLを書き換えることが出来るのであれば、全く問題は無いのですが、今回のケースはGoogleカレンダーの埋め込み。読み込むHTMLを書き換えたり出来るはずがありません。...2020.01.9.WORDPRESSWordPressテーマ制作時、(個人的に)便利なチートシート個人的なWordPressのチートシートを作ってみました。以前、こんな記事を書いてみたのですが、投稿ページよりも固定ページにまとめた方が都合が良さそうなので改めてまとめ直してみます。それに普通の記事と同じにすると、新しい記事を投稿する度に埋もれてしまって更新が面倒臭くなってしまっていたのも理由です。先日、とある案件でWordPressサイトの改修を行いました。ブログの記事一覧ページで各投稿記事のサムネイルを表示させる必要があったのですが、そのクライアントはアイキャッチ画像を設定しておらず・・・かろうじて使えそうなのは投稿記事内に貼られた画像。...wordpress2020.01.2.FRONTENDCSSの設計についての個人的意見~実際にBEM等の設計手法はどうなのか?~新規サイトのコーディングをする度に、「今度こそはキレイなメンテナンス性の高いCSSを書こう、そのためには設計からしっかりと」と思い、その都度BEM等の設計手法を取り入れようと試みますが、結局は実践しないまま作業に入っています。...2020.01.1.LIFE2019年と2020年ここ数ヶ月、ブログの更新を怠っていました。今日から2020年もスタートするということで、心機一転ブログの更新を再開したいと思います。去年一年を振り返って一番大きな出来事といえば、やはり次女が産まれたこと。DESIGNphotoshopのエクステンションRemove.bgが本当にスゴかったここ最近、個人的に購読しているWEBデザイン系のブログで度々目にしていたRemove.bgを使ってみました。このRemove.bgを使えば、一瞬にして画像から人物だけを切り抜くことが出来ます。これまではWEBサービスのみだったようなのですが、最近photoshopのエクステンションもリリースされたとのこと。DESIGNCSS/Javascriptで実装するテキストエフェクト【ゆがみ系】ここ数年でHTML、CSS、Javascriptだけで表現出来ることが非常に増えてきています。ほんの少し前まではFlashや動画に頼らないといけなかったことも、今やそんな必要が無くなってきました。非常に複雑な動きをするテキストエフェクトもその一例です。ICONにも使いやすそうなアイコンがたくさん揃っています。