「フロントエンドデベロッパー面接時の質問事項」日本語訳しましたFront-end Job Interview Questions(Github)を日本語訳しました。 日本語訳はこちら 質問項目としては下記のようになります。 一般的な質問事項HTMLに関する質問事項JSに関する質問事項jQueryに関する質問事項CSSに関する質問事項フロントエンドデベロッパーの方は自分の実力試し、あるいは知識の復習として回答を考えてみてはいかがでしょうか？ 自分もやってみましたが案外知らないこと、うろ覚えになっていることが多かったです。
定期更新されるJavaScript等の情報サイトをまとめたMeta-Weeklyというサイトを作りました
はじめに JavaScript Weekly や 私がやってるJSer.infoなど、 週刊などでJavaScript等の情報について紹介するサイトがここ数年でかなり多くなりました。 詳しくはオフライン勉強会でJSer.info一周年について発表してきた | JSer.infoでも乱立するまとめサイトとして触れています。 それらのサイト、メールマガジン、ポッドキャスト等をまとめたMeta Weeklyというサイトをつくったという話です。 Meta Weeklyって何? Meta Weekly は 単純にそれらのサイトをまとめたリンク集のようなものです。 基本的にまとめているサイトは、フロントエンド、JavaScriptに関連するような生きているサイトをリストアップしています。 機能らしい機能はDaily, Weeklyなどでフィルターするぐらいしかありませんが、RSSがあるサイトなどはそれ
simpl.info
This site aims to provide simplest possible examples of HTML, CSS and JavaScript. There are shortcuts for many of these pages (see full list). For example, simpl.info/v redirects to simpl.info/video. A list of web development resources is available from bit.ly/webdevres. Submit bug reports, requests and comments at github.com/samdutton/simpl.
BEM-Methodology Definitionsの日本語訳。 - Sooey
BEM-Methodology Definitionsの日本語訳。 YandexのBEM-Methodologyが方法論としてあちこちで参照されているのを見かけることが増えてきて、ちょっと変わったCSSの命名規則、みたいな認識が持たれるようになってきた。 しかし、原典である「BEM-Methodologyとは一体何なのか」という情報はなかなか説明されず、このままだとBEMを導入するチーム内で齟齬が生まれることもあるだろう、ということで、HTML/CSSマークアップに適用する際のエッセンスとなりそうなDefinitionsというページだけ日本語に訳した。 https://github.com/juno/bem-methodology-ja 最初は本家サイトのリポジトリをforkして作業していたのだけど、どうもCMSというかHTML生成のプロセスがYandexの独自ツールを使っていて、表示確認
一歩進んだHTML/CSS/JSを目指すために | 1000ch.net
2013/08/01 一歩進んだHTML/CSS/JSを目指すために 「なんとなく書きたくないけど、どう意識してコーディングしていけばいいのかわからない…。」 それを解消するためのツールがありますので、紹介します。 HTMLInspector philipwalton/html-inspector Introducing HTML Inspector こちらはHTMLを解析して悪いところを指摘してくれるツール。 たぶんガイドラインとかそれぞれあると思いますが、基本的にはコレに沿ってもいいかと。 スクリプトを差し込んで、実行すると、指摘事項がconsoleに出力されます。 githubのリポジトリからダウンロードするか、bowerで落としてくるか。 bower install html-inspector 次に、解析したいページに以下のコードを埋め込みます。 <script s
Bootstrap
Who This Book Is ForWho This Book Is Not ForWhat This Book Will Do For YouHow This Book WorksWhy I Wrote This BookOther ResourcesAre You Sure You Want Bootstrap?Conventions Used in This BookUsing Code ExamplesHelp This Book GrowSafari® Books OnlineHow to Contact UsAcknowledgments What Is Bootstrap?Bootstrap File StructureBasic HTML TemplateGlobal StylesDefault Grid SystemBasic Grid HTMLOffsetting
CSS Preload Scanner in WebKit · ariya.io
CSS Preload Scanner in WebKit Apr 9, 2013 2 min read #css #optimization #web #webkit In WebKit world, preload scanner refers to a side parser which kicks in if the main HTML parser is halted by a blocking script loading. Because this preload scanner can see what other resources (e.g. stylesheets, images, inputs) are to be fetched, it can trigger the associated network requests as early as possible
WebKit SVG Status
WebKit is an open source Web content engine for browsers and other applications. We value real-world web compatibility, standards compliance, stability, performance, battery life, security, privacy, portability, usability, and relative ease of understanding and modifying the code (hackability). Project Goals Web Content Engine The project’s primary focus is content deployed on the World Wide Web,
Webサイト＆WebアプリのRetina対応方法まとめ
こんにちは。 会社からMacBookPro Retinaディスプレイモデルを支給されました浅海です。 Retinaディスプレイ、非常に快適なのですが、Retinaディスプレイに最適化されていないWebページやアプリケーションでは、ビクセルベースで作られている部分がすこしぼけたように見えてしまいます。 特に文字を画像にしている場合なんかは、かなり気になります。 Retinaディスプレイは既にiPhoneで使われているほか、一部のAndroidもRetina相当の解像度を持っているモデルが登場しており、モバイルWebサイトやWebアプリがRetinaディスプレイを意識した作りになっていることはよく見られるようになりました。 これからもPCなど、Retinaディスプレイ対応のニーズは増えるだろうと思い、対応方法をまとめました。 目次 imgタグ CSS JavaScript Google Map
Online StyleSheet Generator | OneClickCSS
What's this? HTMLソースをもとに、id,class名CSS、子孫セレクタCSS、子セレクタCSS、LESS、SASS、SCSSを自動生成するオンラインサービスです。 従来のHTMLコーディグを強力にサポートします。 What's LESS/SASS/SCSS? LESS / SASS / SCSSはCSSを効率的にコーディングできるCSSメタ言語です。 従来のCSSに比べ子孫セレクタ・子セレクタを簡単に管理することができ、高速にコーディングすることができます。 LESS OFFICIAL SASS/SCSS OFFICIAL 関連サービス 高画質サムネイル生成サービス HTTPクエリデコード SQLフォーマッター Insert文フォーマッター スペースフォーマッター JSONフォーマッター HTML/XMLフォーマッター Emmet toolkit for <textare
Centurion - A CSS Web Framework
Built using SASS and CSS3 media queries, Centurion is a responsive web framework that scales with your device. No longer do you need to worry about the screen size of an iPhone or an Android tablet since Centurion does the work for you. Want to test Centurion out simply fork or download the repository on Github to get started and see the power a responsive framework can have on your next web proje
GitHub - assetgraph/assetgraph: Optimization framework for web pages and applications
AssetGraph is an extensible, node.js-based framework for manipulating and optimizing web pages and web applications. The main core is a dependency graph model of your entire website, where all assets are treated as first class citizens. It can automatically discover assets based on your declarative code, reducing the configuration needs to a minimum. If you just want to get started with the basics
Caniuse test page
This is a basic test suite of various web technologies for the When Can I Use website. It is used to quickly test basic support for features in upcoming browsers, rather than any full support of the feature's specification. Results on this page generally match the results as they appear on the When Can I Use site, but may not always due to a variety of circumstances (test may pass but support is a
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Tridiv | CSS 3D Editor
Tooling for Modern Web App Developer
NerdyData
DevDocs
DirtyMarkup Formatter - HTML, CSS, & JavaScript Beautifier
WordPress › Error
TextScalableなコンポーネントのスタイル