第2回 OpacityとRGBa実践テクニック | gihyo.jp
OpacityプロパティとRGBaプロパティバリューは、どちらも要素に透明度を指定することができるCSS3のプロパティとプロパティバリューです。どちらも透明度を指定し背景が透けさせることが可能なプロパティです。 今回は、OpacityプロパティやRGBaプロパティバリューの実践的テクニックと、それぞれの違いを説明します。OpacityプロパティもRGBaプロパティバリューもイマジネーションを利用する事で効果的な使い方ができます。 OpacityプロパティとRGBaプロパティバリューをサポートしているブラウザ OpacityプロパティとRGBaプロパティバリューをサポートしているブラウザは以下のとおりです。 Opacityプロパティ Firefox 2以上、Safari 2以上、Opera 9以上、IE8以上、Chrome RGBaプロパティバリュー Firefox 3以上、Safari 3
ワイヤレスで光る極小キーボード
これは持ち歩いて見せびらかしたい感じ。 Brandoから、ワイヤレスの極小キーボードです。しかも光るんです。 サイズは170×81×15mm。キー数は56個。まあショートメールとか短いブログ記事を書くくらいにしか向かないでしょうけど、なんといってもコードがないし、光りますからね。 外出先でかばんから取り出して使ったら未来っぽくて格好よさげだけど、逆に家で使ってたら寂しくなってタイプが止まっちゃいそうです。 お値段は47ドル。現在予約受付中で、出荷は2008年12月末よりとなっています。 ［Pocketlint］ John Herrman（MAKI／いちる） 【関連記事】 ・手のひらサイズのワイヤレスキーボード｢diNovo Mini｣ ・鉄人の中華包丁みたいなワイヤレスキーボード｢diNovo Edge｣ ・｢究極のMSキーボード｣試用レポート
かっこいい明朝フォントがしりたい！６つのサイトおしえます。 | Topics | DB - KAYAC Designer's Blog
フォント勉強中、KAYACデザイナーのoguraです。 書体の選び方にはいつも頭を悩ませています。 新しい書体を購入検討しようにも、メーカーの組版見本だけではイメージがわきにくく、 どんなウェブサイトで実際使われているのかなあ、と気になって。。。 自分のフォントフォルダにないものは書体見本帳や、メーカーのサイトをみて調べました。 まだまだ勉強中の身なので、お気づきのことがあれば、ぜひ教えてくださいね。 千總 リョービ本明朝-Book 新かな（リョービイマジクス） クラシカルであたたかみのある明朝体。ふところは広すぎず、狭すぎず、 エレガントなラインにうっとりしました！ （新かなか新小がなかは判別できませんでした。詳しいかた、ご教授ください！） 九重味淋株式会社 イワタ明朝体 オールド（イワタ） ノスタルジックな曲線、ひとつひとつは華奢な印象もありますが、 ここではどっ
MyFonts: Fonts for Print, Products & Screens
MyFonts is the largest font marketplace in the world, offering professional fonts for any project.
これだけは知っておきたい「FlashLite入門」 | _level0 - KAYAC Front Engineer Blog
この１年、FlashLiteを触る機会を多くいただきました。 まったくの初心者から始めたので、何度も思い通りにいかず、苦しめられました。 ということで今回は、１年の総括の意味を込めておさらいします。 1. ムービークリップの参照方法 これは、以前記事にしましたが、もう少し上乗せして 説明します。 //AS2.0だと、 my_mc._x = 100; //FlashLite1.1だと tellTarget("my_mc"){ _x = 100; } //ネストが深い場合 my_mc.huga_mc.hoge_mc._x = 100; //Flash Lite1.1だと、 tellTarget("my_mc/huga_mc/hoge_mc"){ _x = 100; } //tellTargetの外の変数を参照する場合 hoge = true; tellTarget("my_mc"){ if(/
Top - FireMobileSimulator.org
FireMobileSimulatorはFirefox/Chrome版ともに配布・メンテナンスを終了しました。本ページの内容は記録のみの目的で残しています。 FireMobileSimulatorとは？ FireMobileSimulatorは、主要３キャリア（DoCoMo/Au/SoftBank）の携帯端末ブラウザをシミュレートして、モバイルサイト開発を容易にするために作成されたGoogle Chrome/Firefoxの拡張機能です。携帯端末のHTTPリクエスト、絵文字表示、位置情報送信機能などの動作をシミュレートすることができます。 モバイルサイトをPCで閲覧するために、従来からある方法として、キャリア公式シミュレータの使用、Proxyの使用、Firefoxのuseragentswitcher+modify headersの組み合わせ等、色々と手段はありましたが、これらの方法はそれぞ
2009年も使っていきたい5つのツール | シゴタノ！
「ツール」をテーマとして、今年一年を振り返ってみたいと思います。 私自身に限っていえば、2008年はツールの当たり年でした。当たり年どころかもしかすると、2008年こそ、今まで生きてきた中で、ことツールに限っていえば最高の一年だったかもしれません。 私自身は、実業家でもなければ、プログラマーでもないので、「ツール」ということでいうと、人のお世話になりっぱなしです。それが少々心苦しくもあり、他方もどかしくもあります。 が、2008年はたしかに、「もどかしさ」に限っては心から消え失せつつあります。つまり、ツールが自分の望むところを、ほぼ100％叶えてくれるようになってきたからです。こうなればあとは、使い込むだけという段階に入りつつあります。 今年とりあげた、そんなすばらしいツールたちを簡単に振り返ってみることにします。 なくなるとたちまち仕事にならなくなるツール 情報と原稿管理は全てEVERN
デヴィ夫人『飯島愛さんの死』
デヴィ夫人オフィシャルブログ Powered by Ameba みなさま、ごきげんよう。 わたくしも、 ブログとやらを始めさせて頂くことに致しました。 昨日夕方、愛ちゃんの訃報をきいて、 深い悲しみに陥りました。 そして、後悔の念にかられました。 何でもっと側にいて、話し相手に なってあげられなかったのだろうか？ と・・・ 現代っ子の彼女と私とは、 世界が違ってはおりましたけれど、 パリ、NY、台北他、日本の地方などのロケや、 サンデージャポンなど、様々な番組でご一緒しました。 夫の川崎麻世さんの事で落ち込んでいるカイヤに、 ２人して、「あなたも浮気して吹き飛ばしてみたら？！」ともちかけ、 台北のホテルのバーで外国人と消えたカイヤ。 翌朝、昨日のお化粧のまま、マスカラでよじれた睫をして 撮影開始すれすれに戻ってきたカイヤをみて、 手を叩いて大笑いした、あの日の私達・・・ 愛ちゃんも、私も、
窓の杜 - 【NEWS】FirefoxでWebページ上の英単語を選択のみで翻訳「Quick TransLation (qtl)」
英単語を範囲選択するだけで翻訳できる「Firefox」用拡張機能「Quick TransLation (qtl)」v9.1が、20日に公開された。「Firefox」v1.5以降に対応するフリーソフトで、編集部にてWindows XPで動作確認した。現在、作者のホームページからダウンロードできる。 「Quick TransLation (qtl)」は、「Firefox」で表示したWebページ上で範囲選択した英単語の訳語を、ポップアップウィンドウなどで表示できる拡張機能。範囲選択した英単語を“Babylon”のWeb翻訳サービスを利用して翻訳し、ポップアップウィンドウやアドレスバーで表示できるのが特長。 英単語から翻訳できる言語は29種類用意されており、ステータスバーのアイコンから翻訳先を切り替える仕組み。和訳したい場合はアイコンをクリックすると表示されるメニューから、日本の国旗を選べばよい。
メールで動画や画像を送るとTwitterにURL付きで投稿してくれる「2tweet」
まあ、いろいろとあると思います、Twitterへ動画や画像を投稿するサービス。 ただ、動画を直でアップすることもでき、表示もスライドショー形式なので、一度試す価値はあるのではないかというサービスです。 本サービスは提供を終了してしまいました。このままお付き合いいただけるようでしたら、Twitterカテゴリか、下記のTwitter関連記事をご覧ください。 Twitterへ携帯メールからも画像を投稿できる画像共有サイト「img.ly」twitpicの画像をリアルタイムに表示・検索 Twitterでの再共有も手軽な「PicFog」人気のウェブサービスをWindows７のデスクトップアプリとして使える「Pokki」InstagramをWEBで楽しく利用できる「Extragram」「もしも自分のTwitterのタイムラインをA4用紙に印刷すると」を視覚化して共有できる「ThePrintEffect」
MovableTypeをソーシャルなマイクロブログシステムに·Movable Type Motion MOONGIFT
※ 画面は公式サイトデモより ブログ界隈において（特に日本において）大きなシェアを獲得しているMovable Type。ブログの需要も一巡した感があり、次のステップをどこに持っていくのかが問題になる。彼らが目をつけたのはマイクロブログ、そしてソーシャルだ。 Movable Typeがソーシャルに！ 個人向きの趣があったブログシステムを他のユーザを巻き込んでソーシャルに楽しもうというのがMovable Type Motionだ。 今回紹介するフリーウェアはMovable Type Motion、Movable Typeを使ったソーシャルプラットフォームだ。 Movable Type MotionはMovable TypeにMotionという機能を組み込んで利用する。ユーザは独自のユーザ登録やOpenID等を使って登録を行うことができる。そして50種類以上はあるWebサービスを登録してコンテン
RailsとMerbの合流についてあれこれ - アンカテ
これって、ある意味、オープンソースプロジェクトの凄みが見えてくるすごく衝撃的なニュースです。そこで、なるべく、IT業界に関係ない人にもわかるように、このニュースの意味をいくつかの側面から考えてみたいと思います。 ビジネスではあり得ないことが起きた まず何が起きたのかひとことで言うと、RailsというプロジェクトがMerbというプロジェクトと合流して、次のバージョンを共同で開発することを発表したということです。 Rails 3高速化Merb技術採用、Rails 2非互換の可能性 | エンタープライズ | マイコミジャーナル 簡単に言えば、Windowsの次期バージョンをMac OSXベースで開発することになったようなものかな。 Ruby on Railsは、「RubyのWebアプリ開発用フレームワーク」というジャンルで一番メジャーなソフトです。その分野に関係する人ならば誰も知らない人がいない
REALCITY | NIKEiD
このサイトをご覧いただくには、JavaScriptの使用が有効になっている必要があります。 お使いのブラウザの設定でJavaScriptの使用を有効にしてください。
My CSS Menu – Search and Browse Better
Search Engine Optimization known as SEO sets major importance for trafficking. It is all about having views, engagement levels and the popularity of your site or content. Before the internet was available to everyone newspapers, magazines and journals continued to rule the importance of a piece of content. With SEO emerging, content rules changed. Google is the most visited site which implies the
現在のカテゴリを表示／ページングで次のページを表示
Most of the people who run or have a website are not much familiar with the technical aspects of their website. For this reason today there are a lot of CMS (Content Management System) where they can easily maintain and handle their website. Today WordPress is one of the top and the best CMS platform which is used by most of the websites out there. It is database-driven and consists of a large ass
Buy fonts from the world�s favorite typography blog, I Love Typography (ILT)
The Best of Type This year has been a great year for type, with many new releases. Some of them are exceptional. Following is a list of my personal favourites of the past year. This is by no means an exhaustive list; there are, in fact, many others deserving of accolades. Compendium Difficult to imagine a best-of list with no showing from Ale Paul. This one is no exception. Ale released several gr
92 Free Exclusive Icons: Ravenna | Webdesigner Depot
To celebrate the holidays, we’re releasing a great set of icons developed by Jack Cai especially for WDD. Ravenna is a set of 92 free raster based icons that you can use for your webpages and projects. The icons come available in 9 different sizes, from 16×16 up to 256×256 pixels and available as transparent PNG files. Icons are free for all your personal projects. If you’d like to share these ico
160+ RSS Feeds For Web-Designers And Developers | Spyre Studios
Many of you who know me personally, have been reading this blog or one my previous blogs or have been following me on Twitter for a while, know I’m a self-taught web-designer. I didn’t study design, arts, coding or whatever, and I never attended CSS 101 in college. Instead, I read blogs, tutorials and books. Becoming a web-designer can be quite a time-consuming process so I figured I’d make a list
ビットコインではじめるブックメーカー
ビットコインで始めるブックメーカーでのサッカーの賭け方 ブックメーカーでは、スポーツが好きな人も苦手な人も、その勝敗予測を行うことで賭けることができます。ビットコインを使えば簡単に入金できますし、誰でもすぐに始めることが可能です。例えばメジャーなスポーツであるサッカーは人気もありますが、ルールに詳しくない人でも簡単に賭ける方法があります。それは確率を利用して勝敗の予想をするというものです。これは投資家も実践で利用する方法ですし、プロのギャンブラーも資金運用に使っています。 例えばリーグ戦で上位を争うチーム同士は、ほとんど実力差はないと考えることができます。つまり、同じチーム同士の試合であればどちらかが一方的に連続して勝つ確率は低いというわけです。そこでどちらかのチームが連続して勝っている場合、あるいは大幅に勝ち越している時にもう片方のチームに賭けるのです。確率的にはそのチームが勝利しやすい
CSS Lightview Style Popup - CSS Popups - Styling a Popup with CSS - Tutorial
My friend and I were working on his site last week and we were in need of a popup very similar to how the lightview works. Since my friend is not very fond of using pre-built js scripts, he asked me to create the same feel from scratch. I came up with my own version mimicking the lightview effect, and thought it would be good to share the technique and get some feed back and improvement suggestion
三角関数を使った円運動 （三角関数、角度とラジアン） / 初心者のためのフラッシュレベルアップ講座
ProcreoFlashDesign 初心者のためのFlashレベルアップ講座 ■三角関数を使った円運動 （三角関数、角度とラジアン） ■概要 ●青ボールを好きな位置にドラッグしてみてください。それに合わせて角度、ラジアンの数値が変化します。 本来FLASHの座標は左上が原点の0,0ですが、 ステージの中心(300,200)を中心として計算しています。 ■解説 サイン・コサインと聞くと、タンジェント！と反射的に言葉はでてきますが、意味や使い方は全然覚えていないという私みたいな人向けにフラッシュで使える三角関数をまとめてみました。できれば使いたくない三角関数なんですが、三角関数を使うといろいろおもしろそうなフラッシュを作れそうな気がします。では、いったいどういう時にサイン、コサインを使えば便利かというと、物体を円運動させる場合や、ななめのベクトルをxyの垂直な２方向に分解するときに威力を発揮
FN0506002 - 描画メソッドで円を描く - Flash : テクニカルノート
Platform: All Version: MX and above Flash MXから、描画メソッドが実装されました。その中で曲線を描くMovieClip.curveTo()メソッドは、コントロールポイントの指定がわかりにくいように思われます。本稿では、このMovieClip.curveTo()メソッドを使って、正円を描くスクリプトをご紹介します。 1. 2次ベジエ曲線 MovieClip.curveTo()は、ベジエ曲線を描くメソッドです。ただし、PostScriptで使用されている、2点の各アンカーポイントにひとつずつコントロールポイントをもつ「3次ベジエ曲線」(Cubic Bezier)ではありません。ふたつのアンカーポイントとひとつのコントロールポイントで曲線を構成する「2次ベジエ曲線」(Quadratic Bezier)を使用します[*1]。 図001■2次ベジエ曲線と3次
Box2DFlashAS3での衝突判定 - FICC LABS
昨日に引き継ぎBox2DFlashAS3、楽しすぎます。 FICC安藤です。 今回は、もしゲームを作るとなると必要になると思われる「当たり判定」です。 上のサンプルでは３つのルールがあって 1 敵役は星形 2 マウスクリックで左側から玉が飛んでくる 3 玉が敵に当たるとエフェクトを残して玉だけ消す。 今まではMovieClip.hitTest() で毎フレームごとにぶつかってるのがいないか走査してたと思います。 Box2Dではworld内の物は特別なにもしなくてもお互いがぶつかれば反発しあって跳ね返ります。 まぁそういうエンジンですからと言えばそれまでですが、逆にただレンダリングしてるだけだと「いつ何が何とぶつかったか？」がわかりません。 ぶつかった時のイベント等ないかソースを見てみましたがそれっぽいものは見当たらず、 Box2D/Dynamics/Contacts/b2Co
AS3 Flash Physics Engine Box2DFlashAS3 2.0.1
Box2DFlashAS3 2.0.1 Drag objects with the mouse. 'Left'/'Right' arrows to go to previous/next example. 'R' to reset. Update: Version 2.0.1 released!. Box2DFlashAS3 is an open source port of Erin Catto's powerful c++ physics library Box2D. Cycle through the demos above to see some of the features. Full source code for the engine and examples can be downloaded from the project's sourceforge page fou
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ISC design
Amazon.co.jp: ActionScript 3.0 アニメーション: Keith Peters (著), 永井勝則 (翻訳): 本
http://www.rolyn.co.uk/wub.htm
Vertically Align with CSS - Vertical Alignment Tutorial - CSS
SenCSs 0.5: Forms Ahoy! | Kilian Valkhof
Brendan Cullen • Thirty Second Color Correction in Photoshop
Flash Kit Community Forums