SaoriMiyazaki

## clip-path-使ってみた.markdown

      
              3 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                SaoriMiyazaki
                / clip-path-使ってみた.markdown
            
            
              Created Oct 29, 2014
            
              
                A Pen by Saomocari.
              
          
      View clip-path-使ってみた.markdown
  
    
    clip-path 使ってみた
A Pen by Saomocari on CodePen.
License.

  
## gist:b5bb2a732fa48fdf3b7d
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>レスポンシブギャラリーデモ｜memocarilog</title>
<link rel="stylesheet" href="../demo_style.css" media="screen, projection, print">
<style type="text/css">

## sample2_caption.html
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>レスポンシブギャラリー（キャプション付き）デモ｜memocarilog</title>
<link rel="stylesheet" href="../demo_style.css" media="screen, projection, print">
<style type="text/css">

## sample3_yoko_layout.html
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>レスポンシブギャラリー（キャプション付き）デモ｜memocarilog</title>
<link rel="stylesheet" href="../demo_style.css" media="screen, projection, print">
<style type="text/css">

## change-responsive-sample
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>ギャラリーをレスポンシブ対応にするサンプルデモ｜memocarilog demo</title>
<link type="text/css" rel="stylesheet" href="rhinoslider.css" />

## レスポンシブギャラリー複数設置 demo｜memocarilog
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>レスポンシブギャラリーデモ｜memocarilog</title>
<link rel="stylesheet" href="../demo_style.css" media="screen, projection, print">
<style type="text/css">

## PHPの空のテスト
<section>
  <h2>1. '' 空の結果</h2>
  <table>
    <tr>
      <th>$var値</th>
      <th>isset</th>
      <th>empty</th>
      <th>is_null</th>
    </tr>
    <tr>

## 高さが変わるように：サンプルデモ - レスポンシブギャラリーデモ
<!DOCTYPE html>
<html lang="ja">
<head>
    <title>サンプルデモ - レスポンシブギャラリーデモ</title>
    <meta charset="utf-8">
    <link href="../css/style.css" rel="stylesheet">
    <link href="demo.css" rel="stylesheet">
    <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
    <script>
        var options = {