CodaにSass導入！まとめ。 | Webデザイン日々独学
フクヤマです。Sassさんに色気がないので着色してみました。 CodaではじめてSaasを使った感想 Zen.Codingを知ったときも感じた、ゲームなどで新しい強い武器を手に入れた気分です。効率の違いが目に見えてわかりますからね。Sassのscssは覚えることも少ないですし、JavaScriptやPHP、その他プログラムを少しでもかじっていればスイスイ書けると思います。(Mac OSX Lion, Coda ver1.7.5) 1.Sassの準備 2.scssからcssを自動で書き出すプラグインを入れる 3.試してみる 4.Sass.modeで色付けする 5.scssファイルでもzen codingを使えるようにする Sassの準備 ターミナルを使いますが、4回 入力とreturnキーを押すだけですので、難しく考えないでください。 まずは、アプリケーション > ユーティリティ > ターミ
Baraja: A Plugin for Spreading Items in a Card-Like Fashion | Codrops
With this jQuery plugin items can be spread in a card-like fashion and displayed in an unusual way. Several parameters allow many different spreading results, allowing a unique pattern. Baraja is an experimental and fun jQuery plugin that allows to move elements in a card-like fashion and spread them like one would spread a deck of cards on a table. It uses CSS transforms for rotating and translat
jQuery：リンクのクリック領域をブロック全体にする簡単なスクリプト
そうか、こんなスクリプトでもいいのかと気づいた時は、驚いたり感動したりするのですが、今回のスクリプトもそんな一つ。リンクのクリック領域を親要素全体に適応する方法なのですが、「そうか、こんな考え方もできるのか！」なんて思ってしまったスクリプトです。 ネタ元：Useful and Handy jQuery Tips and Tricks 今回使うHTML <ul> <li><a href="#">リンク</a></li> <li><a href="#">リンク</a></li> <li><a href="#">リンク</a></li> </ul> 単純にliをCSSでブロックに見せて作ったサンプルです。 同じウィンドウ内に開く ■スクリプト $("div#test1 li").click(function(){ window.location=$(this).find("a").attr("h
Knockout : Home
Simplify dynamic JavaScript UIs with the Model-View-View Model (MVVM) pattern Declarative Bindings Easily associate DOM elements with model data using a concise, readable syntax Automatic UI Refresh When your data model's state changes, your UI updates automatically Dependency Tracking Implicitly set up chains of relationships between model data, to transform and combine it Templating Quickly gene
jQuery で画像の読み込みを遅延させる | MissingNo.
・Lazy Load Plugin for jQuery Lazy Load はスクロールに合わせて画像の読み込みを遅延させるスクリプトです。 今回、ブログに jQuery を使った画像の遅延読み込みとロールオーバーを実装してみました。 直接デザインを調整していたので、閲覧時に画面の崩れに遭遇していましたら申し訳ありませんでした。 jQuery とは？ ｢画面遷移せずにデータの受け渡しをするには JavaScript の Ajax なる技術が必要だ ──｣ と、半年程前に気が付いたのですが、当時の課題を JavaScript で実現するのは難しく投げていました。 そして、最近になり ｢jQuery｣ を使えばやりたいことが簡単にできることを知りました。 jQuery とは JavaScript のライブラリの1つで、非常に人気があります。 複雑な処理をシンプルに書けるのなら、これは
Easing Functions Cheat Sheet
Easing functions specify the rate of change of a parameter over time. Objects in real life don’t just start and stop instantly, and almost never move at a constant speed. When we open a drawer, we first move it quickly, and slow it down as it comes out. Drop something on the floor, and it will first accelerate downwards, and then bounce back up after hitting the floor. This page helps you choose t
最近よくみる定番の動きは、だいたいこれで対応できるjqueryライブラリ | バニデザノート
ウェブデザインのなかで、 jqueryをつかった、さりげない「動き」をウェブサイト上で導入するのが 定番になりつつありますね。 ふわっと、ポップアップみたいに浮き上がってくるウインドウ、 画像やテキストのスライドなど 最近良く見るjqueryでつくる「動き」で、おすすめのライブラリをまとめてみます。 要素をスライドさせるならJquery.cycle.plugin 画像や、テキストなど、 非常にシンプルなhtmlソースを認識して対応してくれるプラグイン。 上から落ちてきたり、横にスライドしたり、フェードイン・フェードアウトしたり スライド番号をつけたり、スライド領域の要素の右左に矢印をつけたりもできます。 シンプルなdemo Even More Demosもオススメです。 オプション一覧はこちら → jquery.cycle.plugin ページ内ポップアップ、lightbox風表現ならfa
使いやすいFAQをサクッと作る際に便利なjQueryプラグイン「SimpleFAQ」:phpspot開発日誌
JK - jQuery SimpleFAQ 使いやすいFAQをサクッと作る際に便利なjQueryプラグイン「SimpleFAQ」。 FAQというと内容が多くなればページが長くなって見難くどんどん使いづらくなっていきますね。 そんな場合に、項目は並べつつも、クリックした際にアニメーションで質問のすぐ下に現れるようなFAQが簡単に作れます。 質問のリスト。 とりあえず質問が並んでいるので分からないことを探してもらいます。 そんなに大規模なFAQじゃなければ質問項目を羅列しておくだけでもそれなりに使いやすいです。 クリックすればページ移動とかもなく、その場にアニメーションしながら答えが表示されます。 別ページに移動したりといったことがなく、ストレスフリーで内容が見れます。仮に答えが的外れでも戻ったりせずにすぐに他の質問に行けます で、何がいいかという個人的におすすめする点は、作り方。 作り手は、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
