パソコンでスクリーンショット！ブラウザの無料アプリも紹介
パソコンに写った画面をそのまま画像で保存するのがスクリーンショット。ディスプレイだけでなく、ウェブサイトの画面もスクリーンショット出来ます。 パソコンでスクリーンショットを撮る事でSNSの投稿やブログへの掲載、チュートリ...
ブログお役立ちデザイン / コーディング
ブログお役立ち
HTML・CSSCDNでFontAwesomeの使い方 free iconsをCSSで表示する
ウェブサイトやブログではSNSアイコンやボタン横の矢印アイコンなど、デザイン面と情報整理の両面でアイコンがとても役立ちます。 たた、自分でアイコンを全部作るのは大変です。そこで便利なのがアイコンをHTMLとCSSだけで表...
制作お役立ちソコストのイラストはビジネス素材でも使える汎用性が魅力
ソコストのイラストは、パワポの企画書やエクセルでの資料など、ビジネス素材が揃う人気のフリー素材サイトです。 もちろんビジネス系のイラストだけでなく、日常の様々なシチュエーションを表現したイラストもあります。 デザインの雰...
HTML・CSSjQueryをCDNから使う！リンク先や読込み方法の違いを解説
jQueryを使うにはCDNでファイルを読み込ませると簡単で便利。ネットに繋がった環境で利用する事が出来ます。 もしCDN経由でjQueryを利用しない場合、サイトや制作メンバー毎に異なるバージョンのjQueryを使って...
制作お役立ちSquooshでWebPやJPEGへ変換、画像圧縮など機能の使い方を解説
ブログやウェブサイトのSEO対策のひとつにページの表示速度の改善があります。その中でも画像サイズの最適化は効果も大きく、使い方も簡単なSquoosh（スクーシュ）という無料サービスを利用すれば誰でも対策が可能です。 Sq...
制作お役立ちPixabayでの商用利用・著作権 フリー素材の安全な使い方
Pixabay（ピクサベイ）はアイキャッチ画像などを無料で使えるフリー素材サイトです。ブログやウェブサイト、資料作成などでフリー画像を使うならpixabayで検索してはいかがでしょう。 写真やイラスト、動画、音楽、GIF...
制作お役立ちフラットなフリーアイコンが揃う「icooon mono」の便利な使い方
「ICOOON MONO」は、ブログやウェブサイト、エクセルやパワーポイント等でも使えるフリー素材サイトです。 アイコンに特化しており、フラットデザインで統一されたアイコンが沢山ストックされています。 モノトーンだけでな...
HTML・CSSiPhoneの解像度表 CSSのメディアクエリやブレイクポイントの参考に
ユーザーが使用するデバイスやその画面サイズはますます多様化しています。その為、現在でも各デバイスの画面サイズに最適化させるレスポンシブという手法は欠かせません。 一方で、すべてのデバイスに合わせる事は厳しい事や、メディア...
PhotoshopPhotoshopでWebPの保存方法！プラグインも不要
最新のPhotoshopはすでにWebPに対応しており、WebPの保存はもちろん、編集も可能です。 これまではWebP画像ファイルを開く事さえ出来ませんでしたが、今ではプラグインも不要で、各ブラウザでのWebP対応も問題...
HTML・CSSHTMLコメントアウトの書き方、複数行など使い所と注意点を解説
HTMLのコメントアウトはサイトの運営・更新で役立つもの。ソースコード上にメモを残したり、一時的に公開したくない情報の非表示に使われます。 HTMLファイルの場合、正しく使わないとコメントがユーザーに見えてしまったり、逆...
制作お役立ちVSCodeインストールと日本語化までの手順を解説
プログラミング学習には、便利なテキストエディタを使う事がとても重要です。 おすすめのテキストエディタは、マイクロソフトの「Visual Studio Code」、略して「VSCode」という無料のエディタです。拡張機能で...
HTML・CSSCSSの吹き出しを擬似要素で作成！コピペOK｜before afterの使い方
今回はHTMLとCSSだけで吹き出しを作る方法を解説。作り方はもちろん、色々なデザインの吹き出しもコピペで使えます。 CSSの吹き出しは画像も不要で軽量かつ修正も簡単です。 解説内容は、 仕組みを理解すれば、後は自分でも...
HTML5リファレンス追加中
\ 先に読んでおけば安心だよ /
\ ポートフォリオに最適 / [AD]
\ キャンペーンやってます！ / [AD]
\ 高性能で国内シェア No.1 / [AD]
