2015年9月1日のブックマーク (2件)

  • [JS]レスポンシブ対応の使いやすいスライダーを探している人にオススメのスクリプト -wallop

    アニメーションは他にも、slide, fade, rotateなどが利用できます。 wallopの使い方 Step 1: 外部ファイル 当スタイルシートとスクリプトを外部ファイルとして記述します。 <head> <link rel="stylesheet" href="path/to/wallop.css"> </head> <body> ... コンテンツ ... <script src="path/to/Wallop.min.js"></script> </body> アニメーション(scale, foldなど)を利用する時は、アニメーション用のCSSを加えます。 <head> <link rel="stylesheet" href="path/to/wallop.css"> <link rel="stylesheet" href="path/to/wallop-animation.c

    [JS]レスポンシブ対応の使いやすいスライダーを探している人にオススメのスクリプト -wallop
    z1a2nh
    z1a2nh 2015/09/01
    レスポンシブ対応の使いやすいスライダーを探している人にオススメのスクリプト -wallop
  • ちょっとした手間で、デザインをちょっとよく見せる小ネタのまとめ

    よいデザインとは、ちょっとしたことを積み重ねていくことが大切。 Webデザイン、カラー、PhotoshopやIllustratorなどのテクニックを磨く、デザインをちょっとよく見せる小ネタをDribbbleから紹介します。 画像: Girly Drop 複数のカラーから調和のとれたカラーパレットを作成 角丸パネルを重ねる時、それぞれの角丸をバランスよくする 円をよりくっきり見せる 滑らかなベジェ曲線を描く エレメントをくっきり美しく 斜めの線を使った小さいアイコンを作るこつ レイヤーパネルの設定をカスタマイズ 「ベベルとエンボス」より「シャドウ(内側)」がいい場合 曲線と直線を美しく手描きするこつ 複数のカラーから調和のとれたカラーパレットを作成 広範囲のコントラストをもつ複数のカラーから調和のとれたカラーパレットを作成します。

    ちょっとした手間で、デザインをちょっとよく見せる小ネタのまとめ
    z1a2nh
    z1a2nh 2015/09/01
    ちょっとした手間で、デザインをちょっとよく見せる小ネタのまとめ