BLOG自分の経験をシェアしたい。Webデザインのテクニック&効率化。>ドロワーメニューの「simple-sidebar」の簡単なサンプル2016/01/30Tweetsimple-sidebarスマホなどの、ドロワーメニューの追加で便利な「simple-sidebar」。サンプル通りに作っても、つまづいたので、備忘録代わりに簡単なサンプルを作りました。今回のデモは下記から確認できます。デモはこちらJavaScript読み込みソースはGitHubの「simple-sidebar」の「download.zip」から、ダウンロードできます。「jquery.simple-sidebar.min.js」を読み込みます。今回は「js」フォルダ内に「jquery.simple-sidebar.min.js」を置いています。src="js/jquery.simple-sidebar.min.js"></script>HTMLHTML部分は以下の通り。「.gNav」がスライドしてくるナビゲーション「.container」がコンテンツ部分です。-->CSSCSSでは、ヘッダーの固定をしています。今回は、「.header__btnMenu」が、メニューのボタンになります。100%;}JavaScript「$(‘.gNav’)」で、スライドするナビゲーションを指定しています。「opener」は、スライドを作動させるためのボタンを指定します。今回は、「.header__btnMenu」です。「wrapper」はコンテンツ部分を指定します。今回は、「.container」です。‘right’」を指定しています。‘left’」を指定します。コメントをキャンセルメールアドレスが公開されることはありません。普段、グラフの描画は、画像が多いかと思います。...見てて楽しいParicleアニメーションFlashでのリッチコンテンツ隆盛だったころに、パーティクルは憧れでした。...デザイナーでもJavaScriptやjQueryが必ず上達する3つのコツいまやJavascriptを使わないサイトはほぼないと思います。...【新人向け】簡単にできた!Webサイトでよくみる技術のまとめ4月から新たにデザイナーになる人も多いのではないかと思います。下記のようにスペースで区切れば、複数指定できます。...Webデザイナーで、転職がうまくいかない場合のひとつの方法として運よく憧れのWebデザイナーになれても、残業続きで条件面も悪く、すぐに退職。最近のWeb業界は人手不足で経験者を積極採用しているケースが多いです。多岐のジャンルのWebサイトを数百件制作。広範囲な知識・技術・経験を活かした素早い制作が得意。WACA上級ウェブ解析士。地方でもマルチデバイス対応を求められることが多くなってきました。優しくナチュラルな雰囲気を出したい場合は手書き風のデザインは相性がいいです。1分くらいで簡単に文字を「手書き風」にすることができるテクニックです。使うこのギザギザの丸(円)。BLOG自分の経験をシェアしたい。Webデザインのテクニック&効率化。