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

yachin29.hatenablog.com www.ni4.jp https://n2p.co.jp/blog/tech/html_css/htmlmailmagazine03/n2p.co.jp https://n2p.co.jp/blog/tech/html_css/htmlmailmagazine01/n2p.co.jpとほほのVML入門 www.atmarkit.co.jp 読むべきsyncer.jp qiita.com 画像取得の…

備忘録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/