HomeYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
緩急をともなったイージングのアニメーションをCSSやJSで実装する時のスニペットのまとめ -Easing Functions
にょい～ん、ぐい～んなどの緩急をともなったアニメーションを実装するCSSやJavaScriptのスニペットをまとめたEasing Functionsを紹介します。 Easing Functions Cheat Sheet Easing Functions -GitHub イージングのアニメーションの動きを確認 イージングのアニメーションの種類 イージングのアニメーションの実装 イージングのアニメーションの動きを確認 イージングとは動きに加速や減速を加え等速で動くのとは違ったエフェクトを与えるもので、最初ゆっくりでだんだん早くしたり、床にバウンドするような動きを与えます。 登録されているイージングのアニメーションの動きは、それぞれのグラフをホバーするとレッドのアローがその動きをします。
Minimus: The OS X JavaScript and CSS Minifier
Minimus is a GUI frontend for Yahoo’s YUI Compressor. Instead of using inconvenient and slow websites to compress your JavaScript and CSS, you can do it right on your Mac. Add files to the queue by dropping them on the Dock icon (or by using the File menu) and press the Minify button to start the process. In no time at all, copies with a .min.js or .min.css extension will appear alongside the orig
HTML5/CSS3にも対応、HTML/CSS/JavaScriptを整形・チェックするオンラインツール -Dirty Markup
Dirty Markup [ad#ad-2] Dirty Markupはウェブ制作者がよく使う下記のツールをまとめたような感じです。 HTML Tidy CSS Tidy JS Beautify Dirty Markupの使い方は簡単で、右側にコードをペーストし、左側でHTML/CSS/JavaScriptを設定し「Clean」ボタンをクリックするだけです。
AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ
AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ AndroidやiPhoneなどのスマートフォンではHTML,CSS,JavaScriptにバグが多くてコーディングが大変になります。そこでバグを紹介しているサイト、記事をまとめてみました。(中にはバグではなく仕様なものもあるかもしれません) iOS 8.4.1の:hover問題 iOS 8.4.1で:hoverを指定していると1タップでページ遷移できない問題 【STINGER5】AndroidのChromeで＆nbsp;が「・」になってる気がする | ビビビッ を に変更すると直るとのこと。 Mobile Safari 8でposition: fixedした擬似要素が完全に位置が固定されない - Weblog - Hail2u.net Mobile Safari 8でposition:
Flash変換ライブラリ「Lightning」を公開しました | Geisha Tokyo Engineers' Blog
Engineer blog from Geisha Tokyo Entertainment, Inc. 芸者東京の山内です。 弊社にて開発したPythonベースFlash変換ライブラリ「Lightning」をオープンソースで公開しました。 lightning (github) ライセンスはThe MIT Licenseです。 このライブラリは弊社アプリ「おみせやさん」のiPhone版で店やアバターを表現するのに使っています。 Flashで作成したswfファイルを、LightningによってiPhone用のWeb素材に変換します。 Lightningのすごい所 1. 高い再現率 SVGによるベクターグラフィックスと、CSS3-keyframeAnimationを組み合わせて利用し、再現率の高いアニメーションを実現しています。 swfとほぼ同等の見た目が再現できます。 2. 滑らか
jQueryでスクロールすると上部に固定されるナビゲーション
jQueryでスクロールすると上部に固定されるナビゲーション グローバルナビゲーションはロゴの下に配置されていることが多いですが、スクロールするとナビゲーション部分だけが上部に固定されるようなものをjQueryでやってみたいと思います。 投稿日2012年02月21日 更新日2012年05月10日 html & css htmlです。 html <h1><a href="#">タイトル</a></h1> <div class="nav"> <ul class="clearfix"> <li><a href="#">HOME</a></li> <li><a href="#">ABOUT</a></li> <li><a href="#">NEWS</a></li> <li><a href="#">LINK</a></li> </ul> <!-- /#nav --></div> <div id="
レスポンシブなPhotoギャラリーを作成できるCSS3＆jQueryな「Glisse.js」:phpspot開発日誌
Glisse.js - a simple, responsive and fully customizable jQuery photo viewer レスポンシブなPhotoギャラリーを作成できるCSS3＆jQueryな「Glisse.js」 デザイン性に嫌味がなく色々な場所で使えそうです。画像を送った際のアニメーションが選べるのもいい感じです ギャラリーページ 拡大 レスポンシブ レスポンシブが発明されなかったらどんな感じになってるんだろうっていう気がしますが、頭の良い人がいるもんですね。 そういう発明をしてみたいものです 関連エントリ 秀逸なレスポンシブWEBデザイン50のサンプル レスポンシブな背景画像スライドショーを実現するjQueryプラグイン「bgStretcher」 レスポンシブなjQueryスライダー実装プラグイン８個
Fbootstrapp by Clemens Krack, based on Bootstrap, from Twitter
Fbootstrapp is a toolkit designed to kickstart development of facebook iframe apps in both relevant sizes. It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more, styled in the typical facebook look and feel. Visit the github project » Based on Bootstrap Fbootstrap is based on Twitter's excellent Bootstrap, as the name might indicate. View details »
mb.CSSAnimate
Animate using CSS3 transition instead of the default jQuery.animate method. It provides a fallback to the default animate method if CSS3 is not supported by the browser. here is the call for this example: the "DIV" code: the function: var cH = $(window).height(); var cW = $(window).width(); $.fn.test = function() { var cH = $(window).height(); var cW = $(window).width(); return this.each(function(
IE7 Test Page
IE7/IE8 The selectors and properties below should all work according to the W3C specifications. IE7.js CSS Selectors
Animate.css | A cross-browser library of CSS animations.
Animate.css Just-add-water CSS animations See animations Close list Attention seekers bounce Copy class name to clipboard flash Copy class name to clipboard pulse Copy class name to clipboard rubberBand Copy class name to clipboard shakeX Copy class name to clipboard shakeY Copy class name to clipboard headShake Copy class name to clipboard swing Copy class name to clipboard tada Copy class name t
CSS3のベンダープレフィックスを自動で付けてくれる手軽で軽量なJavaScriptライブラリ・cssFx.js - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 久しぶりにかなり便利そうな気がした ので備忘録。CSS3で各ブラウザに対応 させるために加えるプレフィックスを 自動で付けてくれるライブラリです。 将来的にCSS3のプレフィックスは付け る必要が無くなるのでそうなったら これを外せばいいだけですね。 使い方もすごく簡単で3.7KBと軽量です。cssが管理しにくくて困ってる方は検討してみてはいかがでしょう。また、jQueryやmootoolsのようなライブラリに依存しないのも素敵ですね。 地味にいいかも。CSSPrefixerみたいにプレフィックスを付けてくれるWebサービスはいくつか存在しますが、こういうのがあるのは多くの人が面倒だと思っているからですしね。これを、jsで付けようぜ、というのがcssFx.jsです。
Weekly Design News – Resources, Tutorials and Freebies (N.104)
This is our weekly column were we share our favorite design related articles, resources and cool tidbits from the past week. Enjoy :)If you would like to receive our daily updates you can follow us on Twitter, on Facebook or by subscribing to our RSS feed.Our New Site: CodeVisually – Web Developer Tools & ResourcesHuge Collection of Code Snippets: HTAccess, PHP, WordPress, jQuery, HTML, CSSRecycli
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
_level0 | Kayac Interactive Designer's Blog
http://cssrefresh.frebsite.nl/
404 Error
オリジナルフォントが作れるiPad用フォント作成アプリ「iFontMaker」｜linker journal｜linker
JavaScript UI Components - Build Better Apps Faster - Progress Kendo UI
Components · Twitter Bootstrap