jQuery inviewプラグイン

on-ze.com

レンダリング、Web GL,addEventlistener,Node.js,バブリング、function(e),SMACSSによるCSS設計

web-directors.netdeveloper.mozilla.orgEvent Listener: イベントリスナ [JavaScript / DOM] js.studio-kingdom.comtaneppa.net d.hatena.ne.jp shgam.hatenadiary.jpwww.ibm.com

最近個人で作成したラインスタンプ

初めてラインスタンプを作成してみました!! よければ購入お願いしますm_m store.line.me

可視範囲に入ってからli要素の表示を、要素の順番ごとに少しずつずらす方法

今回は可視範囲の判定をjsでして、可視範囲に入った時にactiveというクラスを付けました。 目的はdisplay:inline-block;で並べている画像を要素の順番ごとに送らせて表示させることで、その設定はcssのanimation機能を使用しました。HTML <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="css/style.css"> </link></meta></head></html>

動画読み込み方法

https://support.google.com/youtube/answer/171780?hl=ja http://wisdommingle.com/youtube-embedded-player-parameter-customize/

ページャー(ナビゲーションボタン)

現在いるページのURLと同じリンク先を持つナビゲーションボタンのみ色を変えて、現在のページ位置を知ることができます。 HTML <html lang="ja"> <head> <meta charset="UTF-8"> <title>pager</title> <link rel="stylesheet" href="css/style.css"> <link href="https://fonts.googleapis.com/css?family=Arima+Madurai" rel="stylesheet"> </link></link></meta></head></html>

mapタグの簡単な書き方

マップ <MAP> <AREA> - HTMLタグリファレンス/Tips Dreamweaver ヘルプ | イメージマップを作成する方法 (Dreamweaver CC)</area></map>

display:inline-block;使用時の隙間の解消

http://inspire-tech.jp/2011/06/inline_block_spaces/

ページ遷移に使えそうなプラグイン

ページやブロック要素の切り替えがかっこいいプラグイン6選(jQuery・JSなど) | 株式会社LIG git.blivesta.com tympanus.net

css3 アニメーション基本的なこと

www.css-lecture.com 【CSS3】CSSのtransformの値を4つ紹介【scale、translate、rotate、skew】qiita.com

オススメ紹介されたサイト(デザイン系のツール)

blogs.adobe.com Adobe Evangelists | Adobe TVblogs.adobe.com

Sublime text プラグインのEmmetでコーディングスピードをアップ

catcher-in-the-tech.netideahacker.net Cheat Sheet

display機能の違い

taneppa.net

最近見たjQueryプラグイン、CSS3アニメーションなど

digipress.digi-state.comdigipress.digi-state.comdigipress.digi-state.comdigipress.digi-state.com develo.org

photoshop アクション作成

アクションの作成および再生方法 (Photoshop CC) バッチしょり 【バッチ処理】 コンピュータで、データをかなりの分量までためた時点で一遍に(小型機よりは大きい機械で)行う処理。 ▷ 「バッチ」は batch (=束)。一九八〇年代までは普通の処理法。一…

可視範囲に入ってからアニメーションさせる

weboook.blog22.fc2.com

windows7ショートカット、サイトルートパス

Windows 7 のショートカット キー | マイクロソフト アクセシビリティサイトルート相対パスについて(Dreamweaver)Adobe Dreamweaver * リンクおよびナビゲーションについて

差分を確認するツール

WinMerge 日本語版 テキストの比較 | WinMergeam1tanaka.hatenablog.com

ツール詳細

node.js eng-entrance.comgrant GRANT(ぐらんと)とは - コトバンク blog.webcreativepark.netsassとcompassの違い SassとCompassってどう違うのか調べてみた | kanonjiのブログフレームワークとは フレームワークとは?今更聞けないWebフレームワークを始め…

参考URL

|動きのあるLP|||| - http://store.world.co.jp/s/tk/feature/20160725/ http://store.world.co.jp/s/tk/feature/20161021/ http://store.world.co.jp/s/takeokikuchi/feature/pinkpanther/ http://store.world.co.jp/s/untitled/keyword/craftsmanship…

git

tracpath.comブランチの切り替え方法(tortoisegit) www.granfairs.com ブランチの切り替え方法(sourcetree) qiita.com わかりやすい解説 naichilab.blogspot.jp http://www.backlog.jp/git-guide/

zampのインストール

techacademy.jpルートパスの設定 http://webcollection.blog21.fc2.com/blog-entry-10.htmlhttp://webnetamemo.com/server/201509181768

参照

http://store.world.co.jp/s/untitled/keyword/plusmagazine/04/?inbnid=15316100772&link_id=153_M_Sbnr_01 webkikaku.co.jp

HTML5試験問題

html5exam.jp

ビジネスマナー

もっと伝わるコミュニケーション術 -会話編- https://schoo.jp/class/2966もっと伝わるコミュニケーション術 -プレゼン編- https://schoo.jp/class/2967話し下手ほどうまくいく、聞く技術「アクティブリスニング」 -準備編- https://schoo.jp/class/2950聞く…

デザインのレギュレーションについて

http://hpotest.bek.jp/test/guideline/design.html

スムーススクロール

syncer.jp

指定した要素を斜めに指定する方法

www.htmq.com cssでskewを使っているサイト http://www.joycevherck.com/

アクセシビリティと色の関係に関するサイト、本、著者

サイト これでわかる!Webアクセシビリティって?JIS X 8341-3って? from Web Accessibility Infrastructure Committee (WAIC) www.slideshare.net https://liginc.co.jp/web/design/other-design/21595 waic.jp 書籍 デザイニングアクセシビリティ https:/…

修正に参考するサイト

[jQuery] スクロールに応じて背景を変更する - かちびと.net【コピペOK】フッターまで行ったら消えるor表示するjavascript | ホームページ・ウェブサイト制作www.webopixel.netweboook.blog22.fc2.comkeitahirai.net