Bootstrap Google風のBootstrapテーマ「GoogleBootstrap」。 Bootstrapベースに組まれているようですが、Google関連サイトライクなUIに出来る模様。 気づかない人はわからないかも、な変更ですが、分かる人には分かる、といった感じでしょうか。 Bootstrapの勢いは今年も続きそう 関連エントリ TwitterBootstrapベースのWYSIWYGエディタ「bootstrap-wysihtml5」 Bootstrapで矢印を描くのなら「Bootstrap Arrows」 Twitter BootStrap に追加できる5つのコンポーネントパック「FuelUX」 Bootstrapに270の使えるアイコンを追加できる「Elusive icons」 Twitter Bootstrapじゃなくfacebook Bootstrap?「Fbootstr
multiselect.js 使いやすい複数選択エレメントを実現するjQueryプラグイン「multiselect.js」 アプリケーションに実装されているような次のような複数選択ボックスをWEB上で実現可能です。 左側のアイテムをクリックで右に移して選択状態に。また右側のアイテムをクリックで非選択状態にできます HTML的には1つselectを用意して multiSelect() で初期化すればOK 関連エントリ selectボックスを超カッコよくするjQueryプラグイン「Chosen」 jQueryの独自セレクトボックスを作成するjQueryプラグイン「jQuery.customSelect()」
In Visual Studio 2022 17.10 Preview 2, we’ve introduced some UX updates and usability improvements to the Connection Manager. With these updates we provide a more seamless experience when connecting to remote systems and/or debugging failed connections. Please install the latest Preview to try it out. Read on to learn what the Connection ...
XMLHttpRequestをWebWorkerで実行する Senchaが公開したHTML5のFacebookクライアント、Fastbookの高速化手法として、 XMLHttpRequestをWebWorkerで実行するのがあるそうです。 ということで、実際にやってみました。 WebWorkerの呼び出し jQueryを用いた環境で使いやすいように、jQueryの$.ajaxインターフェイスに似せています。 ただし、XMLHttpRequestをWebWorkerからは取得できないので、全く一緒ではありません。 ExecutorServiceの実装 WebWorkerを大量に作成すると負荷がかかるので、 少し手間ですが、同時実行数を制限し、リクエストをキューイングする ExecutorServiceを実装します。 var ExecutorServece = (function() { Ex
サイトに初めて来たユーザーには使い方を表示、リピーターには更新されたコンテンツを目立つように表示、などのようにユーザーの状況に応じてコンテンツをカスタマイズしたり、レイアウト変更ができるjQueryのプラグインを紹介します。 「ここまで読みましたね」マークをつけることもできます。
Google Play ServicesとGoogle Maps Android API v2について調べて見たメモでちょろっと触れたけど、Google Maps v2はGoogle Play services経由で動かすという特性上、エミュレータでは基本的に現状は使えない。が、基本があれば例外もある、ということで動かす方法がHow to make Android Google Maps v2 work in android emulatorで紹介されていたのでやってみた。 原文のやり方 エミュレータを作る “5.1” WVGA (480 x 800: mdpi)”を選択。 targetは“Android 4.1.2 – API level 16″を選択。 “CPU/ABI” は “ARM”を選択 他はそのままにして起動する com.android.vending-1.apk と com.
SVG形式の画像の表示はInternet Explorerの場合、IE9以上でしか表示できません。IE7、IE8は基本的にはPNGやGIF形式の画像を表示することになります。次に書いていく方法で、JavaScriptを使わずにCSSのみで、IE9はSVG、IE7・IE8はPNGといった表示方法が可能です。 ※但し背景画像に限ります。 参考サイト Cross-Browser CSS Technique for SVG Sprites with PNG Fallback CSS3のrgba()を使ってIE7・IE8に代替画像を表示させる。 .svg-or-png { background: url(img/hoge.png) no-repeat; /* for IE7 IE8 */ background: rgba(0,0,0,0) url(img/hoge.svg) no-repeat;
Twitter Bootstrap 3 の変更点概要 Bootstrap 自体の仕様だけでなく体制なども変更されるようです。 モバイルファースト twitter/bootstrap, twitter/bootstrap-server, mdo/bootstrap-blog(プライベートレポート)を twbs organization アカウントへ移行 サイトの URL を http://getbootstrap.com に変更 CSS はレスポンシブ用スタイルも含めて1ファイルにする IE7, Firefox3系 のサポート廃止 Glyphicon のフォント版を採用 Apache ライセンスから MIT ライセンスへ移行 *-wip ブランチの開発スタイルから 3.1.0-modal-revamp のような機能ごとのブランチに変更 過去バージョンのダウンロードにタグを使う コミュニティの
23 Jan 2013 WebkitもといMobile Safariで、ビットマップ画像をtransform: rotate(deg)したときにフチがジャギー出てしまう現象についてのお話。とりあえず、iPhone+iOS前提で説明していく。 transform: rotate(10deg)みたいな半端な角度でrotateさせたときに確認できる。 transform: rotate(45deg)単位の場合にはこのようなジャギーはほぼ無い。ちなみにWebkitとタイトルにあげたが、新しめのデスクトップのGoogleChromeやSafariでは、中途半端な角度でもジャギーは見られない。古いものだとジャギーが出るはず。正確なバージョンで確認できていないが、それも今回の方法で解決するかもしれないし..しないかもしれない。 デスクトップの話はさておき、Mobile Safariとしての話に戻る。 結
前回の記事でGitHubとJenkinsを用いた自動デプロイ環境の概要をご説明しました。 GitHubやJenkinsと連携した開発環境作成でのrsyncとの出会い 今回は、その環境を実現するための設定手順を書いて行きたいと思います。 大きく4つの手順があります。 Jenkinsのインストール Apacheの設定 JenkinsとGitHubの連携 自動デプロイ設定 開発環境 ・CentOS 6.2 ・Apache がインストール済み Jenkinsのインストール まずは、Jenkinsのインストール 通常ならば、運用するサーバとJenkinsが動いているサーバを分けるべきですが、サーバコストの都合などで今回は同一サーバ上で動かすことにします。 ApacheサーバとJenkinsサーバが同じport80で待つことはできないので、jenkinsをport:8080で動かすことにします。 また
Webページをスクレイピングしてる時、HTMLじゃなくてJavaScriptの変数をのぞきたい事が稀によくある。 インストール brew install phantomjs document.titleを取得 page_title.js var url = phantom.args[0] || 'http://shokai.org'; page = new WebPage(); page.open(url, function(stat){ if(!stat){ phantom.exit(); } else{ var title = page.evaluate(function(){ return document.title; }); console.log(title); phantom.exit(); } }); 実行 phantomjs page_title.js http://go
このブログの見出しはシンプルなんですが、CSSの「:before」や「:after」など擬似要素を使えば色々と装飾ができますので今回は8つのサンプルを紹介します。 HTMLはすべてHタグだけです。特に意味はありませんが今回のサンプルはh4タグを使っています。 「:before」「:after」やボーダーで表現する三角形の使い方など慣れない方もいるかもれませんので、その都度簡単に解説していきます。「:before」「:after」疑似要素はIE7以下は非対応ですのでご注意ください。 今回のサンプルは別サーバにアップしていますのでご覧ください。 それでは今回8つのサンプルを紹介していきます。 1. 吹き出しのような見出し1 吹き出しの下の部分を:after擬似要素で作っています。三角形はボーダーで作っています。下の画像を見ると何となくイメージできるでしょうか。今回の場合は上の赤い部分のみ色を付
一般企業サイトでもスマートフォンに対応するサイトが増えてきました。ちょっと前までは提案しても、もうちょっと先でいいよという話に落ち着いていたんですが、ようやく身近なクライアントも導入をはじめています。そこで今回は実際にスマホサイトを作る立場から、役に立ちそうな記事やサイトをまとめてみました。 スマホサイトのギャラリー 絶対見ておきたい有名企業のスマホサイトまとめ 優れたiPhoneサイトデザイン集 – iPhoneデザインボックス スマートフォンサイト デザイン集 AGT thinkthing スマホ制作に役立つ情報 【スマートフォンサイト制作の総まとめ 第1弾】スマホサイトデザインの基礎知識 少しのコードで実装可能な15のスマートフォンサイト用小技集 200サイトのiPhoneデザインを見て感じたスマートフォンの最適化 Webサイトのスマートフォン対応 7つの基本ルール スマー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く