androidborder.html
Android開発でデザインを整えているときに枠線を付けたいけど、それらしいプロパティがないのでどうやって実現するか調査したメモ。 ここのメーリングリストを参考にした。 次のようなxmlファイルを/res/drawableに作成（今回はborder.xmlとした） <shape xmlns:android="http://schemas.android.com/apk/res/android"> <stroke android:width="3px" android:color="#CCCCCC" /> <padding android:left="2px" android:top="2px" android:right="2px" android:bottom="2px" /> <corners android:radius="2px" /> </shape>
Android Tips #22 Nexus7 に対応させるときの注意点 | DevelopersIO
Nexus7 を購入しました 弊社でも巷で噂の Nexus7 を購入しました！ 7インチというスマホより大きな画面に、最新OSが搭載され、安価。とっても良いですね！ というわけで今回は Nexus7 に対応したAndroidアプリを作るにあたっていくつか注意点を Android Developers Blog の記事を参考に見ていきたいと思います！ スクリーン 解像度は tvdpi Nexus7 のスクリーンの解像度のグループは、いままであまり使われることがなかった tvdpi になっています。 そのため tvdpi のアセットファイル(画像など)をすべて用意する必要があるかと思いきや…そうではありません。 tvdpi に表示するアセットファイルは、システム側で hdpi のアセットファイルをスケールして表示してくれます。 なので Nexus7 に表示されるアセットは hdpi のもの！と
LinearLayout の width(またはheight) と weight の関係 -- zaki日記(2011-07-02)
_ LinearLayout の width(またはheight) と weight の関係 UI の作成で LinearLayout を使用する際、「とりあえず中の View の attribure に android:layout_weight="1" と書いとけばなんとなくうまくいく」なんてことを言われたことはありませんか？ 以下は、weight を指定することで、LinearLayout の中では何が起きるのかについて調べたことのメモです。 今回は、横方向(LinearLayout の orientation が horizontal) の場合で記述します。縦方向についても全く同様なので、縦の場合は width と height を入れ替えて読んでください。 まず、View に指定する weight (android:layout_weight) はどういう意味でしょうか。 この場
これでマスター！ EPUB 3 固定レイアウト
電書ちゃんねるとは 電子書籍のいろんな話題について、会話形式で楽しく考えてみる企画サイトです。入門者向けの内容からマニアックな内容まで気分次第でランダムに掲載します。君も電書ちゃんねるを読んで友達に差をつけよう。 電書ちゃん 大変大変！ 前に固定レイアウトの記事書いたのは4月だったわよね。今はもう7月よ。一体何やってたのよ。 ろす ふええ、5月病を患ったり、膝に矢は受けたり、住民税爆上げに天を仰いだり、と忙しくしてたら夏が来ちゃったよぉ～。 電書ちゃん ああっ、ものすっごくツッコみたいけど時間が惜しいからスルーするわ。さっさとEPUB 3の固定レイアウトの解説進めちゃいなさい。 固定レイアウトメタデータとは ろす 押忍。 これまで話題にしてきたEPUB 3 Fixed-Layout Documentsの中核となっているのは固定レイアウトのページを適切に表示するためのメタデータです。このメタ
Renova
Welcome to the live demo of Renova, a single column layout wordpress theme, with a minimal design for those people who wants semplicity for their blog. This theme is designed to run well on mobile devices like iphone,android and tablets and of course is completely free. Inside you will find all the info about Renova!
コンテンツの概要を好きな高さできっちりピクセル指定できデザインを崩させないjQueryプラグイン「DivGrow」:phpspot開発日誌
コンテンツの概要を好きな高さできっちりピクセル指定できデザインを崩させないjQueryプラグイン「DivGrow」 2010年10月29日- DivGrow jQuery Plugin ? Easily make your DIV containers expandable & collapsable (with animation) HibboBlog コンテンツの概要を好きな高さできっちりピクセル指定できデザインを崩させないjQueryプラグイン「DivGrow」。 ブログの記事の概要なんかを次のように画像の横に表示させるとして、このプラグインを使うことでピッチリと画像の高さをあわせてデザインをスッキリさせることが可能です。 通常こういうことをやろうとすると結構めんどくさいですがjQueryプラグインなので高さを渡してあげるだけで綺麗にそろいます。 で、「Show More」という部分
素晴らしいWebデザインチュートリアル集 – creamu
デザインの幅を広げたい。 そんなときにおすすめなのが、『The Ultimate Collection Of Brilliant Web Design Tutorials』。素晴らしいWebデザインチュートリアル集です。 クオリティーの高いものが揃っていますね。いくつかご紹介します。 Design an Italian Restaurant Web Layout レストランのサイトをデザインするチュートリアル。デフォルトで入っているカスタムシェイプをうまく使う方法など Create a Sleek, High-End Web Design from Scratch 背景のテクスチャやブラシをうまく使った、クールなサイトのデザイン手法 Create a Photo-Realistic Web Layout 木のテクスチャをうまく使ったデザイン Design a Non-Profit Web
Create a Clean and Professional Web Design in Photoshop
Home Blog Web Design Create a Clean and Professional Web Design in Photoshop Create a Clean and Professional Web Design in Photoshop President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided
css-eblog.com - このウェブサイトは販売用です！ - css eblog リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄い:phpspot開発日誌
ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄いです。 普通、高さの違うボックス要素を float とかで並べると次のような、どう見ても見れない崩れたデザインになってしまいます。 が、今回紹介するjQuery Masonry を使うと、次のように、綺麗にテトリスっぽく整列できてしまいます。 ↓↓↓↓↓↓↓↓↓↓ これを実現するのに必要なJavaScript コードは以下のように数行。これで実現可能です。 $('#primary').masonry({ columnWidth: 100, itemSelector: '.box' }); この仕組みを使ってブログ等を表示するともっと面白いことになります。 新聞っぽくなりましたね。 ブラウザ幅を変える事でいろいろな見え方になるのも面白いです。 以下のエントリを参照してください。 jQuery Masonry ? B
とっても使えるoverflowプロパティ。その使い方色々。
光の4戦士を買ったんすが、売り文句通りレトロな感じがしていいですね。 まぁまだ2, 3時間程度しかやってないんで、これからどうなるか分かりませんが時間を見つけてやって行こうかと。 さて、以前からoverflowプロパティは使い勝手が良いというか、使う場面が多いプロパティの一つですが、考えてみると色んな事に使ってるなぁ～と思ったので自分が良く使うのをまとめてみました。 あんまoverflowプロパティを使った事が無い方は、ビックリですよ！ これで、ソコの可愛いアナタもoverflowプロパティの虜になる事間違い無し！！（わかんないけど サンプルとかは以下よりどうぞ。 サンプルサイトを見る サンプルをダウンロード 基本的に、全てoverflow: hidden; の指定を足す事で解決したり実現出来る感じです。 01 clearfixみたいに使う まずは以前の「clearfixを使わないでやるに
ウィンドウサイズを変えるとコンテンツが再配置される可変グリッドレイアウトに関する情報まとめ - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 ウィンドウサイズを変えると コンテンツ（記事等）が再配置される 可変グリッドレイアウトに関する サンプルサイトやWPテーマ、 ライブラリなどの情報のまとめです。 詳しい方には参考にならないっぽいです。 いろいろ意見は分かれそうですが、知っておいて損は無いかなぁと思いますのでメモ。 可変グリッドレイアウトサイト 可変グリッドレイアウトを使用したサイトの例。 D&DEPARTMENT PROJECT ECサイト。綺麗にまとまってます。MT使用。 D&DEPARTMENT PROJECT daily vitamins 暇つぶしが出来るサイト？どういう趣旨か分かりませんが、可変グリッド。WPです。 daily vitamins 小林聡美.jp 小林聡美さんのサイト。凄く見や
CSSでリストを整形するなら覚えておくべき８つのリストデザインサンプル集:phpspot開発日誌
CSSでリストを整形するなら覚えておくべき８つのリストデザインサンプル集。 リストデザインというと、CSSの整形方法によって様々な見せ方が可能ですが、ソースコード＆チュートリアル付きがまとまったエントリが公開されています。 リストデザインの際は、いつも単調になりがち、という方は覚えておくと、ちょっと変わったデザインも作れそうですし、テクニックを駆使してまったく新しいデザインを考えることも出来そう。 それでは以下にそのデザインされたリストのサンプルをご紹介。 1. サイトのナビゲーション風にデザインされたリスト 2. 番号付き＆番号の横に縦のラインがはいった見やすいリスト 3. 矢印画像を使ったリスト 4. iPhoneスタイルのクールなボックスリスト 5. ツリーっぽい形式にできるリストデザイン 6. 複数行にしてテキストっぽく表示できるテキストリスト 7. ワンラインにして、カンマを付与
光源や１ピクのラインや透過を使ったウェブレイアウトのPhotoshopのチュートリアル集
光源やライトやシャドウ、グラデーション、1pxのライン、透過などを巧みに使用したウェブレイアウトのPhotoshopのチュートリアルを紹介します。
今時のデザインのウェブサイトの作り方を丁寧に解説しているPhotoshopのチュートリアル集
透明感のあるものやグランジ風・イラスト風など最近よく見かけるウェブサイトのデザインを一から丁寧に解説しているPhotoshopのチュートリアルを紹介します。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]可変するレイアウト幅の最大値を制限する簡単な方法
BOS138 - Bandar Game Gacor Asia Mode Spin BarBar Ala Big BOS
フリーで使えるプロ顔負けの美麗CSSサイトテンプレート集:phpspot開発日誌
http://www.designwalker.com/2009/04/wireframe-2.html
http://www.designwalker.com/2009/04/photoshop-layout.html