With so many exciting things happening at all levels of the web “stack”, we wanted to create a single place where we can share everything we are working on with the community to improve what is possible on the web and simplify how you work with HTML, CSS, SVG and JavaScript. アドビのHTML5関連の新技術として、いま策定中のCSS Regions、CSS Shards、CSS Shadersや、そしてアドビが支援しているオープンソースのCordva(PhoneGap)、jQuery Mobile、WebKit、そしてD
昨年11月にjQuery Mobile 1.0として最初の正式版が登場してからわずか5カ月。最初の大きなバージョンアップとなるjQuery Mobile 1.1.0がリリースされました。 jQuery Mobileは、HTML5のタグを書くだけでプログラミングをせずにモバイルアプリケーションが作れるJavaScriptのフレームワーク。開発されたアプリケーションは、iOS、Android、WebOS、Windows Moblie、Symbianなどさまざまなモバイルプラットフォームで動作します。 jQuery Mobile 1.1では、画面上部もしくは下部につねに表示されるFixed Toolar(固定ツールバー)のちらつきがなくなった点、画面遷移がよりスムーズになった点などの改善が行われています。 固定ツールバーがCSSベースに モバイルデバイスのユーザーインターフェイスとして、画面上部
岩手県大槌町は、東日本大震災により最も大きな被害を受けた自治体の一つだ。震災前の人口約1万6000人のうち、1割近くが死亡もしくは行方不明。6割の家屋が被災し、6000人以上が避難。町役場そのものが津波の直撃を受け、町長を含む職員の約4分の1を失った。 もちろん町の情報システムもサーバーも全壊した。現在、小学校の校庭に設置されたプレハブ住宅が仮設の町役場になっている。 その大槌町のホームページが2012年3月1日、新しくなった。このホームページには、亡くなった町の職員、大槌町出身で東京で働いている技術者、震災後に復興を支援したいと東京から応募して大槌町の職員になった技術者の思いが込められている。その物語を紹介したい。 大槌町出身の技術者がボランティアで復旧 庁舎を壊滅させた津波は大槌町のホームページを置いていたサーバーも水没し、震災後、大槌町のホームページは消滅してしまった。だが、大槌町は
こんな僻地で退職エントリーもどうかと思うけど。 5年間勤めたサイボウズを本日2/29で退職しました。最終出社日は2/24だったけど。 この3年くらいずっとkintoneという製品を作ってきたのですが、UI設計やクライアントサイドどうするな話など、自分が初めてやりたいようにできた(というと語弊があるけど)のでとても思い入れが大きい製品です。 まだ昨年の11月に販売されたばかりで機能数も少ないですが、「誰でも早く作れる」というコンセプトにおいてはかなり自信を持って作っていましたし、お手軽でいい製品だと思います。 Excelの管理めんどくさいからWebで共有したいなーとか、5人くらいでサクッとタスクフロー回せるアプリが欲しい!という方がいらっしゃいましたらぜひお試しください(お試し1ヶ月無料です)! 毎月リリースという結構なリリースサイクルの中、毎月とんでもない量のタスクが積まれる中、それでも楽
JSer.info #57 - JavaScriptのデザインパターンについて書かれたEssential JavaScript Design Patterns For Beginnersがアップデートされたようです。どのへんが更新されたかについての記事はまだかかれてないので、gitのログを確認するしかないです。(多分そのうちEssential JavaScript And jQuery Design Patterns – A Free New Bookあたりに更新内容が書かれそうな気がします) addyosmani/essential-js-design-patterns - GitHub HTML5ROCKSのリニューアルにともなってAppward’s Field Guide to Web Applicationsという電子書籍風になってるドキュメントが公開されています。こちらもかなり量
「CSS の ID 名や CLASS 名の単語の連結にハイフンを使うべき、キャメルケースとかアンダーバーとかダメ」的な主張を去年ぐらいにどこかで読んだ記憶があるのですが(うろおぼえ)、 /* たしか… これがオススメのスタイルで */ .hoge-huga-piyo {...} /* これとか… */ .hoge_huga_piyo {...} /* これはイケてない(らしい) */ .hogeHugaPiyo {...} 個人的には「ちょっとそれ CSS に寄り過ぎてて、視野せまくないかー」という考えをもっていたので、つらつらと書いてみます。 E:first-child や E[key|="value"] などのハイフンを前提とした構文に関してはもちろんありですよ。ここで取り上げてるのは、属性セレクタや擬似クラスセレクタについてではなく、IDセレクタ と CLASSセレクタ についてです
via juhansonin 最近気になっている事柄についての記事があったのでご紹介。 「Desingineer」という存在について。 (Source: Desingineer – the mythical person every Startups are looking for Brajeshwar ) 以下、Source記事の抄訳です。 Chris Dixonさんのツイート "Desingineer" -> mythical person startups are looking for who can do UI, UX and also excellent front- and back-end coding. — chris dixon (@cdixon) December 19, 2011 "Desingineer"とは、UI, UXもできて、フロントエンド・バックエンド
実装も簡単で、オプションも豊富に揃った、使い勝手のよい画像スライドショー用のjQueryのプラグインを紹介します。 約4KBと超軽量なのもいいですね。 右上のオートプレイは状況も表示します。 Orbitの実装 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして指定します。 <script src="js/jquery.min.js" type="text/javascript"></script> <script src="js/jquery.orbit.min.js" type="text/javascript"></script> スタイルシートも外部ファイルとして指定します。 <link rel="stylesheet" href="css/orbit.css"> HTML 画像のみを配置したシンプルなスライドのHTMLです。 <div id="featured"
複数の画像のスクロールのタイミングをずらして表示するパララックスを簡単に実装できるjQueryのプラグインを紹介します。 jQuery.Smart3D デモページ [ad#ad-2] パララックスはそれぞれのタイミングをずらして視差効果を生み出し、奥行き感を出すものです。 上記デモでは背景と人物の画像2枚をそれぞれマウスに合わせてずらして表示しています。 使用画像 5枚の画像を使用したパララックス Smart3Dの実装 一番最初に紹介したデモの実装方法です。 HTML 各画像をリスト要素で配置します。 <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS スタイルシートでサイズを設定し、好みでborderなどのデザイン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く