備忘録3(HTMLメルマガ,サイトへのインスタグラムの埋め込み)

n2p.co.jp n2p.co.jpとほほのVML入門 www.atmarkit.co.jp 読むべきsyncer.jp qiita.com 画像取得のざっくりした流れ InstagramAPIでの画像取得 – wald-grun.biz www.ca-advisors.co.jp

備忘録2(アドネットワーク,googleタグマネージャー、etc)

webmarke.jpwebbu.jp adwords.google.com promotionalads.yahoo.co.jp DSP広告/アドネットワーク(ADNW)の一括運用 dmlab.jp ferret-plus.com

備忘録1(adobe color,adobe capture)

www.youtube.comuniv.peraichi.com www.youtube.com blogs.adobe.com agn.jp

Ruby入門

schoo.jp schoo.jp railstutorial.jp schoo.jpschoo.jpThe Ruby Toolbox - Know Your Options!

面白そうなイベント

イラストレーション解体新書 | イラストレーター検索 illustrator e-space

色彩検定 用語

P9主観色 主観色(色彩心理)|むっちのブログ ベンハムトップ ベンハムトップ(色彩心理)|むっちのブログマッハバンド マッハバンド(色彩心理)|むっちのブログハーマングリッド ハーマングリッド(色彩心理)|むっちのブログ負の残像・・・色を見続けたあとに…

prototype.jsとjQueryの最低限知っておくべき違い

blog.livedoor.jp

便利ツール

www.tam-tam.co.jp rapture http://www.geocities.jp/knystd/rapture.html 軽量画面キャプチャ GifCam http://all-freesoft.net/…/animationcaptu…/gifcam/gifcam.html 軽量画面キャプチャ(gifアニメ) 【ブックマーク】 facebookデバッガー https://develope…

パララックス

schoo.jpgithub.com www.antytle.com muuuuu.orgwww.webdesignclip.com monomode.co.jp

実践・Googleアナリティクス

実践・Googleアナリティクス schoo.jp schoo.jp www.uneidou.com ひびの備忘録 重要!! schoo.jp重要!! schoo.jp

オブジェクト指向入門

schoo.jp

HCD(人間中心設計)関連の動画、プロトタイプツール

schoo.jp schoo.jp www.webcreatorbox.com qiita.com

MVCフレームワーク

MVCフレームワーク入門 小川 雄大 先生 - Schoo(スクー)

React.js入門

schoo.jpapp.codegrid.netqiita.comqiita.comdeveloper.mozilla.orgbabeljs.ioクラス - JavaScript | MDN mae.chab.in

mouseoverで画像の切り替え

プラグインなしで書いてみました!! 手順としては ①CSSで大きい画像の1枚目以外を非表示にする。 ②大きい画像を非表示にする。(js) ③サムネイル画像をmouseoverした時にclass名を取得する。(js) ④#とクラス名を連結し変数idに代入する。(js) ⑤idとおなじli…

Webプロデューサーについてのブログ

baigie.me www.ff-d.jp

HTML5+Canvasで学ぶ物理アニメーションの基礎

www.webopixel.net

ColorBox.jsでimgをクリックすると動画の表示

参考サイト cly7796.netwisdommingle.com kachibito.net Colorbox.jsをダウンロードし、以下のように指定する。(動画はYoutubeの埋め込みコードより) <html> <head> <meta charset='utf-8'/> <title>Colorbox Examples</title> <style> body{font:12px/1.2 Verdana, sans-serif; padding:0 10px;} a:link, a:visited</meta></head></html>…

react.js,bable,googleフォント

app.codegrid.net app.codegrid.net photoshopvip.net

canvas

Canvasとは - Canvas - HTML5.JP

Gulpの使い方と便利なプラグインの動画(schoo)

schoo.jp

正規表現、meta refresh

正規表現 手を動かしながら覚える正規表現<基礎入門編> meta refresh <meta http-equiv="refresh" content="秒数;URL=URL"> 自動的に特定のページにジャンプさせる -HTMLタグ辞典-meta refreshタグ0秒のSEO効果と301リダイレクト推奨理由</meta>

IE対応書き方

IE用CSSハックの簡単な書き方とIE10以上への対応 | web codery

clearfix,display;table

clearfix floatを解除する手法のclearfix と 次世代のレイアウトの話|Web Design KOJIKA17display:table; 要素をトップ、ミドル、ボトムの3種類に配置することができ、コンテンツの量が変化しても自動的に位置を調整してくれる <html lang="ja"> <head> <meta charset="UTF-8"> <title>clearFix、display:tab</title></meta></head></html>…

サムネイル付きスライド

色んな所をjQueryで書き換えた版 <html lang="js"> <head> <meta charset="UTF-8"> <title>いろいろな場所をjqueryで指定</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="js/jquery.bxslider.min.js"></script> </meta></head></html>

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聞く…