昨日 に引き続き LESS 関連エントリーです. 「CSS3を使って美しく装飾されたテーブルの作り方|Webpark」で紹介されていた, テーブルを CSS3 で装飾するサンプル. 非常に良く出来ていて見た目もコードもとてもキレイです. 今回は, このエントリーに触発されて, サンプルをパクってオマージュしてみました. ただパクったオマージュしたわけではなく LESS で作っていたり, 色々と私の都合の良いように変えてたりします. LESS だと変数が使えるのでベースとなるカラーを変更したり, 幅や高さの調整も超簡単にできますよん♪ サンプルは jsdo.it で作成したので, よかったら fork して色々とイジッてみて下さい. Table of contents サンプルを実行してみよう テーブルのメインカラーを変数化 linear-gradient を使ってヘッダーにテカリフィルター
ガベージコレクションの機能を備えるJavaScriptのような言語で開発されたアプリケーションでは、基本的にメモリリークは生じないはずですが、それでも回収されないメモリ領域がどんどん増えていくというメモリリーク的な状況は起こりえます。 leak-finder-for-javascript - Tool for finding memory leaks in JavaScript programs. - Google Project Hosting メモリリークは最終的にはそのソフトウェアの動作を遅くしたり不安定にしますが、短期的には問題なく動作しているように見え、単純なテストでは症状が表れにくいため、発見は難しいものです。 グーグルはこうしたJavaScriptのメモリリークを検出してくれるツール「Leak Finder」を公開したことを、ブログ「Leak Finder: a new to
コードと構成管理の取扱いについて。ソフトウェア開発プロジェクトで自分がプログラミングすることは基本的に無いのだけれども、プロジェクトマネージャとしてはかなりコードに触れるほうだと思っている。最近コードにまつわる興味深いブログ記事をいくつか見たので、これに対して自分の考えを少しまとめてみる。 コードレビューについて ここで紹介されている、構成管理システム(VCS)でのレビューコントロールがとてもエレガントだと思う。 レビューのために bug tracker や task management system を使うのはあまり良いとは思いません。 レビューでは非常に細かい点が議論されることがあり、これが仕事のタスクの一チケットに相当するとはとても思えないからです。 例えば、この変数名は短すぎて良くわからない、といったことのために bug tracker をブラウザで開き、チケットを切る、やってら
震災からようやく1年が過ぎようとしていた 今年の3月5日、案内されて、 福島県の海沿いにあるいくつかの町を訪れた。 もう、4ヵ月以上が経ってしまった。 取材を終えた日、 見たこと、聞いたこと、感じたことを 大急ぎで原稿にまとめて、 一週間後にせまる「3月11日」に掲載しようと思った。 そうでもしないと書けない、と直感したからだ。 けれども、できなかった。 落ち着いてからゆっくりまとめよう、と、 ずっと思っていたけれど、 それもうまく運ばなかった。 何度も書きかけてやめた、 あの日の福島でのこと。 なんのきっかけがあるわけでもないけれど、 やっぱり書くことにする。 冒頭にそうでも書かないと、書きはじめられない。 2012年3月5日。 震災からようやく1年が過ぎようとしていたころ。 福島はまだまだ寒く、 雪ともみぞれともつかない冷たいものが 朝からずっと降っていた。 糸井重里がツイッターを通じ
無料で2GBのオンラインストレージ! このバナーから登録するとあなたと私(このサイト開設者)双方に500MBのボーナス!500MBボーナスをつけて登録! Adobe AfterEffects (アドビアフターエフェクツ 以下A.E.)にはExpression(エクスプレッション)という機能があります。 これにより、エフェクト、トランスフォーム等をスクリプトによって制御し、こだわりのある映像が作りやすくなるのですが、プログラミング的な側面が敷居を高くしているようです。 そこで、このサイトでは、実例を示しながらその敷居を下げるべく、解説することにしました。 表現の幅が広がることになれば幸いです。 Basic Expressionってなに? という人はまずここから。Basicとはいえ、ここだけでも十分に製作の助けになるでしょう。 A.E. Tips Expression Basic Librar
もう面倒なユーザ認証機能は1から作らなくてよいかも?PHPのOSS「AuthManager」 2012年08月13日- AuthManager - StitchApps もう面倒なユーザ認証機能は1から作らなくてよいかも?PHPのOSS「AuthManager」。 ユーザ認証型のサイトを1から作るとなると面倒な上に、もう誰かが良い物を作ってるんじゃないかという事を誰もが作り直してる気がします。 こういうもの自体をオープンソースにしちゃって誰もが使えるっていうのは素晴らしいですね。 Facebookによる認証やreCAPTCHAによるスパム防止、メールアドレスの認証機能といった標準で必要な機能が入っており、便利に使えそう。 で、ユーザ登録できるのはいいんだけど、肝心の制限はどうやってかけるの?というところは、次のように簡単にやってね、ということらしくお手軽。 ($sesslife自体がどこか
まずは完成動画から。 今回は紙にインクがにじんでいくようなアニメーションをパーティクルで作ることを目的として考えました。 考察 自然な動きを再現するために、観察と考察はとても大事なプロセスです。 演出の意図がない限り、出来るだけ不自然な動きは避けたほうがいいでしょう。 とはいえ今回はそれほど難しく考える必要はありません。 インクがにじむ様子を「にじみ」と「はね」の二つに分けて考えて、「にじみ」は色の広がりがだんだん鈍くなっていく様子を、「はね」は細かい粒が先端の方から飛び散っていく様子(ほとんど動かない)再現してみることにします。 動きがだんだん鈍くなる様子はParticularの空気抵抗(Air Resistance)を強くすることで再現できそうです。 パーティクルを散らす大きなコンポジションを作って、そのコンポをカメラで撮影するような形で作ってみることにします。 Particularの
Meta will soon officially permit users as young as 10 to use its Meta Quest 2 and 3 VR headsets — if their parents say it’s okay, anyway. In a blog post, the tech giant says that there’s Nikola Corp. is laying off 270 employees, or about 23% of its workforce, and restricting its electric truck efforts to North America as it seeks to preserve cash. The company said Friday it will lay o
2017年3月27日 CSS, jQuery, Webサイト制作 Webデザインの勉強を始めたという方によく質問されるのが、「どうやって勉強すればいいですか?」。私はWeb制作の学校の学生だった頃から実践しているふたつの事があります。素敵だなって思えるWebサイトを見つけたら、どのように作られているのか自分なりに分析してみること。そしてそこで使われている技を実際に試してみること。そこで今日は最近見かけた素敵Webサイトと、そのサイトで使われていた技術を解説してみたいと思います! ↑私が10年以上利用している会計ソフト! 準備:分析&実践に役立つツール Chrome、Safariなら付属のデベロッパーツール ChromeとSafariならブラウザーにはじめからデベロッパーツールなる開発のためのツールがついています。私が愛用しているのはこのツール。表示しているWebページのHTMLやCSSが確
util.php - The PHP programmers best friend - UtilityPHP PHPの基本機能を拡張して便利にできる「UtilityPHP」。 読み込むと、util::〜系の便利関数が沢山使えるようになります。 var_dumpを綺麗に折畳み可能な形で出力してくれる util::var_dump、多次元の配列を1つの配列にする array_flatten や、URLにクリを追加したり削除する add_query_arg, remove_query_arg、httpsアクセスかどうかを判断する is_https など、汎用に利用できそうな関数群が詰まっています。 読み込むと全て使えるようになるものの要らないものも多そうなわけですが、この中から必要なものだけをコピーして使うという使い方で便利に活用できるかなと個人的に思いました。 これはよく使うっていうものは抜
1.初めに AfterEffects 5.0から「エクスプレッション機能」が搭載されました。MotionScriptより良さそうなので早速使ってみたのですがサンプルや詳しい書籍やWebも少なく手探りに近い状態でした。Trial&Errorでなんとか使うことが出来ましたが、全体を見渡せるものの必要性を痛感したので、エクスプレッションについて体系的にまとめてみました。皆さんの映像制作の手助けとなれば幸いです。 対象 AfterFxをある程度使いこなしている方 日常的にAfterFxを使って作業している方 エクスプレッションを使ったことのない方 もっと使い易くならないかと思っている方 コンセプト 用語や概念の厳密な定義ではなく、実用的な使い方を考える。 フレームレートはセルアニメ標準の24コマ/秒を基本とする。 Windows Pro版を基準とする。 以下の略式表記を使用する。 AfterEff
「バカ・アフター」はAdobeのAfter Effectsを用いた曲芸を披露するサイトです。 詳しくは当サイトについてをご覧下さい。 2024.08.15 作例:560追加 2024.08.08 プラグイン作例:559追加 2024.08.01 作例:559追加 2024.07.25 プラグイン作例:558追加 2024.07.18 作例:558追加 2024.07.11 プラグイン作例:557追加 2024.07.04 作例:557追加 ・・・ 2007.10.13 [サイト開設]
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く