type.js
Typography tools for better web type. Type.js allows you to write new CSS properties to take finer typographic control of type styles on the web. Implementation Set up is simple. Upload type.js to your site, and link it in your HTML, just before the end of the body. <script src="./type.js" type="text/javascript"></script> Next, add a style tag before the script, and write these new CSS properties
【フロントエンド】新規 Web アプリケーション開発案件をふりかえってみた | リクルート テックブログ
4 ヶ月あまり続いた新規開発案件がようやく落ち着きを見せたので、ここらで振り返りをしてみたいとします1)リリースまでに巻き取れなかった不具合や未実装箇所が幾つか残っているので、まだ気持ち的には終われていないのですが…。 サービスのおおまかなアウトライン コンシューマ ( 一般ユーザー ) 向けサービス ブラウザで動く Web アプリケーション ワンソースによるレスポンシブレイアウト サポートするブラウザは IE9 以降や Android4.x 以降のモダンブラウザのみ Ruby on Rails 多言語対応あり SEO 対策はそれなりに必要 わりとフワッとしか要件が決まっていないままスタートしたので、TRY & ERROR を繰り返しながらの開発 すごく大雑把ですが、だいたいこんな感じの Web アプリケーションです。これを踏まえてフロントエンドをどのように開発していくかを設計していきまし
jQuery その先のUIアニメーション - Qiita
jQueryを使わないでアニメーションしたくはないでしょうか 別に興味ないですか。私は興味あります。 ブレイクスルーJavaScript フロントエンドエンジニアとして越えるべき5つの壁―オブジェクト指向からシングルページアプリケーションまでを注文しました。 jQueryその先へ、とかそういう文言が今熱いのか。 積ん読たまってて読めるかまったくわからないんですけど。 書籍とは離れますが、jQuery を使用しないでどこまでアニメーションに耐えられるのか、ちょっとやってみました。 https://github.com/tkdn/postjQueryAnimate ※ jQuery は2~使ったので、IE10～,Chrome,Safari,Firefoxいずれも最新くらいがターゲット Velocity.js という選択 最初はCSSアニメーションでなんとかと思ってたんですが、途中で挫折、jQu
Home
The objective of the CSS-TAG Houdini Task Force (CSS Houdini) is to jointly develop features that explain the “magic” of Styling and Layout on the web. This wiki is to help the CSS Houdini record resolutions and open issues, to share them with the public, and to encourage public involvement in the development of CSS extensibility. Contributions to this wiki are governed by the same conditions as t
Front-End Dev guidelines - tech.tmw.co.uk
Overview This document details the guidelines and standards adhered to by the Creative Technology department at TMW, and all web applications built should take these into consideration. It is an evolving document and should be reviewed as and when required to keep up with changes in technology and best practice. These guidelines have been compiled looking at various previously written guidelines -
A Good Front-End Architecture — SitePoint
Stay Relevant and Grow Your Career in TechPremium ResultsPublish articles on SitePointDaily curated jobsLearning PathsDiscounts to dev toolsStart Free Trial7 Day Free Trial. Cancel Anytime. Key Takeaways A good front-end architecture is crucial for successful web development, ensuring the final product is responsive, maintainable, and performant. It also aids in structuring your code in a way that
Touchstone JS – What’s Coming for This UI Framework
TouchstoneJS – Creating Your Visual Interaction People have the habit of checking their smartphones every few minutes, but they rarely think about how the app interface is made. Software-developing specialists utilize a variety of programming tools for the applications themselves, however, when it comes to making that part of the application that users interact with, developers use UI (user interf
deSVG
deSVG Remove inline SVG bloat from your HTML document. Style SVGs with CSS. SVGs still accessible without JavaScript. What does it do? deSVG takes the <img /> tags you supply. It then grabs, using AJAX, the raw SVG you've set in the "src" attribute and replaces that <img /> with the <svg /> it downloads. Include the JavaScript file on your page <script src="path/to/desvg.js"></script> Kick off deS
Smashing Magazineのパフォーマンス改善ケースが凄まじい件 - MOL
Frontrend Advent Calendar 2014 - Qiitaの24日目。たぶん。知らんけど。 ちょっと前になるが12/13にバンクーバーで開催されたThe Style & Class Conference 2014に参加してきた。前日にSmashing Conferenceが、ウィスラーというバンクーバーから比較的近い所で開催されていて、本当はそっちに行きたかったんだけど高額なため、地元コミュニティのほうにだけ参加した。ウィスラーの方の記事は@ygoto3が書いてたっぽい。 Smashing Conferenceで登壇していたJohn Allsopp氏やVal Head氏もこのカンファレンスで登壇するということで、『なんだ、ウィスラーのついでかよー』と思い全然期待してなかったのだが、行ってみたらカンファレンス全体の構成などすごく考えられていて、とても素晴らしいカンファレンス
Elmとはどんな言語か？その７つの特徴【Elmアドベントカレンダー2014 1日目】 - None is None is None
これはElm Advent Calendar 2014の1日目です。 Elmはクライアントサイド向けの関数型言語です。一体どんな言語なのでしょうか？ 1. HTML/CSS/JSにコンパイルされる ElmはHTML/CSS/JSにコンパイルして使用します。 この辺はJavaScriptにコンパイルされるAltJSに似ています。 AltJS同様、Elmも特別なランタイムライブラリは不要です。 ただし、Elmは1つのソースでHTML/CSS/JSをすべてまかなえるのが特徴です。 2. 独自の抽象化レイヤーを提供している 代表的なAltJSであるCoffeeScriptは"It's just JavaScript"をモットーにしています。すなわち、文法を改良するのみで、「中身」はJavaScript以上でも以下でもありません。 一方、Elmでは直接JSやCSSを操作することはできません。 基本的
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
less.js/CHANGELOG.md at v2.5.0 · less/less.js
w3talks.org - w3talks リソースおよび情報
GitHub - bendc/frontend-guidelines: Some HTML, CSS and JS best practices.
http://www.youtube.com/playlist?list=PLTo9gQMPMgGaVv9e-ZsrzhWvu5BgyWpi-
GitHub - jotform/css.js: A lightweight, battle tested, fast, CSS parser in JavaScript
GitHub - defunctzombie/npm-css: Require css from npm
Release v2.2.0 · less/less.js
GitHub - decadecity/css-specificity-map: Maps CSS specificity data for graphing
ペパボのフロントエンドスタンダード に関する記事一覧 - ペパボテックブログ
utilities/JavaScript/Source/stylesheet-api.js at master · ickata/utilities
