[M]HTML・CSS・JSなどのコードを公開・共有できる「CODEPEN」がスタイリッシュでカッコイイ！ | miMemo(ミメモ)
実際にソースをブログ等に貼り付けるとこんな感じ See the Pen orBnI by miu (@miu0512) on CodePen. ライセンスについてはこちらに記載されています What License Is Code I Post to CodePen? | CodePen Blog 登録は簡単！無料プランと有料プランがあります。 GitHubのアカウントでもOKです！ 「CodePen」にアクセスして、名前・メールアドレス・ユーザーネーム・パスワードを入力すれば新規登録が完了します。Usernameに入力したものが、自分のマイページのURLになります。 作り方も簡単！ソースを入力して「Save」を押すだけでOK HTMLとCSSにソースを打っていくと・・・ ちゃんとプレビューで表示されるようになります SassやLessも使えますよ！ 以下の様なメタ言語も対応しているようで
![[M]HTML・CSS・JSなどのコードを公開・共有できる「CODEPEN」がスタイリッシュでカッコイイ！ | miMemo(ミメモ)](https://cdn-ak-scissors.b.st-hatena.com/image/square/1980b8f86e19848db9ebea8d1c5ac62c5be40d0b/height=288;version=1;width=512/https%3A%2F%2Fweb-mimemo.com%2Fwp-content%2Fuploads%2F2014%2F02%2Fcodepensum.png)
[JS]スムーズなアニメーションで横スクロールコンテンツを作成するスクリプト -X-Rhyme.js
水平方向に長いコンテンツをスムーズなアニメーションで横スクロールさせるjQueryのプラグインを紹介します。 X-Rhyme.js [ad#ad-2] デモページが少し分かりにくいのですが、左に配置された四つの矩形がナビゲーションで、そこをクリックすると、コンテンツを横スクロールで表示します。 デモページ：「Work」をクリックしたキャプチャ 横スクロールの操作は、マウスホイールにも対応しています。 JavaSciprt スクリプトのオプションでは、ナビゲーションのセレクタ、スクロール時のスピード・アニメーションを変更することができます。 $('.horizontal_items_container').xrhyme({ navigationSelector : '.anchor a', anchorMode : true, wheelSpeed : 0.7, animationTime
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
