Facebookの新しいUIデザインで見つけたCSSのテクニックのまとめ
先月からエンドユーザーに段階的に適用され始めたFacebookの新しいUIデザイン、そこで見つけたCSSのテクニックを解説した記事を紹介します。 CSSの実践的なテクニックが数多く使用されており、パフォーマンスや何らかの制約による実装時などの参考になると思います。 CSS Findings From The New Facebook Design by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに アバターにSVGを使用する マージンの代わりにスペーサーdivを使用する CSSフィルターの使用 シャドウに画像を使用する CSS変数の多用 テキストの省略表示（複数行テキストの切り捨て） ホバーエフェクトにdivを使用する insetプロパティの使用 dir=autoとCSSの論理プロパティ
片手間のJavaScriptから脱出するためにこれからのWebエンジニアが理解すべきこと - Qiita
はじめに 最近、こういった記事が世間をにぎわせている。こりゃエヴァの話なんてしてる場合じゃねぇ！と思ってさくっとこの辺の事情を理解するために必要なことをまとめてみる。 Railsが時代に合わなくなってきた Javascriptを使うのをやめろ：Railsの時代遅れ云々についての結論 昔ながらの「片手間に書くJavaScript」の限界 GoogleやTwitterでも実現できないのだから使うな問題 この話は、どの地点の何の話をしているのかよくわからないのです。現在ではかなりステップバック＆改善が行われ、Safari自体のクラッシュはアプリのクラッシュと比べて、あまり多いとは思いません。むしろ、一昔前に比べてかなり改善しているという認識です。iOSのバージョンが古いとかでなければ、現状でも十分ユーザビリティの改善につながっているでしょう。 しかし、この問題の結構大部分を占めているのは個人的に
「Revolver」正式版が公開--誰でもSNSの提供が可能に
リボルバーは11月12日、ソーシャルネットワーク基盤「Revolver」の正式版を公開した。 Revolverはユーザーが独自のSNSを構築できるサービス。HTMLやCSSなどの知識を必要とせず、最短数分でサイトを公開可能。サイトは、Pinterest風の写真中心のものと、文字を中心とした一般的なブログのフォーマットを選択可能。ロゴや背景画像などのカスタマイズもできる。 PCやMacのほか、スマートフォンやタブレットでも閲覧できるレスポンシブデザインを採用する。また、App StoreとGoogle Playから専用アプリをダウンロードして、閲覧、編集が可能。また、デジタルコンテンツの販売にも対応する。 現在は日本語のほか、英語、中国語（簡体字、繁体字）に対応。年内には韓国語、タイ語、インドネシア語、フランス語に対応する予定。 会員数1000人までのSNSを構築できる一般ユーザー向けの「B
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
DeNA Engineering - DeNAエンジニアのポータルサイト
各ソーシャルサービスのシェアボタンをJavaScript無しのシンプルなコードで生成するジェネレーター
IDEA * IDEA
新着記事
