[jQuery]フェードアニメーション

jQuery

リストとpositionレイアウトを利用し、次々に画像をフェード表示させる。

2015-06-18

[Web]favicon(ファビコン)の制作

Web

faviconとはウェブサイトのシンボルとして配置するアイコン。 icoファイルを表示(IE対策) faviconのサイズ Webサイトに必要なfaviconが21個になっていた - IT探検記itexp.hateblo.jp きりがないので最低限として… PCサイズ 16*16 Mac版safari用 32*32 スマ…

2015-06-17

[デザイン]デザインの豆知識…いろいろ覚書

デザイン

やっぱりIllustrator! Photoshopでは気軽に画像が作れず限界があるサイズ設定も容易空白が大事！画像そのものより「空き」スペースに着目してみよう空白に統一感を持たせよう上下左右の空きを統一化する、文字間の空きと画像間の空きを統一するなど随…

2015-06-17

　[Illustrator]イラストレーターによるバナー制作の練習②

Illustrator

袋文字、二重袋文字の重要性、デザインが強くなる「キラキラ」パターンを散布でちりばめる袋文字文字を入力アピアランスウインドウから元ある線と塗りを削除新規塗りと新規線を追加 ↑で制作した塗りと線の順序を入れ替えるなどしていろいろな袋文字表現…

2015-06-16

[Illustrator]イラストレーターによるバナー制作の練習①

Illustrator

テクニックドロップシャドウの設定⇒効果/スタイライズ/ドロップシャドウ複雑な写真の切り抜き⇒写真を複製し、輪郭が単純な部分はペンツールなどで、輪郭が複雑な部分はざっと選択後「境界線を調整」で輪郭をなぞる。マスク⇒カンバスからはみ出すレイヤー…

2015-06-15

[Photoshop][CSS]グリッドレイアウトのデザイン(Photoshopでスライスの利用)

Photoshop CSS

確実なスライス方法ガイドを引くガイドに沿ってスライスは余計なスライスが生成されるため使用しない。スライスツールで、グリッドにスナップを有効化し、それぞれをスライス、命名する。 Web用に保存画面上でスライスを選択すると、それぞれに保存画質…

2015-06-14

[jQuery]固定背景/スムーススクロール/追従ボタン/Twitter組み込み

jQuery

jQueryを利用した縦長シングルページの作成固定背景→bodyに背景画像を設定、ページサイズが変動してもつねに中央に前面表示されるスムーススクロール→スピードを設定できるスクロール jQuely 追従ボタン→position:fixedで作成追従ボタンを一定の高さでフ…

2015-06-13

[Web]Instagramをサイトに表示する(検討中)

Web

Twitterで提供しているようなウィジェットはない候補１．SnapWidget SnapWidget | Instagram Widgetsnapwidget.com リンク先に広告が表示される。（⇒回避策候補２.APIから画像を取得 Instagram APIから画像データを取得する方法iaseteam.eshizuoka.jp この…

2015-06-12

[jQuery] [jQuery]bxSliderとLightBoxを使ってメインを装飾したページ

jQuery

「パスタ屋」のページを製作トップイメージにbxSlider、クリックするとLightBox 必要なものだけを使う(javascript本体、css、イメージ) jQuery本体（ＣＤＮでよい） bxSlider⇒jquery.bxslider.js、jquery.bxslider.css、アイコン画像 LightBox⇒lightbox.js…