HTMLで作るクリスマスカードのコード例を紹介する・Codecademy Code Cards オンラインでコードを学べるサービス のCodecademyがクリスマスカードを HTMLで作る為のコード例を紹介して くれています。今日はクリスマス。 折角なので、興味がありましたらぜひ ご覧下さい。2012.12.25 | 12時09分15秒Webサービスその他
シンプルで軽量なCSSフレームワーク・Reuze.me シンプルなCSSフレームワーク・ Reuze.meのご紹介です。無駄な 記述を省いた軽量なフレーム ワークみたいですね。同じよう なものはいくらでもあります ので選択肢の一つとして。2012.12.24 | 12時49分43秒cssやプログラミングWebデザイン
ChromeのデベロッパーツールのTipsやテクニックを紹介するスライド・DevTools Tips and Tricks Google Chromeのデベロッパーツール のTipsやテクニックを紹介している スライドが結構勉強になったので、 シェアしてみます。英語ですが、画像 があるので概ね理解できるんじゃな いかと思います。2012.12.22 | 16時37分35秒Webサービスその他
スワイプ操作に対応したイメージスライダーを実装するスクリプト・Swiper タッチデバイスのスワイプ操作に 対応したイメージスライダーの ご紹介。ありそうであまり見かけ ないので一応備忘録・・・イメー ジスライダーと書きましたが、 基本何でもいけるみたいです。2012.12.21 | 12時12分25秒cssやプログラミングWebデザイン
イメージファイルをzipにしてアップロードするとCSSスプライト用の画像とCSSを自動生成するツール・SpriteMachine CSSスプライト用の画像とCSSを 自動で生成してくれる、という Webツールのご紹介。作るのは 結構面倒なのでこうして自動化 してくれると楽で助かりますね。2012.12.20 | 13時17分01秒Webサービスジェネレーター
1枚の画像のみでマウスホバーによるアニメーションを実現させるjQueryプラグイン・spriteOnHover CSSスプライトのように、1枚の画像 でマウスホバーによる簡易的なアニ メーションを実現させるjQueryのプ ラグイン・spriteOnHoverのご紹介 です。GIFアニメ以外の選択肢として 個人的に少し期待しています。2012.12.18 | 10時35分55秒jQueryWebデザイン
優れたUXのスマフォアプリのスクリーンショットを紹介するギャラリーサイト・UX Archive 優れたUXのスマフォ向けアプリ のスクショを紹介するデザイン ギャラリーサイト・UX Archive のご紹介。数はまだ多くは無い ですけど、スクショの数が多い ので参考になりそう。2012.12.17 | 11時41分19秒Webデザインインスピレーション
正規表現の構文を色分けして解読しやすくするスクリプト・Regex Colorizer 正規表現コードを色で解読しやすく する、というスクリプト。エラー の有無も分かるので、解読だけで なく、勉強のお供にもいいかもし れませんし、解読速度も速められ そうです。2012.12.15 | 13時17分40秒cssやプログラミングWebデザイン
横長になったtable要素を2列にしてスマフォ等の小さい画面でも閲覧出来るようにするjQueryプラグイン・stacktable.js 横長になったtable要素を2列にして スマフォ等でも閲覧しやすくできる、 というスクリプトです。単純な作り のtableならこれで対応できますね。 複雑なものはちょっと難しそうでは ありますが・・2012.12.14 | 11時09分44秒jQueryWebデザイン
OSSとしても公開されているシンプルなコード共有サービス・Mystic Paste よくあるコード共有サイトですが、 OSSとしても公開されていたので 一応備忘録・・現在は非常にシン プルで、基本的にはコードの貼り 付けとダウンロードのみの機能 しかありません。2012.12.13 | 12時08分25秒オープンソースソフトウェア
マウスホイールで画像をズームさせるjQueryプラグイン・jQuery Wheelzoom マウスホイールで画像を拡大、ドラ ッグ操作によるスクロールが可能な jQueryのプラグイン、jQuery Wheelzoomのご紹介です。シンプルで いいですね。IEは9からの対応だそう なので利用シーンは若干限られそ うで...2012.12.12 | 10時33分04秒jQueryWebデザイン
簡易的なクイズを作れるjQueryプラグイン・SlickQuiz 簡単なクイズコンテンツを作れる、というjQueryプラグインのご紹介です。クイズの回答次第で分岐する、みたいな細かい設定はできませんが、これはこれでシンプルでいいかも。2012.12.11 | 12時11分23秒jQueryWebデザイン
数値だけでなく、日付や時刻にも対応したスライダー・jQRangeSlider D&Dで操作するスライダーを実装するjQuery依存のスクリプトです。数値のものが多いですが、こちらは日付や時刻などにも対応しています。使うシーンは多くは無いかもですけど、便利そうです。2012.12.10 | 12時40分37秒jQueryWebデザイン
iOSのホーム画面に作るフォルダっぽいやつを実装するjQueryライブラリ・App Folders iPhoneやiPadのホーム画面に作れるフォルダっぽい動作のコンテンツを実装出来る、というスクリプト。動作はかなり再現出来てる気がします。2012.12.09 | 15時17分42秒jQueryWebデザイン
コピペやドラッグ&ドロップで画像をアップロードできる共有サービス・Pasteboard 地味に便利そうな気がしたので備忘録。コピペで画像をアップロード、共有も可能なWebサービスです。テキストを書く等の編集機能はありませんが、クロップは一応可能です。2012.12.08 | 13時59分10秒Webサービスその他
CSSを使ったタイポグラフィ例を収集、コードも確認できるギャラリーサイト・typespiration CSSによるタイポグラフィ例を収集しているギャラリーサイトのご紹介です。英語圏のサイトなので日本語はまた別ではありますが、これはこれで参考になるかと思います。まだ数が少ないので今後に期待。2012.12.07 | 12時51分52秒cssやプログラミングWebデザインインスピレーション
HTMLコードを解析して問題箇所と理由を知らせてくれるブックマークレット・HTML_CodeSniffer HTMLの構文チェックをその場で できるブックマークレットです。 問題箇所の数や、問題箇所もお しえてくれます。割と便利そう だったのでご紹介してみます。2012.12.06 | 11時10分22秒Webサービスその他
さまざまな国の郵便番号から市区や州などの地名を取得出来るAPIを公開、提供している・Zippopotamus 日本だけでなく、海外の方もターゲットにしているコンテンツに需要あるかも、と思ったのでメモがてらご紹介します。様々な国の郵便番号を取得できる、というAPIを公開、提供しているWebサイト、Zippopotamusです。勿論、日本も入っています...2012.12.05 | 11時35分05秒cssやプログラミングWebデザイン
スライド時にキャプション等のテキストを遅延表示させる事が出来るイメージスライダー・ayaSlider キャプション等のテキストがスライド時に遅延して表示させる、という演出が可能なイメージスライダーのご紹介。上手く説明できないのでデモをご覧頂ければと思います。2012.12.04 | 11時53分11秒jQueryWebデザイン
HTML5によるWebカメラの導入をサポートするjQueryプラグイン・Photobooth.js HTML5でWebカメラに対応可能なWebサイトを実装するのを手助けしてくれる、というスクリプトのご紹介です。トリミングや色彩変更などの編集も可能のようです。2012.12.03 | 10時16分07秒jQueryWebデザイン
HTML5のvideoタグを使って背景に動画を設定するjQueryプラグイン・videoBG HTML5から使えるvideoタグで背景への動画設定を簡単に行えるというスクリプトです。対応していないブラウザには静画が表示されるようになっているみたい。2012.12.02 | 10時46分27秒jQueryWebデザイン
マウスホバーでツールチップにWikipediaの内容を表示させるjQueryプラグイン・wikiUp ちょっと需要あるかも?と思ったのでご紹介。Wikipediaの情報をツールチップとして表示させる、というjQueryプラグインです。日本語にも勿論対応しています。ヘルプにも使えるかもしれない。2012.12.01 | 12時13分25秒jQueryWebデザイン