あっ、そうだ！モダンCSSをまとめておこう
2023年もCSSの進化がすごかったですね！ その進化を2024年でも生かしていけるように、今回まとめておいていつでも参照できるように記事を書こうと思いました。 お読みいただけると幸いです。 一緒に2024年もスタートダッシュで走り抜けましょう。 まず、はじめに この記事では、最近登場した、エキサイティングで、アクロバティックでファンタジックなインパクトのある機能をピックアップして紹介したいと思います。 CSSの多彩な新機能を広く紹介することで、読者がこれらに触れる機会を持てるように努めています。 特に興味を引く機能があれば、他の媒体を通じて更に詳しく掘り下げることをお勧めします。 コンテナクエリ スタイルクエリ :has()セレクタ :nth-child()の「of S」構文 text-wrap: balance initial-letter ダイナミックビューポート単位 広色域のカラー
これで分かった！CSS GridとFlexboxの使い方を習得できるチートシート、ゲームまとめ
この記事では、CSS FlexboxとGridをつかってお好みのレイアウトを作成するコツやポイントをまとめた使い方ガイドやチートシート、ゲームなどをまとめて紹介しています。 ゲーム感覚で新しいCSSプロパティを学習することができたり、記述方法をど忘れしてしまったときなどにも便利で、お好みのレイアウトをオンラインで作成できるツールもあります。覚えようと思ってなかなか手がつかなかったひとも、これならすぐにはじめることができますよ。 CSS Gridの使い方ガイド、チートシート、ゲームまとめ Grid Garden CSS Gridレイアウトプロパティを使うことで、人参に水を与えながら自分の農園を育てていく、ゲーム感覚でGridプロパティを学ぶことができます。ゲームの各レベルでは、ゲーム達成に利用できる他のプロパティについてもサンプル例と一緒に解説されています。 Bonus – CSS Dine
ListViewのデータのbindはこうする2014 - Rejasupoem
基本の割に初心者にとって使うのにハードルが高いview、ListView。 ネット調べると色んなパターンで書かれた例が出てくると思います。 何も知らずにAndroid 1.6とかの時代に書かれたような出どころが不明なサンプルコードをコピペしてうまくいかなくて心が折れるみたいなことを防ぐために、インターネットに出回っているサンプルコードをパターン化して列挙しました。パターン1が一番良くなくて、パターン3あるいはパターン4にするといいと思います。 インターネットで調べててAndroid 1.6とか2系の葬式UIが出てきたら、それは昔に書かれたものでそっと閉じたほうがいいです。 Adapterとは AdapterはviewとDataSourceの橋渡しをするものです。 private void setupListView(List<User> userList) { UserAdapter ad
layout_weightの留意点
layout_weightの留意点 layout_weightは、複数のViewを任意の大きさの割合で配置することができるコマンドであり、とても有益である。このコマンドの留意点は次のとおりである。 絶対の位置では無く、相対的な位置を設定する。このため、物理画面の大きさの違いに関係無く、全てのサイズの画面に対応できる。 横方向で使う場合：layout_widthの値を"0dp"にすること。具体的には次のように書く。android:layout_width="0dp" この値を"fill_parent"にした場合、layout_weightの数値が低いViewが大きく配置される。物好きな人はお試しください。 この値を"wrap_content"にした場合、各Viewの配置割合は不正確になる。 縦方向で使う場合には、(layout_widthを0dpにするのではなく)layout_heightの
iOSのAuto Layout - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに Merry Christmas! 皆さんがこの記事を読んでいるときに、僕が海外にいるかもしれませんが!!! これは ドリコムAdventCalendar の25日目です。最後の日です。 24日目は、@hayato240です 自己紹介 はじめましてタイのサトシです。2013年４月新卒で入社しました。 iOS開発が好きです。趣味は海外旅行と映画を見ることです。 現在は担当しているチームでiOSエンジニアをやっています。 iOSアプリの開発経験は１年未満なので、先輩方々から様々な知識を学んでいます。 iOS開発の中ではいろいろなこと
エンジニア／Webデザイナーでも知っているべき、グラフィックデザインとタイポグラフィの常識
エンジニア／Webデザイナーでも知っているべき、グラフィックデザインとタイポグラフィの常識 1. FontLovers #1 エンジニア／Webデザイナーでも知っているべき、 グラフィックデザインとタイポグラフィの常識 生明 義秀 2. 0.伝わる情報を 表現 するには、なにが必要？ 3. 伝わる情報を 表現 するには、なにが必要？ 1. コンセプト（テーマ、ポリシー） 2. 理論、技法（セオリー、テクニック） 3. ツール（操作方法） 4. 伝わる情報を 表現 するには、なにが必要？ 基本中の基本 グラフィックデザインの4大原則 ＝要素間における相対的な関係性の理論 5. グラフィックデザインの4大原則とは？ 1. 6. ❖ 近接 ❖ 整列 ❖ 反復 ❖ コントラスト グラフィックデザインの4大原則とは？ 7. グラフィックデザインの4大原則とは？ ❖ フィールドに対するアプローチ De
[翻訳] android best practice - Qiita
githubで★を集めてるandroid best practiceが勉強になるなぁと感心しておりまして、 思い切って翻訳していいかどうか問い合わせてみると快諾いただけたので翻訳してみました。 (Eclipse + ADTの話もでてますがそのまま訳してます。) 原文 : https://github.com/futurice/android-best-practices (Qiitaに投稿するついでに本家のリポジトリにもプルリクしてくれって言われてるので少し待てばそちらでも見れると思います。) この場を借りて、@askaさん、添削ありがとうございましたm_ _m 大変助かりました。 Summary Gradleで推奨されるプロジェクト構成で開発しよう パスワードや注意を要するデータはgradle.propertiesに書こう 自分でHTTP Clientは作らず、VolleyやOkHttp
![[翻訳] android best practice - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/be9148e697f55ca56745d012b0e736d83a596059/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCJUU3JUJGJUJCJUU4JUE4JUIzJTVEJTIwYW5kcm9pZCUyMGJlc3QlMjBwcmFjdGljZSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9Mzk4YmMzMmFjNTE1OGFlZjdhYzg2NGNmNDhiYzE3ODU%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBrZ215c2hpbiZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZjdkZWIyMWM3OWE5MDE5MTU2N2E2ZWNiMzRhNGIxZjc%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4gRE1NLmNvbQ%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%2523212121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3D21868507daf67e9d9934a86e13fff954)
デザイナーでもわかるAndroidのレイアウトXML - YULDEV
この投稿はAndroid Adevent Calendar 2014 の7日目の記事です。 Androidアプリがどのような構成でできているか、ご存知ですか。 基本的にはエンジニアリングが必要なのですが、UIのレイアウト部分はアルゴリズムの部分からすこし切り離されています。 そしてそのレイアウト部分はXMLという、HTMLやCSSがわかる方なら少しの学習でも扱うことができる言語で書かれています。 XMLの学習を始めた頃、デザイナー向けにXMLの基礎について書かれた資料が見つけられなくて困ったので、自分用のメモも兼ねて基本的な使い方についてまとめます。 ※デザイナー視点で書いているので、エンジニアにとっては物足りないものになっているかと思います。 Androidアプリの構造 Androidアプリはたくさんのディレクトリ(フォルダ)とファイルから構成されています。ですがデザインを編集していく場
iOS 8のPhotoKitの概要＆Xcode 6.1／Storyboard／Auto Layout／iOSシミュレーターの基本的な使い方
連載目次 前回の記事「開発者が知っておきたいiOS 8の新機能＆Xcode 6のインストールと基本的な使い方」では、iOS 8を簡単に紹介し、iOSアプリ開発を始めるための環境構築について説明しました。今回から、iOS 8の新機能を使ったアプリの開発を進めていきます。 前回、本連載で開発していくアプリに盛り込むものとして以下の項目を挙げました。 Xcode 6のセットアップ・使い方・機能を解説 Swiftを使用 iOS 8で追加された新機能を使用 iPhone 4s／5s／6／6 Plusの画面サイズに対応 「iOS 8で追加された新機能」についてですが、本連載では「PhotoKit」の機能を使用したアプリを開発します。「PhotoKit」は、iOS標準の「写真」アプリで使用されているAPIが解放されたもので、「写真」アプリ並みの機能を持ったアプリを開発できます。 iOS 8のPhotoK
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Auto LayoutとSize Classesで謎の-16ptの記事を読んでもわからない人向けの説明 - Qiita
前振り Auto LayoutとSize Classesを有効にしたStoryboardにて、画面いっぱいのUIImageViewを作ろうとした際、UIViewControllerのviewにaddしているUIImageViewの制約を設定しようとすると左右-16ptがデフォルトで設定されてしまいました。 この-16ptを素直に設定しても見た目がおかしくなるわけではないし、0ptにする方法もあるんだけどなぜデフォルトで-16ptが必要なのかを調べたメモです。 謎の16ptについて説明されている記事 この文章で説明することは、下記のページで説明されているのでそれらを読んで分かるなら問題ないと思います。 SizeClassesとXcode6でのAutoLayoutの謎マージン http://qiita.com/uskiita/items/c643f5868f60b496911e What is
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - alibaba/Tangram-Android: Tangram is a modular UI solution for building native page dynamically including Tangram for Android, Tangram for iOS and even backend CMS. This project provides the sdk on Android.
GitHub - alibaba/Tangram-iOS: Tangram is a modular UI solution for building native page dynamically, including Tangram for Android, Tangram for iOS and even backend CMS. This project provides the sdk on iOS platform.
GitHub - freshOS/Stevia: :leaves: Concise Autolayout code
GitHub - Narfss/ParallaxEverywhere: Parallax everywhere is a library with alternative android widgets with parallax effects.
GitHub - yanzm/MaterialTabHost: TabHost along with the specifications of the Material design
GitHub - jpardogo/PagerSlidingTabStrip: An interactive indicator to navigate between the different pages of a ViewPager
สล็อตเว็บตรง ฝากถอนไม่มีขั้นต่ำ เว็บตรงสล็อต ใหม่ล่าสุด แตกง่าย 100%
GitHub - pedrovgs/EffectiveAndroidUI: Sample project created to show some of the best Android practices to work in the Android UI Layer. The UI layer of this project has been implemented using MVP or MVVM (without binding engine) to show how this patterns
Use existing JS framework, not roll-your-own · Issue #15 · jakearchibald/tweetdeck-prototype
