未分類 IE11のサポートが切れれば使用出来るHTMLやCSSの便利な機能
css3WindowsOSのサポートには期限があり、各OSの期限は、Windows 7は2020年1月14日で終了済みで、Windows 8.1は2023年1月10日に終了となります。Windows 7のサポート期限が過ぎた事で、今後IE1...
web-design
未分類 未分類 CSS3 filterでの画像加工
css3今までPhotoshopで行っていた、ぼかしやグレースケールなどの加工がcssだけで可能になりました。それにより、フェルタ毎に複数の画像を用意する必要がなくなります。cssのfilterプロパティで出来る事grayscale（グレー...
未分類 無料で出来るオンライン学習まとめ
オンライン学習サイトprog-8.comcodeprep.jpschoo.jp※生放送授業のみ無料blogs.adobe.comhelpx.adobe.comブログ系ics.mediamedia.tomosta.jpphotoshopvip...
JavaScript フィルタリングやソートが出来る高機能プラグイン「muuri.js」
JavaScriptwebサイト制作フィルター機能、ソート機能が付いて可変グリッドレイアウトも実現出来さらにレスポンシブにも対応した、無料で商用利用も可能な Javascriptプラグインの「muuri.js」haltu.github.io...
jQuery ドロワーメニュー以外をクリックした時のイベント設定
jQueryドロワーメニューを横から動かすような場合、ドロワーメニュー以外の部分をクリックした時もハンバーガーボタンと同じようにドロワーメニューが非表示になるようにしています。この場合、jQueryで「指定した要素以外をクリックしたら」とい...
webサイト制作 videoタグの属性を設定する
webサイト制作html5ではvideoタグを使うことで簡単にページに動画データを埋め込む事が出来ますが、スマートフォンで見た場合にはiOSとandroidで対応している物、していない物が違うので注意が必要です。場合によっては以前のように「...
Illustrator Illustratorでギンガムチェックのパターンを作る
Illustrator20x20pxの正方形を4つ作り２x２に並べ、好きな色をつけ、（※左下のブロックは必ず塗りを白色に設定する）スウォッチに登録します。好きなサイズでオブジェクトを作り、上で作ったパターンを適応させる斜めの線を入れたい場合...
Illustrator スレッドテキストオプションを使ってカレンダーを作る
Illustratorスレッドテキストオプションを使ってカレンダーを作りましょう。helpx.adobe.comnote.comwww.dailyui.co
未分類 GoogleFontsの読み込みを早くする
GoogleFonts は「Open Source Fonts」で商用・非商用に関わらず誰でも無料で使用することができる Web フォントで、最近では日本語の種類も増え、簡単に使用出来とても便利です。ただ、日本語フォントの場合、ひらがな・カ...
jQuery ドロワーメニュー以外をクリックした時のイベント設定
jQueryドロワーメニューを横から動かすような場合、ドロワーメニュー以外の部分をクリックした時もハンバーガーボタンと同じようにドロワーメニューが非表示になるようにしています。この場合、jQueryで「指定した要素以外をクリックしたら」とい...