Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
There's unquestionably an advantage to being the home team, and in Apple Music's case that means coming preloaded on future iPhones while rivals like Spotify are stuck in the App Store. Apple's new streaming platform comes relatively late to the game – though, with Beats Music already under the Cupertino umbrella, it's been at least a stepparent to a streaming service for some time now – and, whil
フロントエンド周りの技術は驚異的なスピードで進化し、また多様化しています。それらを全てマスターするのは途方もなく大変なので、ペパボでは、社内のエンジニア・デザイナが「最低限これだけはおさえておこう」というスタンダードを文書化することにいたしました。社内向けを想定した文書ではありますが、社内のみに留めず多くの方に役立てたいと考えたため公開します。 スタイルシートの夢 (1) 予測しやすい (2) 再利用しやすい (3) 保守しやすい (4) 拡張しやすい 代表的な CSS 設計手法 既存プロジェクトの CSS に立ち向かう! (0) 流れ (1) 既存の CSS ファイルを元に SCSS ファイルに変換する (2) イニシャライズ CSS や共通の箇所のスタイルを分離する (3) CSSLint を使って、修正しやすいところから整理していく (4) コンパイル (5) スタイルのスコープ(あ
更新日: 2017年09月26日公開日: 2015年06月10日プロ御用達!WEBデザインに役立つデザインツール13選 忙しい web デザイナーの方、web デザイン勉強中の方、CSS やプログラミングからチョット目を離してデザインツールを見直してみませんか? 今までやっていた作業、可視化に時間のかかっていた作業を劇的に変えてくれるツールがたくさん存在します。チョット作業の手を止めて、以下のツールを覗いてみてください。きっとこれからのあなたの web デザインを快適にしてくれますよ! WEBデザインに役立つデザインツール 13選プロ顔負けのデザインツール「webflow」 webflow 対応 / Mac、Windows 価格 / 無料 ~ $84 /月 表示言語 / English Free トライアル / 有 デザインには自信があるけれど、実はプログラミングはチョット苦手、という方に
View in English WWDC24 WWDC24 Special Events WWDC24 Special Events 104:04 Keynote WWDC24 104:04 Keynote (ASL) WWDC24 66:31 Platforms State of the Union WWDC24 66:31 Platforms State of the Union (ASL) WWDC24 2:43 18 things from WWDC24 WWDC24 More videos View the WWDC23 collection View the WWDC22 collection View the WWDC21 collection View the WWDC20 collection View the WWDC19 collection View the WWD
どうもこんにちは。Google I/O 2015 帰りの 英単語サプリ 担当 田澤です。 Material Designを実現するためのAndroid Design Support Libraryが発表されました。 これまではサードパーティーのライブラリを利用するか、独自実装してMaterial Design対応をする必要がありましたが、ついに公式でサポートされるようになりました。サポートOSバージョンはAndroid 2.1 以上となっています。 そこで、本記事ではAndroid Design Support Libraryで追加されたコンポーネントと使い方を紹介します。 また、各コンポーネントに関するDesign Guidelineのリンクも用意しているのでご参照ください。 なお、ここで紹介しているコードは Github - android-SampleDesignSupportLib
こんにちは。LIGでデザイナーをしています、マチルダです。 以前、「UIデザインが捗る!Prottでスマホサイトのプロトタイプを作成しよう」という記事で、簡単ですばやくプロトタイプを作成できるツール「Prott(プロット)」の使い方をご紹介しました。 今回は、そんな「Prott」にワイヤーフレーム作成機能が追加され、巷ではかなり話題となっていたので、早速レポートをします^^ ※ワイヤーフレーム作成機能は有料プランPro・Team・Enterpriseプランでの提供です。新規アカウント登録から30日間は無料で使用できるので、ぜひお試しを^^ 「Prott(プロット)」とは? https://prottapp.com/ja/ 「Prott(プロット)」はUIデザインで有名な株式会社グッドパッチさんがリリースしているプロトタイピングツールです。 ワイヤーフレーム作成機能とは? パーツをドラッグア
【追記】SFSafariViewControllerが出た当初は本記事のようにほぼカスタマイズ性が無かったですが、元々のコンセプトはブレない範囲で少しずつカスタマイズ性が提供されています。 こちらなどご覧ください: What's New in Safari View Controller - WWDC 2017 - Videos - Apple Developer 以下、iOS 9 SDK時点での SFSafariViewController についてです。 UIWebView・iOS 8で追加されたWKWebViewに加えて、iOS 9ではSFSafariViewController というものが追加されました。 手軽なAPIなので、今作っているPlayer!にもちょちょいと組み込めそうです( ´・‿・`) ※ 本記事は Apple による公開ドキュメントを元に構成しています SFSaf
シンプルな実装で、画像のキャプションを美しいグラデーションのパネルにアニメーションで表示するシンプルなホバーエフェクトを紹介します。 イラストは、以前紹介した「Girls Design Materials」です。 生き生きとした表情やしぐさが魅力たっぷりなガーリー素材 実装 Step 1: HTML 画像とキャプション(見出しとテキスト)をセットに、a要素で括り、全体をdiv要素で内包します。 <div class="tiles"> <a href="#" class="tile"><img src="image.jpg"/><div class="details"><span class="title">見出し</span><span class="info">テキスト</span></div></a> <a href="#" class="tile"><img src="image.j
S3バケットの使用量を監視するnagiosプラグインをpythonで書きました。 pythonでnagiosプラグインを作成する時にとても便利な、pynagモジュールを利用しております。 ■事前準備(モジュールインストール) # yum install python-boto # yum install pynag # yum install python-yaml ■ソースコード check_s3size.py #!/usr/bin/env python import boto,os,yaml from pynag.Plugins import simple as Plugin np = Plugin() np.add_arg("f","key-file", "Enter a aws cridential key file", required=None) np.add_arg("b",
先日、電池切れを起こした電池に取り付けるだけで8倍長く使えるようになるという魔法のようなバッテリーケース「Batteriser」が発表され、世界中のメディアがこぞって画期的なハードウェアだと驚きをもって取り上げました。しかし、Batteriserが本当に8倍もバッテリー寿命を延ばすことができるのかについて、その性能を疑問視する見解がさっそく現れています。 The Batteriser Explained | EEVblog - The Electronics Engineering Video Blog http://www.eevblog.com/2015/06/07/the-batteriser-explained/ そもそも多くの人に衝撃を与えた「Batteriser」がどんなツールなのかは以下のムービーを見れば一発で理解できます。 Meet Batteriser - vimeo こ
Eiko先生がエクササイズ用のマットに座るシーンから動画は始まります。実際にやる際も、布団やヨガマットなど適度な柔らかさのあるところがいいそう。 前半は、脚の付け根を伸ばす基本的なストレッチを2種類紹介しています。息を吐きながら「痛気持ちいい」くらいの感覚で伸ばすのがポイント。 ストレッチ1 1:立ったまま両脚を開き、膝を90度曲げる 2:両手を膝の上に置き、肘を伸ばして手で脚を広げる(どうしても痛い人は腕が曲がってしまってもOK) 3:体を縦にゆする 4:右肩を内側に入れる 5:左肩も同様に内側に入れる 6:体を正面に戻し、体を左右にゆする ストレッチ2 1:左脚を曲げて腰を落とす 2:右脚を伸ばして、膝とつま先を天井に向ける(左足の膝は外側に向けるように意識してください) 3:手をついて、右脚の付け根を伸ばすように体を縦にゆする (ここであまり痛くない人はこのままお尻を床につけて、持ち
数学 - 統計 - JavaScript - D3.js - 情報を見える化する(ヒストグラム)
swiftでNavigationControllerの戻るボタンを画像にする方法をメモ。 1.UINavigationControllerを継承したサブクラスを作成するclass MyNavigationController: UINavigationController, UINavigationControllerDelegate { override func viewDidLoad() { super.viewDidLoad() self.delegate = self; // delegateセット } // MARK: UINavigationControllerDelegate func navigationController(navigationController: UINavigationController, willShowViewController viewC
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く