はてなブックマーク

プログラミング学習におすすめなYouTubeチャンネル8選おすすめのYouTubeチャンネルを、学ぶスキル別に8種類紹介します。 おすすめのYouTubeチャンネル【Web制作編】Web制作を学ぶ方向けに、おすすめのチャンネルを紹介します。 アキユキ / Web制作チャンネル「アキユキ/Web制作チャンネル」はWeb制作で使える知識やノウハウに特化した発信を行なっているチャンネルです。 配信者のアキユキさんは、エンジニア未経験でWeb制作のフリーランスとして独立された経歴を持つ方です。視聴者が最短でWeb制作の仕事を始められるよう、学ぶべきことが体系化されて、動画にまとめられています。 HTML/CSSといったWeb制作に必須のスキルはもちろんのこと、Webデザインについても学べる点は、他のプログラミング系チャンネルにはない特色です。 おすすめ動画「【初心者向け】これ１本！WEB制作に必要

この記事では、「pictureタグを使ってレスポンシブに画像を切り替える方法」について解説します。 レスポンシブデザインのWebサイトでは、モバイルサイズ時とPCサイズ時で、別々の画像を表示したいときがあります。pictureタグを使えば、CSSやJavaScriptを使わずに画面幅に応じて画像を切り替えられます。 そのほかにもpictureタグを使うことで、ブラウザごとに拡張子を変更することもできます。webp拡張子に対応しているブラウザならWebP画像を、そうでないブラウザならpng, jpg, svgなどの画像を表示する、というように切り替えることで、ユーザビリティの向上が図れます。また、画像の切り替えにJavaScriptやCSSが不要なため表示スピード向上にもつながります。 いっしょにpictureタグについて学習していきましょう！ プログラミング学習でこのような経験はありません

日付カテゴリータグユーザー新たに「タグ、ユーザー」で絞り込むことができるようになってますね！ それでは早速実装していきましょう。 実装今回はテーマを修正することになるので、修正するファイルはfunctions.phpとなります。 外観 > テーマエディターよりエディタへと移動します。 ※知見がある方は、外部のテキストエディタで編集することも可能です。 サイドバーよりfunctions.phpをクリックします。 functions.phpを編集できるようになったら次へ進みます。 投稿一覧を「タグ」で絞り込む機能を実装 /* 投稿一覧絞り込み用 */ //投稿一覧リストの上にタグフィルターを追加する function narrowing_down_posts(){ global $post_type, $tag; if ( is_object_in_taxonomy( $post_type,

アニメーションのあるサイトはおしゃれな印象を与えることができます。CSSでアニメーションをつけるプロパティはtransitionが代表的ですが、transitionでは簡単なアニメーションしか実装できません。 そこでCSSアニメーションを使用すれば高度なアニメーションが実装できます。CSSアニメーションとはanimationプロパティと@keyframeの記述を組み合わせた実装方法です。CSSアニメーションはプロパティが多く使いこなすのは困難ですが、マスターすればWeb制作スキルが格段に上がります。 この記事ではCSSアニメーションの使い方を解説します。現場で使えるサンプルも表示しているので参考にしてください。