React Nativeのデザイン - Stylesheet/Flexbox (part2) - Qiita
昨日の続きでFlexboxを説明します。flex, flexDirection, flexWrapは昨日のエントリを参照してください。 var styles = StyleSheet.create({ container: { flex: 1, backgroundColor: 'blue', }, item1: { backgroundColor: 'gray', padding: 20, }, item2: { backgroundColor: 'orange', padding: 20 }, item3: { backgroundColor: 'pink', padding: 20 } }); var styles = StyleSheet.create({ container: { flex: 1, backgroundColor: 'blue', justifyContent:
React Nativeのデザイン - Stylesheet/Flexbox (part1) - Qiita
React Nativeのアプリはスタイルシートで各コンポーネントの配置、色、フォント等のデザインを決めていきます。Webプログラマなら体に染みついているpadding等を使うので、すぐに慣れると思います。 公式ドキュメントから一覧を見ることができますが、border系は下記のようになります。注意点として、ハイフン(-)で単語を区切るんではなくCamelCaseになっていることです。 borderColor string borderTopColor string borderRightColor string borderBottomColor string borderLeftColor string borderRadius number borderTopLeftRadius number borderTopRightRadius number borderBottomLeftRa
JavaScriptのコーディング規約を気軽にチェック
こんにちは、中川です。 今回は「Google JavaScript Style Guide」を気軽にチェックできるClosure Linterをご紹介したいと思います。 http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml Google JavaScript Style Guideのいいところですが、 規約だけでなく、しっかりしたツールも揃っているところが素晴らしいと思います。 コーディング規約はあったとしても、それに従っているか定期的に簡単にチェックする方法がないと、 いつしか守られないまま開発されてしまうことになりますね。 ※今回の内容はMacにて動作確認を行なっています。
Stylishier - soundscapeout (仮)
Firefox のステータスバーや、ツールバーに表示されるアドオンアイコンを Mac ライクにするスタイル（Stylish 用のテーマ）。 Google 検索、Google リーダーを Snow Leopard 風にするスタイルを紹介しましたが、今回のスタイルも同じ作者の方 m.mike kondo さん作です。 このスタイルを導入することで、Greasemonkey、Stylish、Xmarks、Firebug のステータスバーのアイコンが Mac ライクになります。 Stylishier Greasemonkey status icon | userstyles.org Stylishier Stylish status icon | userstyles.org Stylishier Xmarks status icon | userstyles.org Stylishier Fir
フリーで使えるphotoshopカモフラージュスタイル「Free Styles for Photoshop – Camo」
使いどころが難しいですが、デザインでもたまに必要となるカモフラージュパターン。意外と作るのが難しく。0からとなるとかなり面倒だったりします。今日紹介するのはそんなカモフラージュパターンを簡単に使えるphotoshopスタイル「Free Styles for Photoshop – Camo」です。 全部で25種類のカモフラージュパターンが収録されていて、定番の物から、少し変わったものまで収録されています。 詳しくは以下 ファイルはzipで圧縮され、asl形式で配布されています。スタイルなので解像度が許す限り、目の粗さも簡単に調整できるので、色々なシーンで使えそうです。ライセンスは個人利用に限りフリーとなっています。 どんなデザインでも使える汎用性の高い定番物というわけではないだけに、なかなか見かけないスタイルセット。カモフラを使う機械がすぐない人も、この機会にダウンロードしておいても良いか
クールなGoogleカレンダー用スキン『Google Calendar Redesigned』 | G Mania - グーグルの便利な使い方
クールなGoogleカレンダー用スキン『Google Calendar Redesigned』 管理人 @ 7月 4日 09:35am Firefox, Google カレンダー Gmail用のクールなスキンとして完成度があり、好評だった『Gmail Redesigned』に続き、今回ご紹介するのはGoogleカレンダー用のスキン『Google Calendar Redesigned』です。 こちらもかなり完成度が高いです。 細かい所まで、リデザインされています。 通常のデザインに飽きてしまった方は利用してみてはいかがでしょうか。 利用にはFirefox Greasemonkey または、Stylishが必要です。 ご利用はこちらからどうぞ。 Google Calendar Redesigned (by Globex Designs) | userstyles.org ＜追記＞最新版の記事
python : PEP 8 — Style Guide for Python Code(63990) : 俺訳/俺メモ
時々Live Writerで更新。 PEP: 8 Title: Style Guide for Python Code Version: 63990 Last-Modified: 2008-06-06 20:48:49 +0200 (Fri, 06 Jun 2008) Author: Guido van Rossum <guido at python.org>, Barry Warsaw <barry at python.org> Status: Active Type: Process Created: 05-Jul-2001 Post-History: 05-Jul-2001 Introduction This document gives coding conventions for the Python code comprising the standard library in
sh1.2 pyblosxom : MercurialのUpdate
ns9logさんの所 の hgutils.vim を公開されているMercurialのページが格好いい。 単にMercurialを1.0.1にupdateしたらいいのかと思ったらどうやらそうではないらしい。 helpやらを探していたらみつけた。hgweb.configには下記設定を、 [web] style = gitweb 各公開ディレクトリの.hg/hgrcファイルに下記のように記述するといいらしい。 [web] style = gitweb allow_archive = gz, zip allow_archiveにて、最新バージョンを固めたものがダウンロードできるようになる。 素晴しい。早速自分のも対応させてみました。 適用前 適用後
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - apentle/react-native-theme: Theme manager for react native project!
GitHub - thabti/react-native-css: Style React-Native components with css
GitHub - raphamorim/native-css: Convert pure CSS to React Style or javascript literal objects.
SOLID - soundscapeout (仮)
Bounce Growl Style - soundscapeout (仮)
SlimBox & VoxGrowl (Black Edition) - soundscapeout (仮)
jQuery版StyleSwichter | あいにゅれぽーと
Pythonコーディング規約