html・css・jQueryのメモ帳

jqueryとcssでハンバーガーメニューを作成する

jqueryとcssでハンバーガーメニューを作成する解説です。最近のウェブサイトはハンバーガーメニュー使うことが多いので知識として入れておくと便利です。他にもいろいろ作り方ありますが一例です。
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の記載と説明です。レスポンシブ対応してますのでスマホとパソコンで画像の縦横の比率を変えたい時とかに便利な知識です。画像付きであまり余分な事は触れずに解説しています。
タイトルとURLをコピーしました