タグ

2017年8月25日のブックマーク (6件)

  • InoreaderでLDRの購読体験を再現する方法 : akiyan.com

    InoreaderでLDRの購読体験を再現する方法 2017-07-31 フィードリーダーの老舗である Live Dwango Reader (旧 Livedoor Reader) が2017年8月31日をもって終了する(【Live Dwango Reader/LDR Pocketサービス終了のお知らせ|LDR / LDRポケット 開発日誌)ということで、乗り換え先として Inoreader を選んでみたところ、Inoreader のルック&フィールがLDRにかなり近く、細かい設定を変えればLDRを再現とは言えないまでも「購読体験」としてはかなり近いところまで行けました。その設定を紹介します。 目次 1 購読体験再現1 フィード単位で読む「グループ化/フィードごと」2 購読体験再現2 連続して記事全体が見える「展開ビュー」3 購読体験再現3 余計なアニメーションは排除「オートスクロールを『

    InoreaderでLDRの購読体験を再現する方法 : akiyan.com
  • Lightroom、Photoshopでも使える!高機能 Nik プラグインで簡単風景RAW現像テクニック | ヒーコ | あたらしい写真の楽しみを発見し、発信する。

    Lightroom、Photoshopでも使える!高機能 Nik プラグインで簡単風景RAW現像テクニック はじめに こんにちは。朱門@shumonphotoです。 今回はプロも愛用しているNik Collectionを使用したRAW現像方法について説明します! Nik Collection Nik Collectionとは? 従来はLightroomやPhotoshopの機能を駆使して行っていた、高品位な写真の現像処理を簡単に行うことが出来るツール群です。 全部で7つのツールが含まれていますが、特にColor Efex, Silver Efex, Dfineはプロでも使用している人が多いようです。 価格は? Nik Collectionが登場した当初は有料ソフトウェアだったのですが(私も購入しました)、GoogleにNik社が買収された後、2016年3月に無料化されました。 素晴らしいこ

    Lightroom、Photoshopでも使える!高機能 Nik プラグインで簡単風景RAW現像テクニック | ヒーコ | あたらしい写真の楽しみを発見し、発信する。
  • UI改善にキラリと役立つ! SVGアニメーションの作り方まとめ - ICS MEDIA

    SVGアニメーションを用いると、さまざまなサイズのディスプレイで印象的なマイクロインタラクションを実現できます。マイクロインタラクションの導入によってUI改善に役立てているケースもあるでしょう(参考「SVGで始めるマイクロインタラクション入門」)。SVGでアニメーションを実装するには、CSSを使う方法、JavaScriptを使う方法、動画作成ソフトを使う方法等、さまざまなアプローチがあります。 今回は、コーダー、フロントエンドエンジニア、デザイナーの分野別のSVGアニメーションのアプローチ方法を挙げ、その特徴と具体的な実装方法について紹介します。 CSSSVGアニメーションを実現する方法(コーダー向け) コーダーにオススメするSVGアニメーション実現方法の1つは、CSSプロパティを使う方法です。 SVGCSSプロパティによってグラフィックの形状を変更できます。たとえば、次のコードでは、

    UI改善にキラリと役立つ! SVGアニメーションの作り方まとめ - ICS MEDIA
    chocobit
    chocobit 2017/08/25
  • 宣言ブロックのCSS設計 - kojika17

    語で「CSS設計」を検索すると、記事やつぶやきなどでセレクタの命名規則に関する話題が多いです。 CSSを設計する上で、命名規則は重要な要素でしょう。 簡単なセレクタ名だと他のスタイルと重複する可能性もあります。他のスタイルと重複しないようにセレクタの子孫数を増やしてしまうと、今度はスタイルの取り回しが悪くなります。 またデザインをコンポーネントに分ける粒度について紹介されていますが、命名規則の分け方のように紹介されているよう感じます。 論理的に構造をわけて命名していくため、覚えやすく、伝えやすさもあわさって、現在の「CSS設計 = 命名規則」のような構図ができあがったと感じています。 CSS設計は命名規則だけか 命名規則CSS設計において、重要な要素です。 しかしCSS命名規則させ気を付ければ良い、というものではありません。 私は、すでにあるサイトの一部のコンテンツの作成やすでに用

    宣言ブロックのCSS設計 - kojika17
    chocobit
    chocobit 2017/08/25
  • かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技

    2015年3月18日 CSS 2011年に「少しのコードで実装可能な20のjQuery小技集」という記事で数々の便利な制作技を紹介したのですが、時は流れ、今ではCSSのみで表現できるものが多くなってきました。という事で今回はその記事内で紹介した技を中心に、かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる小技を紹介します。 ↑私が10年以上利用している会計ソフト! 目次 Div全体をクリックできるようにする テーブルの偶数・奇数の行の色を変える フォームにテキストを入れておき、フォーカスで消す(文字色も変更) ラジオボタンとチェックボックスを装飾する スライドパネル アコーディオン ツールチップ 言語によってスタイルを変更 横並びのdivの高さ揃える ボックスを上下左右中央に配置する それでは実際にどんな事ができるのか見てみましょう!サンプルも作ったのでコードと

    かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技
    chocobit
    chocobit 2017/08/25
  • 今日から使える文章校正テクニック | DevelopersIO

    渡辺です。 昨日のエントリーが結構反響大きめだったので、第二弾です。 文章校正をしていてよくあるパターンを幾つか抽出してみました。 ただし、前回紹介しているパターンは除外していますので、あわせて確認ください。 重複を減らす 文章校正の基礎は 重複を減らす ことです。 次の文章を見てみましょう。 AWSを使い慣れている人にとっては簡単な作業ですが、使い慣れていないと戸惑う所も多いところです。 この文章がくどく感じる理由は、「使い慣れている」が重複していることです。 前後関係もありますが「ところ」がなにを指しているのかも曖昧ですね。 後半の「使い慣れている」を削除し、バランスを取るために作業を後ろに移動しました。 さらに、前の文章を受けるため、「これは」を追加します。 これは、AWSを使い慣れている人にとっては簡単ですが、そうでないと戸惑う作業です。 スッキリしました。 しかし、「慣れていると

    今日から使える文章校正テクニック | DevelopersIO