2017-01-01から1年間の記事一覧

サムネイル付きスライド

色んな所を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>