The document discusses various coding elements, including CSS styles for button animations, jQuery plugin integration, and a function to add query variables in WordPress. It suggests specific techniques for transforming elements and implementing video backgrounds. The content appears to be a mix of coding examples and references to a website, possibly for instructional purposes.

1. COWBELL Corporation

2. •
•
•
•

6. COWBELL Corporation

7. COWBELL Corporation

9. COWBELL Corporation

11. •
•
•
•

12. COWBELL Corporation

13. COWBELL Corporation

17. COWBELL Corporation

20. COWBELL Corporation

23. •
•
•
•

27. /WordPress¥s*(.*)/i
/<link
rel=("|')stylesheet("|')
[^>]+wp-content/i

29. •
•
•
•
•

30. COWBELL Corporation

32. •
•
•
•
Screencast file

34. hover.css を読み込んだ上で、
ボタン等の要素にクラス値を追記
<a class="button hvr-foo"
href="bar.html"></a>

35. COWBELL Corporation

37. •
•
•
•
Screencast file

38. 回転する角度を設定
transform: rotate(-45deg);
回転の起点を設定
transform-origin: left top;

40. <p id="myText">foo</p>
<script>
var text = new
ShuffleText(document.getElementByI
d("myText")); text.start();
</script>

41. COWBELL Corporation

43. •
•
•
•
Screencast file

45. jQueryとプラグインを読み込み
ラッピング要素にメソッドを適用
$('#wrapper').tubular({vide
oId: 'aIQRhzW5pjE'});

46. COWBELL Corporation

48. •
•
•
•
Screencast file

49. http://loveinq.com/member-
detail?ename=Amano%20Natsu

51. function
add_query_vars_filter( $vars ){
$vars[] = "ename";
return $vars;
}
add_filter( 'query_vars',
'add_query_vars_filter' );

52. COWBELL Corporation

54. •
•
•
•
Screencast file

58. COWBELL Corporation

62. COWBELL Corporation

63. photo by Paul Wilkinson (CC BY)

64. COWBELL Corporation