デザイン

【Photoshop】ツールバーにバナナを表示する方法

遊び心満載のAdobe製品の小ネタを紹介します。今回はPhotoshopのツールバーにバナナを表示する方法です。 ちょっとしたリフレッシュの気持ちでやってみたり、会話のネタにしてみましょう。やり方は超簡単です。
プログラミング

Macbookで画面より大きなサイズを表示する方法

Macbookや小さい画面サイズのPCで1920px以上などの大画面を表示したいときに最適な方法をご紹介します。画面が小さいからパソコンを買い換える!?そんなのもったいなさ過ぎる!画面確認、Web制作、デザインなどに重宝するとっておきの方法です。
HTML&CSS

【初学者注意】HTMLのコメントに注意しよう

こんにちはtakosanです。 プログラミング初学者の方でHTMLコーディングを行う際、HTMLファイルへのコメントには気をつけてください。 【初学者注意】HTMLのコメントに注意しよう 早速理由からですが、HTMLへの...
WordPress

【一番簡単】プロフィール画像を設定する方法

WordPressでアバター画像やプロフィールを設定したい場合に最も簡単にできる方法をご紹介します。 今回はプラグイン「WP User Avatar」でアバター画像を変更する方法とプロフィールの表示方法を紹介します。
デザイン

【画像軽量化】TinyPNGでデータを軽くする方法

今回は画像軽量化サイト「TinyPNG」を紹介します。手軽に画像軽量化できるオンラインサービスで、圧縮率や使いやすさがダントツです。 Google的にも世の中的にもデータの軽量化は不可欠な時代。賢く効率的に画像を軽量化しましょう。こちらのサイトではpngとjpgの減量が可能です。
プログラミング

【動画圧縮】Video Smallerの使い方

こんにちはtakosanです。 Webサイトの制作や動画編集の仕事で 「とにかく動画の要領を極限まで圧縮したい!」 と思ったことはありませんか? さらにそれが手軽で、会員登録やツールのインストールなどが不要なら最高...
HTML&CSS

aタグを要素全体にカバーさせる方法

こんにちはtakosanです。 今回はaタグ、つまりリンクを要素全体に適用させる方法をご紹介します。 aタグを要素全体にカバーさせる方法 普通のaタグだけだと「リンクはこちら」のような文字をリンクにすることしかできません...
HTML&CSS

【これで解決】なぜか空く画像の隙間を埋める【imgタグ】

imgタグで画像を並べただけなのに、なぜか隙間ができてしまう!! こんなことを思った人がいるのではないでしょうか? 特にHTML&CSSを勉強してしばらく経つ人や、または駆け出しのコーダーさんとかデザイナーさんがよく悩...
プログラミング

【CSS】object-fitの使い方

object-fit、object-positionというプロパティの使い方をご存知でしょうか?これを使えばわざわざ画像を編集して整形したり、長い微調整のためのコードをなくし、画像を所定の枠内にきれいに収めて表示させることができます。今回はその方法を紹介します。
プログラミング

【まとめ】jQuery CDNの使い方

jQueryの使い方にも何種類かありますが、今回はCDNというものを使う方法を簡単にまとめます。CDNの記述方法や注意点を合わせて解説します。シンプルで読みやすい内容に纏まっています。
タイトルとURLをコピーしました