2017-06-01から1ヶ月間の記事一覧
ハンバーガーメニュー ■考え方 ・span要素のみで、cssで装飾していく。 ・positionで配置 ・擬似クラス(::before,::after)で要素を追加する。 ・::afterは::beforeの直下に配置されるため、marginの取り方をうまく計算する。 ・表示されるコンテンツは、jQue…
カルーセル「Slick」 ■メモ ・RWD対応してるプラグイン ・カスタマイズが楽。css,jsなど必要なものはマスターからコピーして所定のディレクトリで管理。それに合わせてパス修正。 ・.slider,.slick-slideクラスあたりでcssを整える。 ・埋め込みは外部ファイ…
プラグイン「Lightbox」 公式よりDL。 Lightbox サンプルのindex.htmlがあるため、使いやすい形に修正する。 今回は画像はサムネイルとメインの２つを用意。 ■コード html <html lang="en-us"> <head> <meta charset="utf-8"> <title>Lightbox Example</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> </meta></head></html>
プラグイン「bxSlider」 ■インストール（公式抜粋） Step 1: Link required files →HTMLでjQuery,bxsliderjs,cssを読み込み Step 2: Create HTML markup →スライドさせたいイメージをマークアップ。 Step 3: Call the bxSlider →.bxsliderクラスに対してslid…
ファインダーからパスをコピー ■手番 ・対象ファイル/ディレクトリを、「control+右クリック」でコンテキストメニュー表示 ・その状態で⌥(option / alt)を押下 ・[◯◯のパス名をコピー]へ表示が切り替わる。※El Capitan からは標準でその機能は実装済みの模様…
ブラシのプリセット追加 ■手番 事前準備 ・フリーのブラシのプリセットファイル(.abr)をダウンロードする。 ・.abrファイルをプリセット格納場所に移動する。 /Applications/Adobe Photoshop CC 2017/Presets/Brushes/~~.abr ココ★ ※Photoshopの再起動が必要…
エッジ（境界線を調整）機能」で女性の髪を綺麗に合成する ■手番 ・対象人物を「クイック選択ツール」で枠を取る。 ※背景と図の反転は「cmd+shift+i」 ・ツールバーの「境界線を調整」を選択。 ※最新verの「選択とマスク」 ・以下の項目を調整し、OKを押下す…
