「フロントエンドデベロッパー面接時の質問事項」日本語訳しましたFront-end Job Interview Questions(Github)を日本語訳しました。 日本語訳はこちら 質問項目としては下記のようになります。 一般的な質問事項HTMLに関する質問事項JSに関する質問事項jQueryに関する質問事項CSSに関する質問事項フロントエンドデベロッパーの方は自分の実力試し、あるいは知識の復習として回答を考えてみてはいかがでしょうか？ 自分もやってみましたが案外知らないこと、うろ覚えになっていることが多かったです。
LWF by GREE
Download .zip Download .tar.gz View on GitHub LWF is an animation engine which can play animation data converted from FLASH contents in HTML5, Unity, Cocos2d-x, iOS UIKit, and more. LWF is designed to make game development easy and fun. Creating rich 2D character animations and user interfaces requires lots of investment in terms of resource and time. However, LWF converts classic FLASH format int
定期更新されるJavaScript等の情報サイトをまとめたMeta-Weeklyというサイトを作りました
はじめに JavaScript Weekly や 私がやってるJSer.infoなど、 週刊などでJavaScript等の情報について紹介するサイトがここ数年でかなり多くなりました。 詳しくはオフライン勉強会でJSer.info一周年について発表してきた | JSer.infoでも乱立するまとめサイトとして触れています。 それらのサイト、メールマガジン、ポッドキャスト等をまとめたMeta Weeklyというサイトをつくったという話です。 Meta Weeklyって何? Meta Weekly は 単純にそれらのサイトをまとめたリンク集のようなものです。 基本的にまとめているサイトは、フロントエンド、JavaScriptに関連するような生きているサイトをリストアップしています。 機能らしい機能はDaily, Weeklyなどでフィルターするぐらいしかありませんが、RSSがあるサイトなどはそれ
Exploring HTML Imports
Web Components have come a long way in the past few months and one of the technologies that I'm most interested in is HTML Imports (or "imports", for short). Imports allow you to load additional documents into your page without having to write a bunch of ajax. This is great for Custom Elements where you might want to import a suite of new tags. I spent the day playing with imports and thought it w
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.
一歩進んだ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
ユーザーの体感速度を高めるためのJavaScriptチューニング（前編）
連載「Webサイト・アプリ高速化テクニック徹底解説」第2回は、JavaScriptの高速化について、まずは前編、後編に渡ってユーザーの体感速度を向上させるための方法を紹介します。JavaScriptの同期・非同期の仕組みやscript要素のasync属性、defer属性について詳しく解説します。 今回から複数回に分けて、JavaScriptの高速化をテーマに解説していきます。まずは、ユーザーの体感速度を高めるためのJavaScriptチューニングということで、単純なJavaScriptの構文によるスピードを比較するようなものではなく、主にユーザー視点からの高速化を主眼に解説します。その中で、同期・非同期といったJavaScriptの仕組みやscript要素のasync属性、defer属性などについても触れていきます。 ユーザーの体感速度を向上させる 一概にJavaScriptの高速化といっ
Refactoring DOM Heavy JS - Jack Franklin
June 3, 2013Refactoring DOM Heavy JSOne of the things I've been getting more into recently is refactoring. It's something that is heavily talked about in the Ruby world, but seems to be a bit less so in the JS world. In this post what I've done is write some of my own (crappy) JavaScript for some simple JS tabs, using bad habits and code smells. I'll then look at how, if I was new to this code, I
BucketList App: Getting the Data (part 1) | appendTo
1,500+ tech insiders, business leaders, and Pluralsight Authors share their predictions on what’s shifting fastest and how to stay ahead. Download the forecast
クライアントサイドMVCには何が必須? - はこべにっき ♨
最近何度かクライアントサイドMVCフレームワークであるところの、Backbone.jsを使ってコードをかいたりしていたので、その時に感じたことをまとめて Kyoto.js で話してみました。 発表資料 "何がMVCをつなげているのか" Backbone.jsではMVCの各層をつなげるために、Backbone.Eventsというオブジェクトが用意されています。Backbone.jsのModelとViewのインタラクションは、ベースになっているBackbone.EventsによるObserverパターンによって実現されています。実際にBackbone.jsでコードを書いてみると、便利な機能はいろいろあるもののBackbone.Eventsの存在がMVCを実現するのに重要であることがわかります。 そこつきつめると、Backbone.EventsのようなObserverパターンを簡単に実現できるよ
TypeScript0.9alphaをNode+Gruntで使うよ
Swift is the best programming language you should learn and make your dream app easily. Swift programming is a powerful yet easy-to-learn coding language created by Apple. It's frequently used for developing iOS and macOS applications, as well as tvOS and watchOS apps. While you can use other languages to create Apple apps, Swift is the preferred language, and it's recommended because its code is
人気のWYSIWYGエディタ - おおらかにいこう
WYSIWYGエディタとは、一種のHTMLエディタです。WYSIWYGエディタを使用すると、実際のページレイアウトと同じように表示され、ページを編集できます。ブログ書く人はわかると思うのですが、ブログ記事を書く画面によく使用されていますね。 WYSIWYGエディタは、いくつも開発されており、高機能すぎて少し重たかったりと贅沢な不満もあります。そこで今回は、人気のWYSIWYGエディタのご紹介です。 ・Redactor Redactorは、すっきりとした美しいデザインが特徴です。私は一番好きです。残念ながら有償なんですね。高機能で他のWYSIWYGエディタより美しいデザインなので有償なのも納得です。 Redactor ・CKEditor CKEditorは、高機能でカスタマイズが容易です。日本語に対応してくれていますので、ボタンの説明が日本語で表示されます。 CKEditor ・CLEdit
Webサイト＆WebアプリのRetina対応方法まとめ
こんにちは。 会社からMacBookPro Retinaディスプレイモデルを支給されました浅海です。 Retinaディスプレイ、非常に快適なのですが、Retinaディスプレイに最適化されていないWebページやアプリケーションでは、ビクセルベースで作られている部分がすこしぼけたように見えてしまいます。 特に文字を画像にしている場合なんかは、かなり気になります。 Retinaディスプレイは既にiPhoneで使われているほか、一部のAndroidもRetina相当の解像度を持っているモデルが登場しており、モバイルWebサイトやWebアプリがRetinaディスプレイを意識した作りになっていることはよく見られるようになりました。 これからもPCなど、Retinaディスプレイ対応のニーズは増えるだろうと思い、対応方法をまとめました。 目次 imgタグ CSS JavaScript Google Map
GitHub - assetgraph/assetgraph: Optimization framework for web pages and applications
assetgraph-builder - A static web page build system that post-processes your website with extremely little configuration subfont - A tool that supercharges your webfont loading by automatically applying all best practice loading techniques and generating optimal font subsets hyperlink - A link checker tool that will ensure all your internal and external links are intact and up to date seespee - A
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
PostScribe, asynchronously write javascript - a Krux Open Source project
Asynchronously write javascript, even with document.write. Load your ads after your content
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Tooling for Modern Web App Developer
DirtyMarkup Formatter - HTML, CSS, & JavaScript Beautifier
NetBeans IDE 6.5 Release Information
Plunker