プロのデザイナーが実践している、最近のWebデザインで見かけるカラーを効果的に使ったテクニックのまとめ
カラーはあらゆるデザインにおいて、非常に重要な要素の一つです。 プロのデザイナーはWebサイトやアプリで、さまざまなテクニックを用いています。 カラーのコントラスト、類似性、使用比率で、フォーカスポイントを作成したり、階層をつくりだすこともできます。最近のWebデザインで使われているカラーを効果的に用いたテクニックを紹介します。 5 techniques for fine-tuning UX with color 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 01. カラーの使用比率でフォーカスポイントを作成 02. カラーのコントラストで注意を引きつける 03. カラーを使用してUXのパターンを作成 04. カラーを使用して階層を作成 05. カラーの類似性を使ったテクニック まとめ 01. カラーの使用比率でフォーカスポイ
新はてなブックマークボタン公開！ ボタンを押して、Tシャツ＆ステッカーが当たるキャンペーンに参加しよう - はてなブックマーク開発ブログ
※ キャンペーンは終了しました。たくさんのご応募ありがとうございました 先日お伝えした通り、本日から新しいはてなブックマークボタンをご利用いただけるようになりました！ はてなブックマークボタンはこれまで種類の選択肢が少なく、かつモバイルページでは扱いづらいデザインでした。今回、種類とサイズの柔軟な変更に対応し、スマートフォンでも見やすく使いやすいデザインになりました。 以下のガイドページから、お好きなデザインにカスタマイズしてご利用ください。 ▽ はてなブックマークボタンの作成・設置について - はてなブックマーク ※ 現在すでにページに設置しているタグの貼り替えなどは不要です 新しいボタンを押して、Tシャツとステッカーを当てよう！ このリニューアルを記念して、非売品の「はてなブックマークTシャツ」と今回新たに制作した「はてなブックマークボタンステッカー」をセットにして2名様に、さらに「は
Spring + Railsによるサービス分割の取り組み
はじめまして、ビューティ開発Tの寺下です。 現在ホットペッパービューティーでは、一部システムのリプレイスに取り組んでいます。 リプレイスはiOS・Android・Webと、各プラットフォームでそれぞれ並行して進めている状況です。 今回は私のチームが担当している、Web開発に焦点をしぼって書いていきたいと思います。 なお、iOS・Androidのリプレイスの取り組みにつきましては、 Wantedly にて紹介していますので、ネイティブアプリにご興味のある方はそちらをご参照下さい。 リプレイスに至った背景 ホットペッパービューティーは、サービス全体で年間5000万件以上のネット予約が行われるなど、 多くのユーザの方にご愛用していただいています。 サービス内容・品質の改善のため、日々機能開発を行っているのですが、 長年の運用・改修により、少なからず技術的負債が蓄積しており、 機能追加開発速度とビ
Polyfill のあり方と Web の進化と協調するためのガイドライン | blog.jxck.io
Intro W3C の TAG から、主にブラウザ API の Polyfill に関するドキュメントが公開された。 Polyfills and the evolution of the Web Polyfill は便利な一方で、時として標準化の妨げになってしまう場合があるため、それを避けるために、 Polyfill 実装者、利用者、仕様策定者などが、どう振る舞うべきかという趣旨である。 今回はこの内容を元に、 Web の進化と協調する Polyfill のあり方について、主に「実装者」がどうすべきかに着目し記す。 Web における Breaking Change Breaking Change は、簡単に言えば 後方互換を失うことで既存のものが壊れる可能性がある変更 のことを表す。 そして、 Web における Breaking Change (Break the Web)、具体的には W
docker で全自動 Let's encrypt - Qiita
https-portal があまり知られてないようなので紹介記事だけ書いとく。 https://github.com/SteveLTN/https-portal あなたがすでにhttpで動作するサービスのdockerコンテナを持ってるなら、こいつを docker-compose に加えるだけで https 対応は完了。 え？ 加えるだけで完了。 まじです。 https-portal は何をするものか 基本的には https のリクエストを受け取り、他のコンテナの http へ転送するリバースプロキシとして動作する nginx である。 ところで https を提供するには証明書の取得、設定などが必要だが、こいつはそれを全自動でやってくれる。 え？ 証明書の取得、設定を全自動でやってくれる。 まじです。 期間延長も自動でやってくれるらしい。 まあとにかく便利なので、 Let's encryp
GCPUG Shonan GAS & GAE
10. アジェンダ 1. 今日のゴール 2. 私とGAEとGAS 3. GASとは 4. GAEとGASの連携 5. 別の連携 6. 時間があったらｵﾚｵﾚGAEのTips 11. 今日のゴール • GASを知らない人 – GASをとりあえず知る – 帰ったら触る • GAEを知らない人 – GASをとりあえず知る – 帰ったら触る • どっちも知ってる人 – 連携する利点を知る • もう連携してる人 – 違う解を知る ゴール 私と GAS 連携 別 その他 13. 私とGAE • GAEとは2009年07月ゴロから –GAE/Pが2008年4月(preview) –GAE/Jが2009年4月 • 言語とフレームワークとなんか色々 – Java -> サーバ構築 -> テスター & VBA -> C(CGI) -> SAStruts+Maven+Jenkins -> GAE -> GWT
Announcing the new Visual Studio for Mac - Visual Studio Blog
Building new functionality, writing unit tests, and learning new technologies has never been easier or more fun. At this morning’s Connect(); 2016 keynote, Nat Friedman and James Montemagno introduced Visual Studio for Mac, the newest member of the Visual Studio family.Visual Studio for Mac is a developer environment optimized for building mobile and cloud apps with Xamarin and .NET. It is a one-s
Xamarin.Forms入門のPDF作りました(Prismもあるよ) - かずきのBlog@hatena
SlideShareでログインしてダウンロードできるようにしています。是非ダウンロードしてみてください！200ページちょっとあります。 Xamarin.forms入門 from 一希 大田 www.slideshare.net 目次 1 はじめに 1.1 ターゲットプラットフォーム 1.2 Xamarin.Formsとは 2 Hello world 2.1.1 実行して動作確認 3 XAML 3.1 XAMLとC#のコードの対比 3.1.1 XAMLの基本 3.2 XAMLの応用 3.2.1 添付プロパティ 3.2.2 マークアップ拡張 3.2.3 StaticResource 3.2.4 x:Static 3.2.5 TypeConverter 3.2.6 データバインディング 4 Xamarin.Formsのコントロール 4.1 BindableObject 4.1.1 バインダブルプ
Project Blue Monkey のご紹介 - Xamarin 日本語情報
こんにちは。エクセルソフトの田淵です。 本エントリーは Xamarin Advent Calendar 2016 (その１) 2日目のエントリーです。明日の担当は itoshinji - Qiita さんです。よろしくお願いいたします。 さて、2日目の今日は、JXUG が主体となり進めている Xamarin.Forms の OSS プロジェクト Project Blue Monkey をご紹介します。 本エントリーはプロジェクトの状況に合わせて少しずつ加筆修正していく予定です。 Project Blue Monkey ってなに？ 「Xamarin ってどんなもんじゃい」「実際業務で使えんの？」的な実績や、MVVM でどう構築するのか？の指標として、ある程度形になったサンプルを作ろうと、インフラジスティックス・ジャパン様からコミュニティにお話しをいただき、我々 JXUG と、日本マイクロソフ
ブロックチェーンの仕組みと動向（入門編）
RIKEN, Medical Sciences Innovation Hub Program (MIH)•33.9K views
docker 1.13 の secrets を試す
サーバー3台を起動 #いつものように DigitalOcean で Docker 1.13 on Ubuntu 16.04 のサーバーを3台立ち上げます $ doctl compute droplet ls ID Name Public IPv4 Public IPv6 Memory VCPUs Disk Region Image Status Tags 39553388 docker1 128.199.166.69 2048 2 40 sgp1 Ubuntu Docker 1.13.0 on 16.04 active 39553389 docker2 128.199.166.74 2048 2 40 sgp1 Ubuntu Docker 1.13.0 on 16.04 active 39553390 docker3 128.199.166.111 2048 2 40 sgp1 Ubunt
運用監視クラウドサービスのDatadog、アプリケーション監視の「Datadog APM」を正式リリース。インフラ、ミドルウェア、アプリをまとめてクラウドで監視可能に
運用監視クラウドサービスのDatadog、アプリケーション監視の「Datadog APM」を正式リリース。インフラ、ミドルウェア、アプリをまとめてクラウドで監視可能に クラウドサービスとしてITシステムの運用監視を提供しているDatadogは、これまでのインフラ、ミドルウェアの監視サービスに加えて、アプリケーションの監視サービス「Datadog APM」の正式リリースを発表しました。 Datadogは1つの監視サービスと1つのエージェントでインフラからアプリまでまとめてモニタリングできるようになったわけです。 モニタリング対象となるのは、Python、Go、Rubyで書かれたアプリケーション。エージェントがこれらのアプリケーションや代表的なフレームワークを検知し、エラーの発生状況やレイテンシ、スループット、パフォーマンスなどのデータを収集し、クラウド上のサービスとしてリアルタイムにグラフ化
デブサミ2017「グランブルーファンタジーを支えるインフラの技術」講演メモ #devsumi - 元RX-7乗りの適当な日々
CAを離れて1年半。最近はどんな感じか知りたかったので聞いてきました。面白かったです。 グランブルーファンタジーを支えるインフラの技術 (株)Cygames 佐藤太志 氏 グランブルーファンタジーについて 特徴 スマホのRPG ブラウザゲーム 協力プレイ、マルチプレイ システム規模 登録ユーザ数1400万人 月間300億PV 100万query/sec 8万req/sec トラフィック12Gbps (CDN除く) システム構成 LBはBIG-IP CDNはAkamai HTTP/WebSocketがフロントインターフェース Web: Apache + mod_php + mysqli Node: Node.js + twemproxy DB: MySQL + MHA オンプレミス、仮想化環境は使っていない ネットワーク通信量が非常に多い 低レイテンシを求められている ハイパフォーマンスを実
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - pH7Software/pH7-Social-Dating-CMS: 😻 pH7Builder (formerly pH7CMS) is a Professional & Open Source Social Dating CMS written in PHP 8 🚀 This Social Dating Script aims to be low resource-intensive, powerful and secure. pH7Builder includes over 40
GitHub - jonstokes/stretched.io: a JSON/Ruby web scraping PaaS