html・css・jQueryのメモ帳jqueryとcssでハンバーガーメニューを作成する
jqueryとcssでハンバーガーメニューを作成する解説です。最近のウェブサイトはハンバーガーメニュー使うことが多いので知識として入れておくと便利です。他にもいろいろ作り方ありますが一例です。
html・css・jQueryのメモ帳
html・css・jQueryのメモ帳jqueryを使ってアコーディオンメニューを設置する
jqueryを使ってアコーディオンメニューを設置する説明です。コピペで簡単ですが説明もしてあります。css疑似要素、疑似クラスの説明もついでにしてあります。
GIMPのメモ帳GIMPをパソコンにインストールする
GIMPというデザインフリーソフトのインストール方法です。このソフトはフリーソフトととは思えないくらいのデザイン機能を持ったソフトですので無料でバナー作成、ポップ作成をしたいという方には是非お勧めです
html・css・jQueryのメモ帳slick sliderを設置する
slick sliderの基本的な説明です。初心者にもわかりやすいように最低限の設置の説明です。slick sliderを設置できればホームページの見栄えが一気に上がりますので是非ご購読くださいませ。
html・css・jQueryのメモ帳jqueryでスムーズスクロールを使ってみる
jqueryでスムーズスクロールさせるための説明記事です。コピペでもOKですが多少意味を知っておいた方が次のステージに行きやすいのかなと思って載せてあります。
GIMPのメモ帳GIMPで好きなキャラクターと背景を重ねる
フリーソフトGIMPで違う画像の背景とキャラクターを重ねる説明です。簡単に説明すると元のキャラクターの画像の背景を切り抜き、透明化して他の画像の背景に乗せるだけです。今回切り抜く背景は単純な白背景です。これを覚えるだけでも単色背景のキャラクター画像を好きな背景に乗せることが可能になります。
Illustratorのメモ帳Adobe Illustratorでランダムドットを配置する
Adobe Illustratorでいろんな色のドットをランダムに配置していい感じの背景デザインを作る方法です。手作業で配置すると時間がかかることを大幅に時短できます。ほかにも星やハートでも応用可能です。
html・css・jQueryのメモ帳inview.jsを使用してスクロールすると表示させる
inview.jsを使ってスクロールすると要素が表示されるコードの説明をしています。jqueryが苦手という方でもinview.jsを組み込みして短いコードを書くだけで割と簡単に実装できるお手軽で便利なプラグインですので是非ご活用ください。
html・css・jQueryのメモ帳htmlとcssでタイムフローを作る
htmlとcssでタイムフローを作ります。レスポンシブにも対応しています。これを応用して企業の沿革や業務の流れなどもcssだけで描けます。画像付きでなるべく読みやすいように作ってるつもりです
html・css・jQueryのメモ帳長方形の画像を正方形にする CSS
画像の縦横の比率を変えたいときに便利なcssの記載と説明です。レスポンシブ対応してますのでスマホとパソコンで画像の縦横の比率を変えたい時とかに便利な知識です。画像付きであまり余分な事は触れずに解説しています。