CSS Filtersで写真加工するWebApp - CSS PhotoEditor - くらげだらけ（くだくらげのBLOG）
iOS6も発表されて、あとはNew iPhoneのリリースが待たれる季節ですね。私は3Gの発売時に買い替えて、2年後iPhone4にし、また2年が経とうとしているので今年は新しいのに買い換えようという気持ちです。 世間ではAppleのマップでいろいろと騒いでいたりしますが、OSがアップデートされるたびに私がチェックすることといえばブラウザの仕様や機能の変更です。 去年はWebAppやスマホサイトを作るには嬉しい変更がありました。position:fixedやiframeの慣性スクロール、他にもSVGや縦書き、明朝フォントのサポートもありました。 その辺りはiOS5のMobile Safariから使えるようになったHTML5・CSSを試してみました【前編】と【後編】というエントリーでまとめて書いています。このときもデモ用にフルスクリーンで使えるWebAppを作成しました。 今回はCSS Fi
JavaScriptを使わずにPinterest風レイアウトにする
昨日はJavaScriptを使ってPinterest風レイアウトを実現するスクリプトを紹介しましたが、今日はJavaScript無しでスタイルシートで実現するテクニックを紹介します。 デモページ：幅900pxで表示 実装 HTML HTMLは非常にシンプルで、各パネルをdiv要素で実装し、それらをdiv要素で二重に内包します。 <div id="wrapper"> <div id="columns"> <div class="pin"> <img src="image.png" /> <p>テキスト</p> </div> <div class="pin"> <img src="image.png" /> <p>テキスト</p> </div> ... ... </div> </div> CSS Pinterest風レイアウトをCSSで実現するには、二つの方法が考えられます。 一つ目はfloa
Webデザイナーもアプリを開発する時代！HTML5でiPhone,Androidアプリを作れるフレームワーク達 | kouhei328.com
UIデザインをメインとして行なっている僕としては親しみのあるHTML5やCSS3,javascriptでスマートフォンアプリが作れたらどんなに良いことか！なんて事をここ1,2年思っていたんですが調べてみると色んなフレームワークがあるんですね。 今日はそんなWebデザイナーが得意とする言語を使ってiPhone,Androidアプリを作れるフレームワーク達を紹介。 Monaca HTML5＋JavaScriptでプラットフォームに依存せずアプリ作成が出来るMonaca。 Monacaには、異なるOS、デバイスの違いを吸収する「Monacaフレームワーク」が搭載されていてiOSをはじめAndroid,Windowsで同じアプリを同じコードで制作することが出来る。 ネイティブ言語で制作するのと同様AppStoreやGooglePlay(旧AndroidMarket)でのリリースも可能です。
『2012年のHTML5、CSS3、JavaScriptはこうなる〜実際のサービス事例で考えるHTML5の近未来』に参加してきた #html5semi - Diary of absj31
2012年のHTML5、CSS3、JavaScriptはこうなる〜実際のサービス事例で考えるHTML5の近未来 : ATND 2012/01/20 2012年のHTML5、CSS3、JavaScriptはこうなる〜実際のサービス事例で考えるHTML5の近未来 #html5semi - Togetter (写真：神保町駅改札前) HTML5関連ネタはやろうやろうと思いつつ個人的にはリーチ出来てない分野でして、ちょっくら拝見してきました。ちなみに上記の募集サイト、凄い人気で200人の定員に一時は倍の400人が登録すると言う事態に。HTML5人気は凄いですね〜。 開催開場は株式会社オプト１F大会議室＠神保町。この日は朝から雪が降るなどして天候が崩れていましたが、夕方〜開催の頃には問題無く止んでおりました。しかし外は寒かった！(>_<) 入場時の状況で5分程遅れて本編スタート。以下メモです。 基調
ウェブサイト作成に役立つ35のwebサービス｜Webpark
ウェブサイトを作成する際に個人的に使っているWebサービスを紹介します。幅広く35個紹介しますので、新しい発見があれば幸いです。 フォント関係 wordmark.it パソコンに入っているフォントを一覧で見ることができます。フォントサイズも調整できます。 日本語フォント252種類を表示確認できます！フォントを探すならfonthack.jp。 日本語フォントの表示が確認できます。現在252種類あります。 PXtoEM.com: PX to EM conversion made simple. ベースのサイズ（px）を決めると、em, pt, %の値が表示されます。 カラー関連 ウェブ配色ツール Ver2.0 配色ツールは色々ありますが、日本語ですし、あまり考えなくても感覚的に使えるので楽しいです。 Color Scheme Designer 3 カラーパレットジェネレーターです。海外サイトで
面白法人カヤックがHTML5,CSS3,JavaScript,SVGの技術を駆使してコーポレイトサイトをリニューアル！！！！！キーワードは「軽い」「楽しい」「スピーディ」 - カヤックニュース
Webコンテンツの企画開発を事業とする株式会社カヤック（本社：神奈川県鎌倉市、 代表取締役CEO：柳澤大輔、以下「カヤック」 ）は、2011年7月7日、コーポレイトサイトを全面リニューアルいたしました。 近年注目が高まる、HTML5、CSS3、JavaScript、SVGの技術を使い、リッチなデザインを保ちながらも、快適な操作性の実現すること、また、リニューアル前のサイトの特徴でもあった「漫画表現」を要所に取り込み、オリジナルの世界観をつくりだすことを意図して設計しています。 企画コンセプト 1）世界一更新頻度の高い、スピーディなコーポレイトサイトを目指す TOPページを一覧するだけで、最近のカヤックの動向がわかるようニュースでTOPページを構成。リリース情報、講演情報、メディア掲載情報など、日々、リアルタイムにカヤックの最新の情報を発信します。 2）漫画表現を各所で活用して、世界に「漫画
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
