Any 50 websites

1年間通して、1週間に最低1つのWebサイトを作成していきます。

48スライダーまとめ | いろんなスライダープラグインを使ってみた

47CakePHP 2.x | フレームワークを使ってブログアプリケーションを作る

46プログレッシブエンハンスメント | ブラウザに適したスタイルで表示する

45Flexbox | floatを使わずに要素を横並びに配置する

44particles.js | 幾何学的なアニメーションを表現する

43Facebook SDK for JavaScript | JavaScriptでFacebookログインを実装する

42TwitterOAuth | 自分のTwitterタイムラインを表示する

41jquery-ui | jquery-uiを使って簡単に様々な表現を行う

40ユーザ管理画面 | PHPからDB基本操作

39PDO | ログインシステム – PHPでDBに接続

38matter.js  | 重力やバウンドを表現できる物理演算エンジンを使ってみる

37自作JQueryプラグイン | クリックするとメッセージ表示するJQueryをプラグイン化

36blend-mode | CSSブレンドモードで画像と色を重ね合わせる

35localStorage | HTML5のlocalStorageでTODOリストを作る

34layerBoard.js | ページアクセス時に最初に表示されるアレ(モーダル)

33textillate.js | テキストのアニメーション

32jQuery.Deferred | 要素を順にアニメーション表示

31ナビゲーションヘッダーの固定 | 上部に固定ナビゲーション

30fullPage | 1画面毎にスクロール

29画面サイズいっぱいの背景画像 | 画面サイズに対応した背景画像を指定

28jquery.inview | パララックス(要素出現)& CSSでPinterest風スタイル

27Nikebetterworld Parallax Effect | パララックス+リンク押下でスムーズなスクロール

26galleriffic | サムネイル付きでオプション豊富なフォトギャラリー

25flexslider | レスポンシブな画像スライダー

24パララックス3 | マウスポインタの方向に目玉を動かす

23パララックス2 | スクロールで背景位置の変更&要素が出現

22パララックス1 | スクロールで要素が変形

21神経衰弱 | JavaScriptで神経衰弱

20パズル | HTML5のドラッグ&ドロップAPIを使ったパズル

19チャットアプリ | JQueryのAjaxとPHPでリアルタイムに外部データを読み書きする

18スクラッチくじ | Canvasをレイヤーの様に使う

17イライラバー | マウスを図形上から離さずにゴールを目指すゲーム

16Doodle | Canvasでお絵描きアプリを作る

151-1 Architects | オリジナルWordpressテーマ

14Number Tap | 小さい順にボタンをタップするゲーム

13アクションゲー|enchant.jsで作った敵を倒すアクションゲーム

12くまげー|enchant.jsで作った落下物をよけるゲーム

11Ramdom words(Canvas)|ランダムな位置と色の任意の文字を描画する

10Stop watch|ストップウォッチ

09Expansion|マウスオーバーで画像を拡大する

08ProgressBar|画像が読み込まれるまでプログレスバーを表示

07Bomb|ランダムでボタンアクションを切り替える

06One day|時刻によってテキストとスタイルを変更

05Horizon|positionプロパティによるスクロールコンテンツ

04レスポンシブデザイン2|画面サイズによって画像と文字のスタイルを変更

03レスポンシブデザイン|画面サイズによってレイアウトを変更

02HelloWorld|CSSで吹き出し

1one’s way | WordPressで作った当Webサイト