
会議はワルシャワで4月26〜27日に開催され、シリーズの2回目の会議 ( 最初の会議についてはLea Verou )であり、最後ではなく、噂と成功によって判断されました。
報告はすべて英語で行われ、30分間、1つの部屋で頻繁にコーヒーブレークが行われました。 主に技術的なレポートがありましたが、いくつかの伝道者とスポンサーシップのレポートがありました。 ホールにアウトレットがなく、初日にバッジの大きな列ができていないことを除けば、イベントの開催が本当に好きでした。
会議サイト 、 ハッシュタグ#FrontTrends 、主催者はプレゼンテーションのビデオ録画をすぐに投稿することも約束しました(情報が表示され次第、間違いなく投稿を更新します)。
初日のスケジュール:
リンクはレポートとスピーカーサイトのスライドです。以下はプレゼンテーションに関する簡単なメモです。レポートはオフィスで読むことができます。 ページ (英語)。
WEB:プラットフォームまたはパイル 'Oハック?
アレックス・ラッセル
アレックスは、Webアプリケーションの未来と、技術開発の可能なベクトルについて話しました。私たちが独自の発明をすることができるのに、CSSプロパティを実装するまで待つのはなぜですか おそらく将来、低レベルのブラウザテクノロジーにアクセスできるようになり、ブラックジャックとディーバを使って独自の標準を作成できるようになるでしょう。
レスポンシブデザイン:スマッシングマガジンのケーススタディ
ヴィタリー・フリードマン
Vitalyは、ポータルの再設計の歴史と、それらが新しいレスポンシブデザインにどのように到達したかについて話しました。 古いデザインの主な問題は、インターフェイスの山、タイポグラフィの悪さ、速度です。 これらの問題により、ユーザーの約40%がリーダーとRSSフィードのみを使用してサイトのコンテンツを表示するようになりました。
いくつかの要約
- Smashing Magazineはデザインサイトであり、XPを使用する訪問者の割合は約16%です
- 新しいデザインの目標の1つは、任意の解像度で45〜90行のテキストを制限することでした
- ボイラープレート、modernizr、respond.js-新しいデザインのボンネットの下
- Facebookのボタンを削除することで、記事の「いいね」の数が増加しました(方法は明確ではありませんが、新しいデザインのおかげで、人々はリンクや印象を共有するようになりました)
- サイトでのメディアクエリの最大ステップは2000+ px
わからないこと
クリス・コイヤー

基本的に、Chrisはcss-tricks.comの最新の記事を語り直しました-開発者( caniuse.com 、 css3pleaseなど)の生活を楽にする小さなWebサービス、さまざまなポリファイル、古いブラウザでの新しい技術の後方互換性、プリプロセッサについて簡単に説明します。
モバイルサファリ:お持ち帰りのマシン
デビッド・デサンドロ
興味深いのは、-webkit-overflow-scrolling:touchプロパティのみです。これにより、ネイティブiOSアプリケーションのように、Web上でスクロールできます。 iOSアプリケーションでのタッチイベントの機能について聞くことも興味深いものでした(スライドを参照)。 残りについては、ビューポートの幅、位置:固定サポートなど、よく知られている問題が影響を受けました。
非自明なJAVASCRIPTアプリケーションを組織化するためのパターン
レベッカ・マーフィー
良い習慣を破る
ハリー・ロバーツ
ゲイリーは、設計の拡張と保守を容易にする独立したブロックとレイアウト手法について話しました。 固定幅を避け、抽象クラス名を使用し、ページではなくブロックで考えます。
HTML5、インターネットエクスプローラー、Windows 8-マイクロソフトストーリー
ダニエル・ビエシアーダ
Microsoftのエバンジェリストからの唯一の興味深いニュース-IE10はWindows 7で利用可能になります。
SASSを使用したスタイルガイド駆動UIデザイン
ジナ・ボルトン
ジーナは、スタイルガイドの有用性について話し、ネットワーク上のオープンスタイルガイドの例を挙げました(特にAndroidアプリケーションインターフェイスのスタイルガイドを称賛しました)。リンクはプレゼンテーションのスライドにあります。
講演の最後に、GinaはSASSとプリプロセッサの一般的な機能について少し話しました。
ギャップを気にする
ジュリアン・ガチャド

ジュリアンは、建物の壁に投影されたオフラインインストール用に作成された彼のプロジェクトの1つのプレゼンテーションから始めました。 その後、彼はWebテクノロジーを使用して珍しいものを作成できる興味深いJSライブラリについての話を続け、また彼の今後のプロジェクトの1つのアイデアを明らかにしました。
HTML5 JAVASCRIPT ON CRACK
カイル・シンプソン
カイルは、HTML5の最もおいしい機能をすべて適用しようとした彼の実験について話しました。 ソースコードが添付されています。
4次元のCSS:お父さんのCSSアニメーションではありません
Lea Verou ( 6メガバイトのテーマ画像 )
レポートの中で、Leahはcssトランジションとアニメーションのいくつかの興味深い機能を発見しました。プレゼンテーションでは実際の例を見つけることができます。 css3アニメーションに興味がある場合は、スライド
私は、起動時ではなく、復帰時にのみ移行を遅らせることができることを発見しました。
Webはプラットフォームです— MOZILLAのモバイルOS
ズビグニエフ・ブラニエツキ
これは、Mozillaのエバンジェリストが新製品の可能性について話し、オープンWebを要求した非テクノロジーレポートの1つでした。 報告書で、彼は彼らが現在他のブラウザベンダーと協力していると述べました、そしておそらくすぐに我々は彼らの共同協力の成果を見るでしょう。
クライアントがサーバーを必要としないWebアプリケーションの将来
マリウス・ノヴァク
2日目のスケジュール:
ジャバスクリプトのリファクタリング-ビッグバン理論?
クシシュトフ・サフラネク

いくつかの要約
- 将来のために延期されたコードを取り除きます。99%の場合、このコードは必要ありません。
- コードリファクタリングは将来に投資しています
- メソッドに10行を超えるコードが含まれる場合は、リファクタリングする必要があります
ブラウザが内部的に機能する方法
タリ・ガーシエル
基本的に、レイチェルは彼女の(すでにかなり古い)記事-HOW BROWSERS WORK:BEHIND THE THE SCENES OF MODERN WEB BROWSERSを語りました 。
メモから
- マークアップエラーに取り組んでいるブラウザーはHTMLの解析を困難にします
- z-indexを持つブロックは延期され、他のすべてのブロックの後に描画されます。
- ブラウザのソースを操作する上で最も不快なことは、コードの非常に長いコンパイルです(例1時間)
JAVASCRIPT:使用するサブセット
オロフ・ラッサス
Webを壊さずに境界を押す
レイチェル・アンドリュー
レイチェルの報告は、クリス・ロイヤーへの一種の反対の報告であり、クリスの多相性とサードパーティのライブラリを可能な限り使用するというアイデアを否定しました。 彼女は、考えられる問題を解決するためにすぐにスクリプトを大量にプロジェクトに押し込むのではなく、特定のケースとポリファイルの必要性を研究して、発生した問題を解決するように促しました。
生産性の面でも、開発者の開発を制限する面でも、レイチェルは多フィルの問題について非常に簡単に話したようです。 レポートのビデオ録画はどのように掲載されますか、私はそれを聞くことを強くお勧めします。
レポートのポイント
- 「これは、Web開発者になる素晴らしい時間です。」
- 「ウェブは開発中です。 あなたの仕事? それに対処するために。」
- 「ポリファイリングの前に問題解決を教えてください。」
- 「コピーして貼り付けるだけのトレーニングをすれば、成長、学習、貢献をやめることができます。」
HTMLを知らなかった10のこと
マティアス・バイネンス
Matiasは、主にHTML / CSSの引用符の必要性と、Java Script変数名の無効な文字について、彼のブログから最新の記事を繰り返しました。
ブラウザでの設計
ディビヤマニア
CSS Working Groupのメンバーであり、現在はAdobeのエンジニアであるデザイナーが、ブラウザーで直接デザインのプロトタイプを作成する利点について話し、デザイン開発でこのアプローチを簡素化するツールの例を挙げました。
ブラウザでのプロトタイピングについても考えている場合、Ya Subbotnikからの別のレポート- デザイナーの手によるCSS3 ( スライド )を聞くと便利です。
ALICE.JS:軽量の独立したCSSエンジン
ルカセール
BlackberryのエバンジェリストであるLukaがAlice.jsライブラリについて話しました。 このライブラリを使用すると、CSSアニメーションのプレフィックスや仕様に煩わされることなく、CSSの要素を簡単にアニメーション化できます。 彼はBlackberry Playbookでライブラリの例を示し(アプリケーション全体がブレーキなしでスムーズに機能した)、ゲームとアプリケーションの開発において、すべての人にWebテクノロジーへの切り替えを促しました。
同じフラッシュの異なるコード
アレックス・ジロン
インターフェースではなく設計プロセス
ティファニー・コンロイ
教えることを学ぶ
バルトシュ・ソプカ
Bartoshは、自分のコードを他の開発者から隠さないで、若い世代の開発者と経験を共有しないように促しました-パフォーマンスが重要でない場合は、コードを縮小しないでください(JS、webkitインスペクター/ firebugを介してHTMLとCSSで作業できます)、またはコメントへのリンクを提供しますファイルの作業バージョン。
ノードはいつですか?
ジョン・シュルツ
他の会議参加者からのレビューへのリンク
- csswizardry.com/2012/04/front-trends-2012
- www.rachelandrew.co.uk/archives/2012/05/01/front-trends-2012
- dev.end3r.com/2012/04/after-the-front-trends-2012-conference
- tjrus.com/blog/front-trends-2012
そしていくつかの写真
- www.flickr.com/photos/csswizardry/sets/72157629558792354
- www.flickr.com/photos/rachelandrew/sets/72157629925736779
- www.facebook.com/media/set/?set=a.3473800521945.2141030.1179125846&type=3&l=be69989dac
苦しみ
レポートの合間に 、 PainStationをプレイでき、最後に勝者の間で自転車がプレイされました。
会議会場について
1日前にワルシャワに到着し、天気は快適でしたが、+ 10/12でしたが、ポーランドの夏はすべて+20/32になりました。
第二次世界大戦後、都市は破壊され、すべての建物はほとんど新しいものでしたが、小さな古い都市と居心地の良い歩行者通りがありました。 一般的に、ワルシャワには退屈することはあまりありませんでした。多くの興味深い施設があり、路上には多くの人々がいました。
WiFiはほとんどすべての施設にあり、地元の人々は英語に関して特別な問題はありませんでした。ポーランド語は、特にウクライナ人にとっても非常に理解しやすいものです。 すべての施設で英語メニューが一般的で、価格も非常に快適で、リガよりもわずかに安く、サンクトペテルブルクとモスクワよりもはるかに安いです:)
会議は木曜日と金曜日に開催されたため、クラクフを訪問するために別の週末に滞在することにしました。 フロントトレンドに行く予定がある場合は、クラクフを訪れる時間を残してください。 とても素敵な雰囲気、美しい旧市街。 クラクフは小さなプラハのようなものです。
PS
近い将来、私はサンクトペテルブルクのWeb標準、おそらくCSSSummitやFronteersにも参加する予定ですので、お楽しみに!
UPD
フロントトレンドは、いくつかの公式会議ビデオをリリースしました
UPD 10/23/12
Front-Trendsの主催者は、会議のレポートを少しずつ投稿しています。 そして、このツイートから判断すると、2013年にはさらに壮大なイベントが開催されるので、絶対に行く必要があります!