タグ

2011年10月7日のブックマーク (12件)

  • [Fireworks]これは便利!Adobe Fireworks CSS3 Mobile Pack | バシャログ。

    ここ最近はピンク・フロイドを BGM に就寝している sakai です。どんどん陰気になってきている気がします。 11/12(土)に開催される「CSS Nite in MIYAZAKI Vol.3」に出演させていただくことになりました。 近隣の方、ご都合の合う方いらっしゃいましたら是非。Fireworks や Dreamweaver を使って効率よく Web 制作をするノウハウをご紹介する予定です!(詳細は近日公開します) さて、今回は先日リリースされた「Adobe Fireworks CSS3 Mobile Pack」のご紹介です。これはなかなかイイモノですよ! インストール 拡張機能のダウンロードはこちらから。 Adobe Fireworks CSS3 Mobile Pack Download のリンクをクリックすると、Adobe Extension Manager が立ち上がって、自

    [Fireworks]これは便利!Adobe Fireworks CSS3 Mobile Pack | バシャログ。
  • 最強の仮想化ソフト? MacでWindowsを動かせる「Parallels Desktop 7 for Mac」レビュー

    最強の仮想化ソフト? MacWindowsを動かせる「Parallels Desktop 7 for Mac」レビュー2011.10.07 11:00Sponsored 仮想OS便利すぎです。 「Parallels Desktop 7 for Mac(以下Parallels)」が9月7日に発売されました。ParallelsはMac上でOSを動かすことができる仮想化ソフトなんですが、そもそも仮想化ソフトってなに? という方も多いと思いますので、まずこちらのスクリーンショットを見てください。 じゃじゃん。これを見たら一発で分かるでしょう。MacWindowsを動かしているところです。 今回は、90日間無料で利用できるWindows 7 Enterprise 評価版と、Linuxで人気の高いUbuntu Desktopをインストールして新しいParallelsを使ってみたいと思います。 イン

    最強の仮想化ソフト? MacでWindowsを動かせる「Parallels Desktop 7 for Mac」レビュー
    K-Taro
    K-Taro 2011/10/07
  • jQueryだけ使うのが馬鹿らしくなる。KnockoutJSに触れる

    久保田です。最近KnockoutJSというJavaScriptフレームワークを勉強しています。 KnouckoutJSはjQueryの上に構築されているフレームワークです。jQueryのみ使うのと比べてKnockoutJSを利用すると、ウェブページ上のインタラクションを圧倒的に簡単に記述できます。この記事では、簡単にKnockoutJSの概要を説明し、KnockoutJSを用いたデモを紹介します。 このフレームワークの特徴としてあるのは、HTML内に宣言的な記述を埋め込むことでインタラクションが実装できることです。HTML5のカスタム属性(data*属性)を用いて、その要素に関する処理を宣言してきます。裏側の処理は、JavaScriptでViewModelを定義し、そこにビューが必要とする値を管理します。 例えば、あるチェックボックスにチェックを入れると下の要素がトグルする簡単な例は、以下

    jQueryだけ使うのが馬鹿らしくなる。KnockoutJSに触れる
  • スティーブ・ジョブズが私たちに残してくれた12の名言。

    宇宙で鐘を鳴らしたい。 あなたは人生の残りを砂糖水を売ることに費やすか? 世界を変えるチャンスを得たくはないか? ※砂糖水=ペプシ? みんな自分が定めたフォーカスが正しいと思ってるけど、それが全てじゃないんだよ。他に100のいいアイディアがあるはずだ。盲目にならず視野を広くもとうぜ。 墓場で1番の金持ちになることは私には重要ではない。夜眠るとき、我々は素晴らしいことをしたと言えること、それが重要だ。 良いアイディアが生まれたらとにかく人に話してみよう。周囲の反応をよく見て聞き、様々な側面から研究しよう。あなたは物事を追及することが大切だって知っているはずだ。 「イノベーション」がリーダーとそれ以外のやつらとの違いだ、。 質の基準になりなさい。何人かの人は、優秀さを期待する環境に慣れていないからだ。 量より質。2塁打よりホームランのほうが遥かに優れてる。 1年間で2億5000万ドルを失ったの

  • CSSアニメーションの基礎

    今さらながらCSS Animationsの使い方が分かってきたので、プロパティなどを簡単にまとめておきたいと思います。 これを書くにあたって、以下の2つを参考にしました。 CSS Animations Editor’s Draft 25 July 2011CSS animations - MDN上のはdev.w3.orgにある、2011年7月25日版のエディターズドラフトです。 ちなみにwww.w3.orgにある仕様は「CSS Animations Module Level 3」です。これを書いている現在、こっちは2009年3月20日版が最新となっています。 基的に2011年7月25日版のエディターズドラフトをベースに説明したいと思います。なので、現在のブラウザの実装とは異なることもあります。 2つ目のは『Mozilla Developer Network』のドキュメントです。日語版も

    CSSアニメーションの基礎
  • Appleから学ぶウェブデザインに役立つ10のチップス

    10 Lessons on Design We Can Learn From Apple [ad#ad-2] 下記は各ポイントを意訳したものです。 #1: Simple Is Better #2: 商品写真の使い方 #3: コントラストを効果的に #4: 簡単に妥協しない #5: Flashから離れる #6: フレンドリーに #7: グリッドの活用 #8: Learn moreコンテンツ #9: 一貫性 #10: ただのコマースサイトにしない #1: Simple Is Better 派手なデザインの「購入する」ボタンやグラフィックが満載のウェブページほど嫌なものはありません。それは取り散らかされただけの下品なページです。 Apple Store Appleのページは「less is more」の好例で、派手な広告やプロダクトであなたを攻めたてることはなく、むしろあなたが見るべき一つのもの

  • はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

    はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

    はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
  • http://akibahideki.com/blog/cat5/post-20.html

  • [JS]iPhone, iPad対応、パネルを雑誌のようにぺらっとめくるスクリプト -FlipPage

    FlipPage 右端がぺらっとしてますが、キャプチャだと分かりにくいですね。 [ad#ad-2] FlipPageの実装 HTML 画像を配置したdiv要素をdiv要素で内包します。 <div id="exemples"> <div><img src="img1.jpg" style="margin-left: 0px;" /></div> <div><img src="img1.jpg" style="margin-left: -250px;" /></div> <div><img src="img2.jpg" style="margin-left: 0px;" /></div> <div><img src="img2.jpg" style="margin-left: -250px;" /></div> <div><img src="img3.jpg" style="margin-le

  • HTML5で作られたプレゼンスライド「deck.js」

    これは使いやすい、HTML5+jQueryのプレゼンテーション用ツール -Deck JS (コリス) HTML5で作られた、プレゼンテーション・スライド「deck.js」が紹介されています。 ページ切り替えのエフェクト動作が機敏で小気味いいです。 ライセンスはMITとGPL v2のようです。

    HTML5で作られたプレゼンスライド「deck.js」
  • webデザインに必要なアイコンが全て揃うアイコンセット「500+ web icons pack」

    ページ移動が必要なwebページを快適に閲覧してもらうために重宝する素材アイコン。WEBサイトの内容によっては、分かりやすく表現するために多くの種類のアイコンが必要になります。そこで今回紹介するのが、webデザインに必要なアイコンが500個もまとめられたアイコンセット「「500+ web icons pack」です。 上記のとおりシンプルで使いやすいデザインのアイコンセットとなっています。 詳しくは以下 「500+ web icons pack」には、ホームや設定・電話などを表す一般的なUIを示すアイコンはもちろん、大型ショッピングモールに表示されているような案内アイコン、ビジネスシーンで使いやすい時計やグラフを示すアイコンなど、生活のあらゆる状況がアイコンとしてセットになっています。 シンプルなシルエット素材になっているので、流行などに関係なく利用できるというのが嬉しいですね。PSDデータ

    webデザインに必要なアイコンが全て揃うアイコンセット「500+ web icons pack」
  • 美容院や宿泊施設等で見かけるような予約システムを実装出来るWordPressプラグイン・Bookings(の今後にちょっと期待)

    美容院のサイトやホテル、民宿などのサイト でたまに見かけるWeb上で簡単に予約できる システムを構築できる、というWordPressの プラグインです。タイトルの通り、まだ実用 性のあるものではありませんが、プラグイン では初めて見たので備忘録的に記事にします。 タイトルで釣るっていう不毛なトラフィックが嫌なので、一応明記しましたが、使い勝手もUIもまだ良い訳ではありませんので、当に今後期待をこめて、という記事です。 リリースされたばかりのようで、日語化もまだされてもいません。少しでも多くのデベロッパーにこのプラグインの存在を知ってもらって、より改善していけたら素敵だなぁと思ってご紹介します。 こちらでも書いてありますが、美容院や、スパ、マッサージ、病院など、予約が必要な施設向けに開発されたプラグインです。この手のシステムはどこかで見かけた事がある方もいらっしゃるのでは無いでしょうか?

    美容院や宿泊施設等で見かけるような予約システムを実装出来るWordPressプラグイン・Bookings(の今後にちょっと期待)