iOS で CSS スキニング
Android SeekBar のトラックとつまみの位置を合わせる
SeekBar でつまみやトラック部分をオリジナルの画像にしたら、バーの進み具合がつまみの中心に合わない、という状況になったことがあると思います。 実は style の設定で合うようにすることができます。 以下では、つまみ部分に星型の画像を、トラック部分に 9patch の画像を用意しています。 つまみ res/values/style.xml で次のように定義し <resources> <style name="AppTheme" parent="android:Theme.Light"> <item name="android:seekBarStyle">@style/MySeekBar</item> </style> <style name="MySeekBar" parent="@android:style/Widget.SeekBar"> <item name="android:
JavaScriptのコードを測ろう「plato」
こんにちは、中川です。 PHPよりもJavaScriptを書く機会が多いこの頃です。 さて、JavaScriptといえば、何も考えずにアプリを作ると プロジェクトがカオスになることで有名な言語ですね。 気を使って作っていてもちょっとした油断で、 気付いた時にはメンテナンス不可能なコードが出来上がっていたりします。 今回ご紹介するのは、不幸にもそんな状態になってしまったたくさんのコードの どこがどのような状況なのかをパッと確認できるツールをご紹介します。 ■plato https://github.com/jsoverson/plato platoはNode.jsで動作します。 プロジェクトのJSファイルを解析して、 コードの行数や複雑度、メンテナンス性、jshintの警告などをHTMLレポートとしてまとめてくれます。 実際のレポート画面は以下で確認できます。 ・jquery ( http:
AppCodeをInstallして最初にすること＆ショートカット - Qiita
主にSettings周り。 Cmd + ,で設定画面が開きます。 行末より後ろでもクリックできる状態を解除する Editorを選択 Allow placement of caret after end of lineのチェックを外す 最近のVersionだとデフォルトでチェック外れていた気がします Incremental SearchのKeymap設定 Keymapを選択 Otherを選択 Incremental Searchをダブルクリック -> Add Keyboard Shortcut 自分はctrl + sで設定してます （Searchのsとして記憶してます） ctrl + 左右でタブ移動を有効にする これはMacのKeymapの話。 AppCodeは複数のタブを開く事が可能で、 ctrl + 左右を実行するとタブを左右に移動できます。 しかし、Mac上ではMission Cont
レザーテクスチャをモチーフにしたアイコンまとめ「A Great Collection Of Free Leather Style Icons in 26 Sets」
レザーテクスチャをモチーフにしたアイコンまとめ「A Great Collection Of Free Leather Style Icons in 26 Sets」 最近ではただ平面的なアイコンを制作するより、立体感や素材感のあるアイコンで、アピール度をアップさせているデザインを良く見かけます。そんな中今回紹介するのが、レザーテクスチャをモチーフにしたアイコンをまとめた「A Great Collection Of Free Leather Style Icons in 26 Sets」です。 Keka File Type Icons by ~prcmelo on deviantART レザーの特徴を活かしたクラフト感のあるアイコンが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Wallet Icon | Cubicon
JavaScript style guide - Mozilla | MDN
else は上で示したように常に単独の行に書いてください。 return の後には else を使わないでください。 if (x < y) return -1; if (x > y) return 1; return 0; i++ も ++i も使用可能です。 インライン関数はそのデバッグが楽になるように名前を付けてください。関数をプロパティに代入しただけではその関数に名前を付けることはできません。次のようにしてください。 var offlineObserver = { observe: function OO_observe(aSubject, aTopic, aState) { if (aTopic == "network:offline-status-changed") setOfflineUI(aState == "offline"); } }; 名前や列挙値には interCap
Google HTML/CSS Style Guide の推奨ガイドラインまとめ | バシャログ。
すっかり夏っぽくなり、ビアガーデンに毎日通いたいと常々感じる今日この頃、Latin です。 巷で流行っていると噂の Google HTML/CSS Style Guide についてまとめて下さっている REFLECT DESIGN さんのブログより、代表的なものをいくつか抜粋してみました。 全般的なスタイルルール 一般的な書式ルール 全般的なメタルール HTMLのスタイルルール HTMLの書式ルール CSSスタイルルール CSS書式ルール 全般的なスタイルルール プロトコルの記述 <!-- NG --> <script src="http://www.google.com/js/gweb/analytics/autotrack.js"></script> <!-- OK --> <script src="//www.google.com/js/gweb/analytics/autotrac
【社内向け勉強会チラ見せ】JS開発手法プレゼン
ドワンゴ社内向けに公開する予定だったJSの開発スタイルのプレゼンを、公開生放送で行います。
かわいらしいツールチップ
デモページ：Big Yellow Sweet Tooltipの使い方 外部ファイル スタイルシートをhead内に、スクリプトをページの下部に外部ファイルとして記述します。 <link rel="stylesheet" href="sweet-tooltip.css"> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="sweet-tooltip.js"></script> HTML ツールチップはa要素を使用して実装します。 <a href="#" class="sweet-tooltip" data-style-tooltip="style name" data-text-tooltip="Tooltip's text to be disaplayed"
Web サイトのファイルの理想的な配置を考える（ローカル及びサーバー内でのファイル管理） | ウェブル
たくさんサイトを作っているとどのようにファイルを置けば良いか迷いますが、私でひと通り管理しやすい配置を考えてみましたので紹介します。 ドメイン毎にディレクトリを作成する サーバーもローカルも以下のようなファイル配置にしておくと便利です。 ドメイン管理の基本 以下のようにドメイン毎にディレクトリを作成します。 weble.org caloreen.com animemap.net サブドメイン無し サブドメインが無い場合は以下のようにそのままファイルアップロード。 weble.org index.html style.css common.js サブドメイン サブドメインがある場合は以下のようにサブドメインを入れます。 weble.org www index.html style.css common.js api demo グループ化 グループ化したいサイト（例えば私が「ホゲカンパニー」と
Android Menu の背景を変える その2
昔は Menu の背景を簡単に変えることができなかったんです。 それで Y.A.M の 雑記帳 Android Menu の背景を変える というエントリを書いたりしていたのですが、今は style から指定できるようになっているので紹介します。 <?xml version="1.0" encoding="utf-8"?> <resources> <style name="CustomTheme.Light" parent="@android:style/Theme.Light"> ... <!-- パネル(Menu) の背景 --> <item name="android:panelBackground">@color/menu_bg</item> <item name="android:panelFullBackground">@color/menu_bg</item> </style>
あの日見たEDの雰囲気を僕達はまだ再現できない。 - jsdo.it - Share JavaScript, HTML5 and CSS
「あの花。」EDっぽく。 アニメ「あの花。」のエンディングの花が舞うのをCSSアニメで再現してみたかったのですが…。 サビ突入時のズームアウト+反転再現のためにsetTimeoutだらけです。 全画面にしてスクリーンセイバー的利用（向いてないとは思う）に落下と反転を繰り返す版もあります → http://jsdo.it/piyotori/edGr ※webkit only //----------------------------------------- // common alias var elm = function(arg){return document.getElementById(arg);}; var startTime = new Array(); var backImgSrc = new Array(); //----------------------------
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - miyamae/rails-style-guide: 日本語訳：Railsスタイルガイド
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
インスタンスグラフを作成するツール ObjCViz
組み込み型プロファイラ
UISearchBar 外観のカスタマイズ
カスタム AlertViewライブラリ
re-dzine.net situs togel online toto 2023 -
Ruby のコーディングスタイルガイドあった - ヤルキデナイズドだった