Tooling for Modern Web App DeveloperFront-end development workflow is becoming increasingly demanding as the complexity of the environment grows. Thankfully, there are many tools that can …
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
Tab Completion
Last updated: Friday, January 10 2025 A fun added aspect of Persona 5 Royal edition is the card game "Tycoon", which you can play against the AI. It's also a perfectly reasonable real-life card game, playable with a 52 or 54 card deck. The precise rules aren't very well written anywhere, tho, and I'm regularly forgetting small details, so I'll compile here the complete Tycoon rules as I know them.
jsdo.it
We’re getting things ready Loading your experience… This won’t take long.
LayoutIt! - Interface Builder for CSS Grid and Bootstrap
Layoutit! Try our simple frontend tools and generators 🚀 VoxCSS: A CSS voxel engine Try our new Open Source library: a 3D grid for the DOM that renders HTML cuboids by stacking grid layers and applying transforms. Renders HTML cuboids with colors, textures, and smooth transforms. Supports interactions, culling, shapes, areas, and projections. Works with Vue, React, Svelte, or plain JavaScript.
GPUアクセラレーションとposition: relativeによるレイヤー生成について
またアニメーション... ボタンなどのUIにGPUアクセラレーションが効いたアニメーションをつけたとき、iOSにおいてはiPhone4か4SのWebViewあたり、Androidにおいては….まぁ機種依存的(げんなり)に、アニメーションの立ち上がりが遅いことがあります。 その辺を調査していたところ、position: relativeの指定による、意図しないレイヤー生成＆GPUアクセラレーション巻き込みによって、何かしら合成レイヤー周りでオーバーヘッドが発生してしまっているんではないかな、という憶測に行き着いた次第。今回はその辺りを見ていきます。 GPUアクセラレーションが効いたアニメーションは、CSS Animations、CSS Transitionsのほか、特殊なプロパティ（transform3d: scale(1,1)とか）で強制的にGPUアクセラレーションを効かせたCanvasア
Parked at Loopia
This domain has been purchased and parked by a customer of Loopia. Use LoopiaWHOIS to view the domain holder's public information. Are you the owner of the domain and want to get started? Login to Loopia Customer zone and actualize your plan. Register domains at Loopia Protect your company name, brands and ideas as domains at one of the largest domain providers in Scandinavia. Search available dom
パララックスエフェクトの基本
jQueryをメインにHTML5やCSS3を使ったリッチな表現のためのテクニックを紹介。まずはパララックスエフェクトの基本から。 Webサイトの55％で利用されているjQuery はじめまして。クラスメソッドのフロントエンドエンジニア、山田です。「jQuery×HTML5×CSS3を真面目に勉強」という連載をスタートします。 2005年2月にGoogle mapsが登場して以来、Web開発者の間でJavaScriptの株は上昇の一途をたどっています。その勢いはとどまることを知らず、リッチなWebコンテンツを作るには、Flashをはじめとしたプラグインに頼るという、それまでの常識をすっかり覆してしまいました。 さらに、HTML5やCSS3も登場し、各ベンダのブラウザがWeb標準の仕様に合わせて実装の足並みを揃え始めるなど、プラグインに頼らずともリッチなUIのWebコンテンツを少ない手間で作れ
Corlan
Developing modern gambling platforms requires a combination of creative design and high functionality. If you want to create a website that is attractive to users and secure at the same time, you should rely on the experience of experts in the online casino industry. Detailed platform reviews and recommendations can be found at Legjobbkaszino.org, where […] Creating a high-quality website for an o
2013-02-11のJS: jQuery 1.9.1 、video／audio要素のQ&A、解説Chrome Dev Tools
JSer.info #109 - jQuery 1.9.1 リリースされました。 主にbugfixについてで、1.9.x系への移行はjQuery Migrate pluginのWarning Messagesとupgrade guideに丁寧に色々書かれています。 Warning MessagesについてはjQuery Migrate plugin の使い方と警告文の自分なりのまとめ | 私的なjQueryも参考にするといいかもしれません。 Takazudolog - 地獄のvideo／audio要素という記事にてvideoとaudio要素について、各ブラウザの動作の違いから出る問題などについて書かれています。 ChromeのDev Toolsの機能について Chrome Dev Tools: JavaScript and Performance | Nettuts+や DevTools:
Webサイト＆WebアプリのRetina対応方法まとめ
こんにちは。 会社からMacBookPro Retinaディスプレイモデルを支給されました浅海です。 Retinaディスプレイ、非常に快適なのですが、Retinaディスプレイに最適化されていないWebページやアプリケーションでは、ビクセルベースで作られている部分がすこしぼけたように見えてしまいます。 特に文字を画像にしている場合なんかは、かなり気になります。 Retinaディスプレイは既にiPhoneで使われているほか、一部のAndroidもRetina相当の解像度を持っているモデルが登場しており、モバイルWebサイトやWebアプリがRetinaディスプレイを意識した作りになっていることはよく見られるようになりました。 これからもPCなど、Retinaディスプレイ対応のニーズは増えるだろうと思い、対応方法をまとめました。 目次 imgタグ CSS JavaScript Google Map
AngularStrap
About the project AngularStrap is a set of native directives that enables seamless integration of Bootstrap#^3.0 into your AngularJS#^1.2 application. With no external dependency except the Bootstrap CSS styles, AngularStrap is light and fast. It has been built from the ground up to leverage ngAnimate! AngularStrap is tested against the latest patch release of the 1.2, 1.3 and 1.4 branches. Quick
Welcome to ObjJob v2.1b :: ObjJob
ObjJob is a free tool for storing, browsing, and commenting on object hierarchies. Languages Anark Studio 2.5 [official site] DOM for scripting behaviors in Anark Studio version 2.5 D3.js [official site] A JavaScript visualization library for HTML and SVG DOM Level 2 Core [official site] The script binding for the W3C Document Object Model. DOM Level 2 CSS [official site] The script binding for th
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - mathiasbynens/cssesc: A JavaScript library for escaping CSS strings and identifiers while generating the shortest possible ASCII-only output.
Furatto
Intent to Ship: Long Task API - Google Groups
DirtyMarkup Formatter - HTML, CSS, & JavaScript Beautifier
https://www.makesets.com/roughly-52-weeks-of-css-radar
GitHub - termi/CSS_selector_engine: Fast and lightweight querySelector[All]/getElementsByClassName/matchesSelector![GitHub - termi/CSS_selector_engine: Fast and lightweight querySelector[All]/getElementsByClassName/matchesSelector](https://cdn-ak-scissors.b.st-hatena.com/image/square/cce6c9ce1bf9b6b0abb12c5b0e42cd4191e5c43e/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2F95556966f9f175ef0e85508acd11795cb181dead2278d243c0d87354258054c6%2Ftermi%2FCSS_selector_engine)
