jQueryの基本的な使い方を学べるサイトです。Promiseは、分かりやすく言ってしまえば、AJAX通信にあるようなsucess、errorと言ったコールバック関数をよりシンプルすっきりに書けるための仕組みと言えます。そして、Deferredは更に、Promiseの機能に加えて、付与されたコールバック関数を呼び出す機能があります。 そして、それらのPromise、Deferredの機能を更に高めるために、whenやpipeなどがあったりします。 Promise Deferred Promise まずはPromiseを見てみましょう。以下は、今までのsuccess、errorを利用するやり方です。（completeも付けてみました） function onSuccess() { console.log("成功！"); } function onFailure() { console.lo
Bootstrapは標準で140のアイコンが簡単な指定で表示できます。 黒のアイコンなら <i class=”icon-arrow-up“></i> 白のアイコンなら <i class=”icon-arrow-up icon-white“></i> の赤字のそれぞれ入れればOKで簡単です。 さらに多くのアイコンを使用したい場合に2つのサイトを紹介します。 ■Elusive Icons 271のアイコンがあります。 http://aristath.github.com/elusive-iconfont/ ■Font Awesome 249のアイコンがあります。 設置方法：ダウンロードした中のCSS「font-awesome.min.css」と「font-awesome-ie7.min.css」をCSSフォルダーに入れる。 「font」フォルダーをそのまま、index.htmlと同じ階層に
2020年2月25日 CSS どのサイトでも見かけるテキストリンク。リンクのついたテキストにマウスオーバーすると文字色を変更する、というシンプルかつわかりやすい効果を実装しているWebサイトが多いかと思います。この装飾をもう少し変更できないかな？と思いCSSのみでプラスすることができるエフェクトをいくつか紹介します。 ↑私が10年以上利用している会計ソフト！ 目次 ちょっと予備知識 文字色をふんわり変える 背景色をふんわり変える 文字をぼかす 光を放つグロー効果 背景を角丸に レインボーカラーに 拡大・縮小 角度を変える くるっと回転 1. ちょっと予備知識 今回はjQueryなどのJavaScriptを使わず、CSSのみで実装できる小技を集めています。その中でどの小技にも採用しているのが transition プロパティです。transitionプロパティは、時間の変化を操作するもので、
作成：2013/01/28 更新：2014/11/01 Tool > Webサービス フリーソフト、無料ツールなのにここまで使える 前回、無料素材をご紹介しました。 今回は無料で使える「ツール」をまとめます。フォント、画像、配色、htmlからエディター・アフィリエイトリンク作成補助まで。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．フォント ２．画像編集 ３．ロゴ作成 / ネタ ４．配色 ５．HTML5 ６．CSS ７．ブラウザチェック ８．エディター ９．アフィリエイトリンク作成 １０．フォーム作成 １．フォント PCにインストールされているフォント一覧をプレビュー Font picker イラスト等に使われているフォントを調べる WhatTheFont Windows上のテキストをくっきり、見やすく表示。 gdipp - ｋ本的に無料ソフト・フリー
Google+ エバンジェリストの私には嬉しいニュースが！ 一時はゴーストタウンと揶揄されることのあったGoogle+が世界２位のSNSとしてじわじわとユーザーを伸ばしています。 Facebookに比べるとあまり注目されないGoogle+ですが、検索結果やYouTubeといったGoogleのサービス全体との融合がすすんだ結果、本当の実力をあらわしつつあるといっていいでしょう。 実際、Google+の一部である「Hangout」機能の受容は欧米のメディアにおいても進んでいて、視聴者とのテレビ会議を行う、手軽なインタビューを行うといったときに利用されるだけでなく、ホワイトハウスがバイデン副大統領のハングアウトを企画して好評のうちに終了するなど利用が広まっています。Google+本体が目立たなくても、こうした多面的な取り組みはじわじわ効いてきていたのですね。 わたしもTwitterを一斉同報的な
rokugaっていうウェブアプリケーションを作った．ブラウザ上で動画をアニメーションGIFに変換できる．Google Chromeでもちょっと動くけどSafariで見るのが良い． http://rokuga.herokuapp.com/ 使い方 こんな感じで，動画をドロップしてくださいとか言ってる． 1コマずつ出てきて，このコマとこのコマ，この速さ，みたいな指定ができる． 完成したアニメーションGIFは名前を付けて保存しましょう． 特徴 ブラウザで再生できる動画なら何でも変換できる Macなら動画はQuickTime Playerで撮れるので気軽に使える リアルタイムにプレビューしながら仕上がりを確認できる コマ送りは逆再生，行ったり来たり，シャッフルに対応 Herokuで動かしたらCPUが遅くて動画の変換にす時間かかる git cloneしてローカルで動かすとちょっと速い ソースコード→
こんにちは山形です。 htmlやcss等を書いて静的なWebサイトを制作している方なら誰でも、より効率的な環境求めていると思います。 DreamweaverやAptana等のIDEを使うのも一つの手だと思いますが、より柔軟な環境構築としてご紹介したいと思います。 Rubyをインストールする Windowsの場合 Engineyard社が提供しているRailsinstallerでサクッと入れてしまいましょう。 Railsinstallerはこちらからダウンロード出来ます ダウンロードできたらexeを起動しウィザードに従ってインストールを実行してください。 Mac OS Xの場合 rbenvでのインストールを紹介します。 先にXcode Command line Toolsのインストールを済ませておいてください。 Xcodeの環境設定からインストールできます。 # rbenvをgithubから
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
