タグ

ブックマーク / qiita.com/Shuny125 (3)

  • 【Tips】意外と知らない?:nth-childで〇番目以降"且つ"偶数・奇数の指定をする小技【CSS】 - Qiita

    li:nth-child(n+3):nth-child(even) { 3番目以降の要素、且つ偶数のスタイル } li:nth-child(n+3):nth-child(odd) { 3番目以降の要素、且つ奇数のスタイル } コードを見て分かる通り、「:nth-child」は連結して使うことが可能なようです。 なので、今回は「〇番目以降の要素、"且つ"奇数の時と偶数の時」という指定をしましたが、 この方法を使えば色々な"且つ"に使えそうですね。 まとめ 「:nth-child」が連結出来るなんて全然知らなかったです...汗 パッと調べた限りではそういった記事を見つけられなかったので、誰かの為になればと思い書いてみました。 そして、昔であれば実現出来ることが少なかったですが、 「連結して書けば良いのでは?」と適当に書いたにも関わらず、思った通りの動きになってしまう便利な時代です(笑)

    【Tips】意外と知らない?:nth-childで〇番目以降"且つ"偶数・奇数の指定をする小技【CSS】 - Qiita
  • 【GAS】バックログの課題情報を取得してスプレッドシートに展開!そして非エンジニアでも使えるように書いてみる! - Qiita

    【GAS】バックログの課題情報を取得してスプレッドシートに展開!そして非エンジニアでも使えるように書いてみる!JavaScriptAPIGoogleAppsScriptGoogleSpreadSheet 概要 社内メンバーより、 「スプレッドシートでタスクの管理をしているけど、APIとか使ってもう少し楽にしたい!」 という要望を受けたので、四苦八苦しながらも頑張って作ってみました。 自分自身も今回、はじめてGASを触ったということあり、 非エンジニアの方にも使ってもらえるように、なるべく分かりやすく書いていこうと思います。 (この手の記事は非エンジニアに優しくないことが多いので…苦笑) ※ただし、「GAS(Google Apps Script)とは」みたいな話はすっ飛ばすので、その辺りはググっていただけるとm(__)m 更新履歴 共通部分の関数化 存在しない課題番号がある場合に処理が止まっ

    【GAS】バックログの課題情報を取得してスプレッドシートに展開!そして非エンジニアでも使えるように書いてみる! - Qiita
    ishimarum
    ishimarum 2017/02/14
  • 【Tips】ただただフォーム最適化をまとめたチートシート的なもの - Qiita

    概要 主に「2016年 - 2017年」の記事から引っ張ってきて、ただただ羅列したものです。 なので、このまとめ自体の最適化が成されてないですが、そこはご容赦ください… ユーザビリティ・アクセシビリティ 分かりやすさ 入力項目は必要最低限にする 項目名は簡潔で短く分かりやすいものにする できる限り入力フィールドの数は最小限にする 一つの項目の入力フィールドを複数に分けない 例:姓名、電話番号、郵便番号など 必須項目は、「*」ではなく「必須」と表示する ラベルやヒント(○文字以上必要です)をplaceholderに設定しない フォーカスした際に消えてしまうため、入力例を入れてあげる程度にする フォーカスした際の入力フィールドのデザインを変える 入力フィールドのサイズは、入力される値に合わせる リアルタイムでチェック出来るバリデーションを実装する エラーメッセージは、上部にすべて表示するのでは

    【Tips】ただただフォーム最適化をまとめたチートシート的なもの - Qiita
    ishimarum
    ishimarum 2017/02/03
  • 1