flexbox レイアウトで内容がはみ出す理由: Days on the Moon
「flex box layoutで中に長いテキストなどを含む幅可変要素のレイアウト - くらげだらけ」という記事が興味深いです。過去に「長い英単語を途中で折り返したいときの CSS の指定方法」にて、word-wrap: break-word と display: inline-block などの組み合わせには注意が必要 (word-wrap の指定が効かないように見えることがある) と述べたのですが、似たようなことが display: flex にも言えるようです。 この挙動は認識していなかったので CSS Flexible Box Layout Module Level 1 (flexbox 仕様草案、2016 年 4 月 2 日時点のもの) を見てみたところ、「4.5. Implied Minimum Size of Flex Items」(flex アイテムの暗黙的な最小サイズ)
iPhone の着信音の作り方
日本の携帯電話は「着信音」を自由に変更できます。 しかし iPhone は、好みの着信音を入れる事が出来ません。 でも本当は、iPhone には iTunes を通して好みの着信音を自分で作り、自由に入れ替えたり、追加したりできる機能が備わっています。 実際、欧米の iPhone は早くから着信音の作成が可能になっていました。 なぜ日本の iPhone では出来ないのか･･･ それは著作権や、すでに存在していた日本の有料の「着うた」との兼ね合いがあったためのようです。（この辺りについては後述します） しかし前述したように、iPhone 自体には着信音を導入できる機能が備わっています。 やり方さえ解れば、高音質で、自分の好きな曲の、好きな部分の着信音を、いくらでも作って導入することが自由に出来ます。 （だからこそ著作権がらみの問題に触れてしまう訳ですが･･･） このページでは、その iPho
ActionScript3.0 とかいろいろ
Link:ActionScript3.0 サンプル 色温度(33d) Hibernate データ操作(43d) Hibernate Middlegen(44d) Hibernate 基本(44d) Tomcat ベーシック認証(44d) Java javaコマンド(52d) Java JDBC(60d) Java サニタイズ(61d) Java logging(66d) Java JDBC ConnectionHelper(67d) BlazeDS めも(72d) BlazeDS messaging framework(73d) BlazeDS BlazeDSとは？(73d) MS-DOSプロンプト メモ(79d) ActionScript3.0 コアクラス EventDispatcher(81d) Tomcat メモ(81d) Apache tomcat連携(ajp)(86d) MySQ
ウェブリブログ：サービスは終了しました。
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧
Flashでやってしまいがちな16個の間違った使い方 | ClockMaker Blog
Photoshopでやってしまいがちな12個の間違った使い方 – GIGAZINEが面白かったので、Flash版として「Flashでやってしまいがちな16個の間違った使い方」としてまとめてみました。 1.シンボル化しないままトゥイーンを作成している まずは誰でも一度はやったことがあるであろう、シンボル化しないままのトゥイーン作成。ライブラリに「トゥイーン○」という名もなきシンボルが作成され、後で見返したときや他の共同作業者が非常に困ることになります。 2.テキストフィールドに直接リンクURLを設定している getURLやnavigateToURLなんてスクリプトを知らない初心者のころはテキストフィールドにURLをいれてテキストリンクを作っていました。これは演出が作れないので、慣れてくると使うことはないでしょう。 3.文字をボタンに含めたときに後ろにシェイプを敷いていない ボタンを作ったとき
通常変更できないちょっとした設定をターミナルから変更する50のTips | Macの手書き説明書
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
hoelog - jQuery : ThickBoxとSWFObjectでswfを簡単に表示させる
LightBox系のjQueryプラグイン、ThickBoxとSWFObjectでHTMLを用意せずに簡単にswfが表示できるようにしてみたよ。 ThickBoxはLigitBox（modal？）系のjQueryプラグインです。画像だけでなく、HTMLをIFRAMEやインラインに読み込んで、動的に中身を表示することができます。FlashもHTMLを読んじゃえば簡単に表示できるんですけど、SWFObjectの書き方ってすぐ忘れるしｗ。いちいちHTMLファイルを用意するのが面倒。。画像のときみたいに、URLにパラメータをぽこぽこ追加して、タグを動的に生成してくれたら楽なんじゃね？と思ったわけです。まー似たようなのはあるけど自分用ってことで。。 実装するよ jQueryとThickBoxとSWFObjectが必要です。現状の最新版でいいはず。 ダウンロードしてセッティングしときます。
fladdict.net blog: JavaScript で音を制御してみたよ
ブログのリンクをマウスオーバーすると、効果音がなるようにしました（ページのロードが終了してからだけど）。 基本的に不可能なはずの、JavaScriptによるサウンドコントロールです。 Ajaxのユーザビリティの向上にでもどうぞ。ソースはこちら。 使用をする場合は、 ・WEBページのエンコードとjsファイルのエンコードを同じにすること ・jsコード内のswfファイルへのパスを、自分のサーバーの絶対パスに変更すること にご注意ください 現在の所、対応ブラウザはほぼパーフェクツ。 win IE6/FF1/OP7 mac IE5.5/Saf1.3/FF1.1 まぁ、タネとしては音声再生用のコンポーネントをflashで作成し、それをJavaScriptで制御しているわけです。 一応過去にも、flashを利用してajaxに効果音やBGMをつけるで紹介したように、先行事例はあるのですが、従来のLiveC
cellfusion blog » DisplayObject.transform.matrix
いままで Sprite でズーム表現をするためには、Flash で下記のように基準点を中心に持ってくるか、Sprite を入れ子にするという方法を使ってたんだけど。 それってどうしても一手間かかるし、何よりも基準点を移動させると AS で弄るときに座標系が混乱してくるのでどうにか方法はないのかなと探っていたら DisplayObject.transform.matrix を使うと左上が基準点でもオブジェクトの真ん中を基準として動かす事ができた！ コードは下記の通り package { import flash.display.Sprite; import flash.geom.Matrix; import flash.geom.Transform; public class TransformTest extends Sprite { private var _sp:Sprite;
テキストをかっこよく魅せるPhotoshopのチュートリアル集：Part 8 | コリス
テキストにグラデーション・カラフル・フローラル・ポップ・ステッチ・メタル・ペイント・プラスチック・レトロなどのエフェクトを使用したPhotoshopのチュートリアルの紹介です。
紙が燃えていくようなトランジッション - threshold/perlinNoise
perlinNoiseで生成した雲模様ビットマップをアルファチャンネルマスクのしきい値を計るソースイメージとして使用し、thresholdメソッドを使ってしきい値の値を黒(0x000000)から白(0xFFFFFF)に近づけ、しきい値以下をアルファ(0x00000000)に置き換えていくことで、こんな感じに。しきい値の数値が一定に達したところで処理を停止し、画像の深度を入れ替えています。 今回、焦点がずれるので2つの画像は外部から読み込まずにステージ上にMCを配置しました。画像を外部から読み込む形にする場合、loadClipを使って読み込み処理を終えたことを確認してからsetMaskでマスク処理、という手順が必要なのでご注意を。 import flash.display.*; import flash.filters.*; import flash.geom.*; var w:Number
stu nicholls | CSS PLaY | experiments with cascading style sheets | home page
What it's all about... "Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents." The above quote, taken from the W3C website, is one of the reasons for this site. Whilst I agree that it is a mechanism for adding style to web documents, I do not agree that it is a SIMPLE mechanism. It can be very complicated, as I found out when I took my
jQuery suckerFish
jQuery » SuckerFish Style Purpose Replicate Suckerfish Menus. Original Code $(document).ready(function(){ $("#nav-one li").hover( function(){ $("ul", this).fadeIn("fast"); }, function() { } ); if (document.all) { $("#nav-one li").hoverClass ("sfHover"); } }); $.fn.hoverClass = function(c) { return this.each(function(){ $(this).hover( function() { $(this).addClass(c); }, function() { $(this).rem
ページの幅960pxを基準にして、設計するグリッドデザイン | コリス
960 Grid Systemは、ページの幅960pxを基準にして、設計するグリッドデザインを紹介しているサイトです。 960 Grid System デモページ 960pxを基準にする理由としては、下記の2つが挙げられています。 最近のモニターは1024x768の解像度をサポートしており、960pxを表示するには十分である。 960という数字は、2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320, 480と多くの数字で区切ることができ、フレキシブルにグリッドの設計を行える。 デモページでは、左右に10pxのマージンを持ち、カラム間のマージンを20pxにし、60pxをベースに12カラムと、40pxをベースに16カラムの2種類のレイアウトを見ることが
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Calendar - Responsive Web Design
Vectips - Adobe Illustrator Tutorials, Tips, Tricks, and Resources
http://www.violentcoding.com/blog/2008/07/26/archives/135
Adobe After Effects | Envato Tuts+
Abduzeedo - design inspiration & tutorials
gotoandlearn.com - Debugging with MonsterDebugger
