ページ

▼
ラベル JavaScript の投稿を表示しています。 すべての投稿を表示
ラベル JavaScript の投稿を表示しています。 すべての投稿を表示
2014/11/28

exif-js と ios-imagefile-megapixel でスマホからの画像アップロードのプレビュー表示に対応する

›
画像アップロードするときにプレビュー欲しいよね〜 プレビューするとたまに画像が回転されてるよね〜 スマホだと画像選択するアプリで EXIF 情報を見て回転させて表示しているから プレビューが横向きとかになってておかしいと思われがちだよね〜 そんな問題を解決するのが ex...
2014/11/27

jquery.transform.js で CSS3 の transform をアニメーションさせる

›
要素を CSS3 の transform で移動・回転・拡大縮小などさせつつ、 アニメーションもさせたい場合に便利な jQuery プラグインを紹介します。 jquery.transform.js eenox/jQuery-3D-transform このプラグインは指定...
2014/04/06

かずー氏アイコンジェネレータをHTML5で作ってみた

›
HTML/CSS/JavaScriptを駆使した画像の重ね方 | DevAchieve という記事、 かずー氏クラスタアイコンの作り方の記事を1年前くらいに書いていました。 そこで Canvas を使用して かずー氏 (@kazoo04) のアイコン背景と @wada811...
2013/03/31

画像の重ね方メイキング ~ HTML5validなOGPとかTwitterCardsとかjQueryUIとかTwitterBootstrapとかgoogle-code-prettifyとか

›
HTML/CSS/JavaScriptを駆使した画像の重ね方 | DevAchieve で制作した サンプルページ「 Way to cover an image with another image 」で 色々普段使わないものを使ったので忘れないようにメモしておく。 HT...
2013/03/30

HTML/CSS/JavaScriptを駆使した画像の重ね方

›
いわゆる、かずー氏クラスタアイコンの作り方 Way to cover an image with another image サンプルページへはこちらのリンクまたは画像をクリック！ 私 @wada811 のアイコンが、 他の人のかずー氏クラスタアイコンのように 全体サイ...
2013/03/24

jQuery1.9以上対応版クロスブラウザ対応アニメーションスクロール

›
jQuery.browserが使えなくなったため、 クロスブラウザ対応！jQueryのアニメーションスクロール | DevAchieve で 使用している animatedScroll 関数は動かなくなります。たぶん。 なので jQuery 1.9 に対応した形で作り直しま...
2012/12/28

Webプログラマーになる前に学ぶべきこと、知っておきたかったこと

›
新米Webプログラマー @wada811 がプログラマーになる前に学ぶべきこと、知っておきたかったことを これからWebプログラマーになる人に向けてまとめてみました。 心構え プログラマとして生きるための心構えとして 情熱プログラマー を読んでおくのはオススメだと思います。 ...
2012/09/03

[書評]日経ソフトウエア 2012年 04月号

›
日経ソフトウエア 2012年 04月号 [雑誌] 日経BP社 発売日：2012-02-24 ブクログでレビューを見る» プログラマが知っておきたい中学・高校の数学と物理、 CoffeeScriptを使ってみよう、Androidアプリ設計法、 Android4.0の新機...
2012/08/26

HTML5で追加されたinput要素のtype属性の属性値dateを使ってみた

›
日付をフォームに入力させてJavaScriptでゴニョゴニョすることがあったのだけど JavaScriptでnew Date()に渡すことのできる日付のフォーマットが ブラウザごとに異なっていたのでサンプルページ作って試してみたら全部普通に動いた。 YYYY/MM/DD ...
2012/08/25

クロスブラウザ対応！jQueryのアニメーションスクロール

›
追記: 2013/03/24 jQuery.browser が jQuery v1.9 で廃止されたので対応版の記事を書きました。 jQuery1.9以上対応版クロスブラウザ対応アニメーションスクロール | DevAchieve 元の本文はココから OS Browser Ve...