Web制作・フロントエンド SmartyとJavascriptを使った小ネタ：非プログラマーでも簡単。コピーライトの西暦を部分を自動で出力
ホームページのフッター部分によく見かけるコピーライト Copyright © 2013。実際、どんな意味があるのかよく知らないのですが慣習的に見かけるのでそれに習ってよく使います。ただ、この西暦部分を決め打ちしてしまうと、気が付くと古くなっ...
Web制作・フロントエンド
Web制作・フロントエンド 
Web制作・フロントエンド NetBeans7.3でsassをコンパイルすると@importがあるとエラーになる
スタイルシートのメタ言語「sass」をNetBeans7.3でコンパイルすると、@importでエラーになるので対処法コンソールのエラーにはJRUBY_VERSION = 1.7.0.preview2SASS version = 3.2.9...
Web制作・フロントエンド ブラウザでテレビ電話を可能にするHTML5の「webRTC」
前回は「webGL」についてお話したので今回は、HTML5で使えるようになった映像・音声ストリーム通信「webRTC」についてお話です。WebRTCWebRTC's roadmap / Tsahi Levent-Levi超簡単に言うと・・「...
Web制作・フロントエンド HTML5でwebGL+threejsを使った3Dオブジェクトのサンプル
HTML5と言うとタグが増えたのとCSS3になっただけと思われがちですが、HTML5が対応した様々な技術はたくさんあります。その中でもwebGLを紹介。ブラウザから直接PCのグラフィックボードの性能を引き出す技術で3Dのリアルタイムレンダリ...
Web制作・フロントエンド ブラウザ幅に応じてレウアウトをかっこよく調整、jQueryプラグイン「Isotope」
レスポンシブが最近のトレンドですが、ブラウザ幅に応じてレイアウトの幅を変えるのではなくレイアウトの位置変更で最適化する、そんな動きのきもちいいjQueryプラグイン「Isotope」・・・実は前回 書こうと思っていた記事ですが、改めて紹介し...
Web制作・フロントエンド TwitterBootstrapでギャラリーページっぽいページを作るマークアップ
TwitterBootstrapでギャラリーページのように写真を並べるとき、thumbnailsを使うと一見便利そうだけど、複数を続けて並べるときはちょっとしたコツが必要なので、自分用メモ。答え 解説全体をrow-fluidで囲いたくなるけ...
Web制作・フロントエンド リキッドデザイン・レスポンシブ・メディアクエリ 違いわかりますか？
web用語は次々にやたらと増えていくので・・リキッドデザイン・マガジンデザイン・フラットデザイン・レスポンシブ・メディアクエリ・モダンブラウザ・・・普段なにげなしに使ってた用語が、実はちょっと勘違いしいたようなので、改めて調べてみました。G...
Web制作・フロントエンド HTML5+CSS3でプレゼン資料を作るjQueryプラグイン「jmpress.js」
社内でプレゼンをやることになったので、web製作者らしく、パワーポイントではなく、HTML5を使ってプレゼン資料を作ろうと思ったのでそのメモです。で、今回使ってみたのがjQueryプラグイン「jmpress.js」です。とにかく動きがダイナ...
Web制作・フロントエンド セレクトボックスを超高機能に jQueryプラグイン「Select2」
機能はセレクトボックスだけど、複数選択させたいとか、テキスト検索もさせたいとビジュアルアイコンを入れたいとか・・とにかくブラウザ標準のセレクトボックスでは表現できない時に選択肢として覚えておきたいjQueryプラグイン「Select2」ちな...
Web制作・フロントエンド おフランス製クォータービューJavaScriptゲームフレームワークpp3Diso
都市育成ゲームやタクティスゲームによく使われるマップを斜め上視点「クォータービュー」のマップが作れるjQueryプラグイン「pp3Diso」おフランス製です。昔はハマったA列車やシムシティやタクティスゲームなどもこのクォータービューですね。...
Web制作・フロントエンド 素晴らしい！シンプルで癖のない国内外ソーシャルアイコン画像セット
これは嬉しい。シンプルで使いやすい国内サービスも網羅した、ソーシャルアイコン集見た感じも日本人好みっぽいし国内サービスのアイコンも使おうと思ったら案外と少ないんですよね。こういった一式提供してくれる人がいるととても助かります。ライセンスCC...
Web制作・フロントエンド 進捗表示/ドロップ対応/複数対応/確認プレビューあり もう完璧じゃね？と思える「jQuery File Upload Plugin」
複数のファイルを選択、ドラッグ＆ドロップ、プログレスバー、ファイルバリデート、プレビュー表示ともう完璧までに装備されたファイルアップロード用jQueryプラグイン「jQuery File Upload Plugin」クロスドメイン、一時キー...
Web制作・フロントエンド webフォントがIE互換モードで表示されない件について
最近はTwitterBootstrapをベースにサイト構築が多いので、記事ネタにもすることが多いのですが、追加でwebフォントも組み込んでいたりします。で、ずっと悩んでいたのがIEで互換モードの場合、webフォントが表示されない・・おかしぃ...
Web制作・フロントエンド テーマやUI・サンプルサイトなどTwitterBootstrapにかかわるサイトをまとめてみました。
便利ツールsass-twitter-bootstrapsassで書き直されたTwitterBootstrapコード。NetBeansがless対応していないのでとても助かる。Lavish, Bootstrap like a Kingこれはい...
Web制作・フロントエンド Elusive-IconsなどWebフォントがFirefoxで表示されない場合の対処法
webフォントの設置場所にAddTypeの設定がされてないとFirefoxはクロスブラウザのwebフォントは読み込まないようです。つまりcssファイルの置き場所とwebフォントの置き場所が違うドメインの場合、Firefoxはセキュリティーの...