最近は、コワーキングスペース タネマキ の方で、記事を更新しています。@uetsuhara でも気になったニュースや記事など流してます。良かったら覗いてみてください。 読了目安 1分58秒 宣伝ぽいですがてか宣伝になりますが、横浜のコワーキングスペースタネマキで、また背景の雲が動き始めました。やはりちょっと重い？とのことで、現在一時停止中です。別の方法を模索中。 understandard.net が実装してくれました。詳しいことは彼にｗ ついでに似たようなスクリプトを集めてみました。まぁタネマキでも使っている $fx というライブラリで十分な気もしますが。なかなか動きが軽い気がします。 背景を動かすスクリプト一覧 $fx – JavaScript animation library 僕らが今回使ったのはこちら。なかなか良いかと。高機能な割には、軽量ってのが売りのようです。雲などの画像レイ

jQuery 1.7 is ready for download! You can get the code from the jQuery CDN: http://code.jquery.com/jquery-1.7.js http://code.jquery.com/jquery-1.7.min.js This new release should also be available on the Google and Microsoft CDNs within a day or two. Thanks to your help in testing and reporting bugs during the beta period, we believe we have a solid, stable release. If you do find problems, file a

ゲーム開発 プロジェクトマネジメント講座 ２０１１年１０月８日 株式会社スクウェア・エニックス CTO 橋本 善久 1©SQUARE-ENIX 2011 SQUARE ENIX OPEN CONFERENCE なぜプロジェクトは 失敗するのか？ 2©SQUARE-ENIX 2011 プロジェクトの失敗ポイント • 見込みより売上が少ない • 計画よりもコストがかかっている • 発売時期が遅れた • 発売に間に合わせるため内容が削られた • ユーザーの評判が悪い • 不具合が発生 • スタッフの満足度が低い、故障者が出た、辞め てしまった • など・・・ 3©SQUARE-ENIX 2011 プロジェクトの失敗ポイントの分類 • スコープ（コンテンツの範囲）の問題 • 品質の問題 • コストの問題 • 時間の問題 • リソース（人員・環境）の問題 • ビジネスの問題 4©SQUARE-EN

Document Data Structure in MongoDB Express MongoDB lets you easily store structured and unstructured data in a flexible and dynamic database schema. It supports CRUD operations on complex data objects using JSON as the main data type. Its an open source solution so it may not be as robust or well supported as commercial management tools. However it is easy to deploy and works well for most use cas

紙媒体でよく見かける、見出しの両端に水平ラインを天地中央に配置するスタイルシートのテクニックを紹介します。 Centered Heading Overlaying a Horizontal Line with CSS [ad#ad-2] 下記は各ポイントを意訳したものです。 実装のポイント Method 1: 疑似要素 Method 2: 隣接兄弟セレクタ Method 3: 線形グラデーション Method 4: 最後にjQueryを使ったメソッド 全部のデモ 実装のポイント 実装するにあたり、下記の点に留意します。 画像は使用しない。 余分なHTMLは使用しない。 Scalable: フォントのサイズを大きくしても調整される。 Fluid: 可変。 JavaScriptは使用しない。 Method 1: 疑似要素 見出しの疑似要素で水平線を配置し、spanタグを内側に配置し水平線が中央

CSSのプロパティ一つに対して、値を二つ（開始と終了）変更し、さまざまなCSS3アニメーションの基本的な実装例を楽しめるデモサイトを紹介します。 LeaVerou / animatable デモページ [ad#ad-2] デモページを楽しむには、Chrome, Safariで閲覧ください。 Firefoxでは一部動作しません。 アニメーションのスタートは、2つあります。 マウスオーバーで一つ一つのアニメーションがスタート アニメーションが全部同時にスタート 全部同時にアニメーションをスタートさせるには、「Animate all」ボタンをクリックします。 全部同時にアニメーションすると、何がなにやら分からない状態にw [ad#ad-2] 下記に数多くあるデモから、いくつか紹介します。 デモの下にある「background-color」などは、そのプロパティの値を変更してアニメーションしている

List.js - Examples of how to use the script リストを検索＆ソートできる7KBのJavaScriptライブラリ「List.js」。 <li>リストを入力によって絞り込んだり、分類別で絞り込んだり、特定属性でソートするなんていうことが可能です。 7KBと軽く、サクサク動きます。サーバサイドでアイテムを絞り込む方法もありますが、アイテム数がそこまで多くなければこうしたものでしぼり込むことで、サクサク動作してユーザ体験も向上して作り手としてもサーバ負荷を減らすといったことができそうです。 テーブルベースのデータもフィルタリング可能です。 jQueryプラグイン程使い勝手がいいわけではありませんが、ライブラリ非依存で使えるのもメリットかも。 関連エントリ 郵便番号等からリアルタイムに地図をサジェストできる「Mapeed.AddressChooser」 Fa

jQuery 1.7が公開されたので、早速1.6.xからの更新内容をまとめてみました。 jQuery: » jQuery 1.7 Released （リリース記事） Version 1.7 – jQuery API （公式ドキュメント、1.7で変更があったもののみ） 1.7 all tickets – jQuery Core – Bug Tracker （1.7の全チケット） リリース記事の翻訳じゃないです。 主な変更点 個人的に気になったものをピックアップしてみますよ。 既存の .bind()や .live()等に置き換わる .on(), .off()を追加 .bind(), .delegate(), .live()が統合されました。（これらも引き続き使用できます。） →詳細後述します。 toggleと.stop()の連携を改善 toggle系と組み合わせた際におかしくなってしまうのが改

20 High Quality Free Fonts Every Design Should Own とりあえず入れておくと使えそうな２０フォントが紹介されています。 汎用的にデザインされており色々な局面で使えそうなのが特徴です。 Photoshopでフォントを切り替えてる時になかなかイメージが合わない時があったりしますが、そうした時に選択肢が多いほうがいいですね。 個性的すぎると、違うなっていうことが多いんですが、こうした汎用フォントは取り合えず入れておくと便利ですね というわけで自分もあとでインストールしたいと思います 関連エントリ WEBページに使えそうなアイコンっぽい図形フォント 手作り風フォントが入手できる「Handmadefont」

Design an Professional Admin/Control Panel Template in Photoshop - Bloom Design Blog | Bloom Design Blog カッコイイWEB管理画面を作成するPhotoshopチュートリアル。 次のようなカッコイイ管理画面をデザインしていく流れが見れます。 単にテンプレートを真似て作るのもいいですが、つくり方も大体わかるというのはいいですね あまりリソースをさけないところではあるかもしれませんが、管理画面も美しくしたい場合に参考にできそうです 関連エントリ 広告デザインのためのPhotoshopチュートリアル１５ 新しめのPhotoshopテキストエフェクトチュートリアル２５ パノラマ写真から小さな惑星を作るPhotoshopチュートリアル 写真のようなリアルなオブジェクトを作るPhotoshopチュート

10月28日から11月4日までのまとめです。 time 要素がなくなったことに関する話題が多いです。復活するかも、という話もありますが……。 他には jQuery 1.7 リリース、CSS transition のテクニック、SVG を始めてみよう的な記事など。 HTML & CSS CSS3 in practice, maddesigns (Sven Wolfermann) #css3 CSS3 でできることのスライド。メジャーどころのプロパティの解説です。 The WHATWG Blog — WHATWG Weekly: Now it’s <time> for <data> time 要素がなくなるそうです。替わりに使えるのは data 要素。 Bruce Lawson’s personal site : Goodbye HTML5 <time>, hello <data>! time

先日新UIになったGoogle リーダーは、カラーリングがシンプルになったり、リスト行間や文字が大きく読みやすくなるなどの変更が施されています。 しかし、このUIでは色あい的に見にくい、コンパクトなノートPCでは画面内に収まり切らないなどの意見も出ているようです。 このUIの評価は人それぞれかと思いますが、とりあえず細かな部分を調整したいという方も多いと思います。 userstyles.orgには、こうした要望を持った方のためにすでに新Google Reader用のユーザースタイルが大量にアップされています。 そこで今回は、そんな新Google Reader向けのStylish用ユーザースタイルをいくつかまとめてご紹介したいと思います。 1．Google Reader fix 2011 light theme 余白部分を若干詰めて記事表示スペースなどを拡大します。 2．Old styled

Typography is the art or technique of arranging type. It’s a broad medium, covering areas such as typeface selection, line length, line spacing, kerning, tracking, and of course wider design features such as color, lighting etc… Today we bring you a showcase of extremely inspiring typography designs, showing just how far the medium can be pushed. These pieces are all works of art in their own righ

こんにちは初めまして、石崎と申します。 今回は jQuery Mobile シリーズ3回目！ということで、jQuery Mobile デザイン編です！ jQuery Mobile には 標準のテーマ（色見本）が5つ用意されています。この標準のテーマを使用してアプリを作ることも可能です。しかし、アプリやサイトにはそれぞれのデザインやブランドイメージがあり、標準のテーマとは違うイメージのものを作りたい場合があります。 そんな時のために、今回は CSS などをカスタマイズして独自のデザインをいれていくノウハウについて説明します。 対象読者 CSS3, HTML5 の知識がある方 jQuery Mobile の仕組み 今回は jQuery Mobile のバージョン 1.0 RC2 を扱います。 先ほど述べたように、jQuery Mobile には標準のテーマが5つ用意されています。data-th

Instagram Advertising Some brands struggle to reach young people who could be great, loyal customers for their products and services. Fortunately, Instagram marketing is a great way to reach these groups. However, some companies struggle to get started in this area and build campaigns that stand out on the user's feed. This blog has all sorts of information that makes it easy to create Instagram a