2013/08/01 一歩進んだHTML/CSS/JSを目指すために 「なんとなく書きたくないけど、どう意識してコーディングしていけばいいのかわからない…。」 それを解消するためのツールがありますので、紹介します。 HTMLInspector philipwalton/html-inspector Introducing HTML Inspector こちらはHTMLを解析して悪いところを指摘してくれるツール。 たぶんガイドラインとかそれぞれあると思いますが、基本的にはコレに沿ってもいいかと。 スクリプトを差し込んで、実行すると、指摘事項がconsoleに出力されます。 githubのリポジトリからダウンロードするか、bowerで落としてくるか。 bower install html-inspector 次に、解析したいページに以下のコードを埋め込みます。 <script s
Internet Explorer 7から対応したHTML/CSS/JS Internet Explorer 7はMicrosoft社から2006年10月18日（日本語版は11月2日）にリリースされたウェブブラウザ。 HTML 透過PNGフォーマット abbr要素 CSS 子供セレクタ（親要素 > 子要素 ） 隣接セレクタ（要素1 + 要素2） 間接セレクタ（要素1 ~ 要素2） 属性セレクタ（[属性名], [属性名="属性値"], [属性名~="属性値"], [属性名|="属性値"]） a要素以外をセレクタにした:hover擬似クラス, :active擬似クラス :first-child擬似クラス max-widthプロパティ, max-heightプロパティ min-widthプロパティ, min-heightプロパティ positionプロパティの fixed の値 border-c
Startup用ウェブサイトが作成できるPSDからHTML/CSS/JSまでセットになったフレームワーク -Startup Design Framework
Startup用ウェブサイトでよく見かける1ページで構成されたさまざまなレイアウト、コンポーネントが用意されたPSDから、HTML/CSS(LESSも)/JavaScriptまでセットになったフレームワークを紹介します。 デザイナーもコーダーも、そしてディレクターもダウンロードしておいて損はないでしょう！ Startup Design Framework Startup Design Frameworkは有料版とデモ版の2種類があり、ここではデモ版を中心に紹介します。 デモ版といってもダウンロードファイルで100MB超えなので、すごいボリュームですよ。しかも商用利用でも無料！ ファイルのダウンロードは、下記ページの下の方から。 Startup Demo デモでは11種類のコンポーネント、2種類のサンプルサイトが入ってます。有料版は80種類のコンポーネントと25種類のサンプルサイトです。 ダ
個別のHTML, CSS, JS, PHPを追加・管理できるプラグイン -CSS & JavaScript Toolbox | コリス
WordPressで特定のページだけ個別のスタイルシートやスクリプトを使いたい！ しかも1ページだけでも複数のページにも適用する場合がある！ そんな要望を叶えてくれます。 投稿記事、固定ページ、カテゴリページ、カスタム投稿記事に、個別のHTML, CSS, JavaScript, PHPのコードを追加でき、一元管理もできるプラグインを紹介します。 CSS & JavaScript Toolbox CSS & JavaScript Toolbox -WP Plugin Directory 以前、紹介したCustom CSS and JSは記事や固定ページごとにそれぞれ個別のCSS, JavaScriptの外部ファイルやコードを追加できるプラグインで、これは手軽に利用できて便利ですが、今回紹介するのはそれより高機能。 まずは、その画面をご紹介。 当ブログにインストールした画面です。 左パネルで
UI関連のアイデアや表現、もしくはコンポーネントライブラリをとにかく色々見てみたい時ってないですか？ ナビゲーションからフォーム、カラーピッカーやプルダウンメニュー等、UIの表現を考える時ちょっと探したいってシチュエーションは結構あると思います！僕であれば、レスポンシブ対応のナビゲーションなんかは結構どういう形が理想か、まだまだ暗中模索状態って感じですので、色んなサイトを参考にしたい所です！ そんなこと考えている時に直ぐ検索してみることが出来るサイトが今日ご紹介させて頂くUIBoxです！ UIの参考となるヒントがもしかしたら見つかるかもしれませんので、是非一度除いてみてください〜！ UIBox – Curated HTML, CSS, JS UI Component Library 検索フォームからのUI検索が可能ですねー。 例えばナビゲーションに関するUIのコンポーネントが見たかったら、
GitHub - microsoft/frontend-bootcamp: Frontend Workshop from HTML/CSS/JS to TypeScript/React/Redux
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
説明 タイトルはほとんど釣りです。奇跡も魔法もありません。最近よく勉強会をしているという話を前回のエントリで少ししましたが、プレゼンするのにいちいちKeynoteやPowerPointを開いていては骨が折れるし、参加出来なかったメンバーが後からWeb上でスライドを見たいということもあるので、自分でHTMLで手早くスライドを作るためにツールを作りました。jQueryやその他ライブラリが頑張って働いてくれたのでJS部分は実質100行弱のコード量でした。*1 kyubeyはjQueryを利用して作った小さなスライドツールです。作ったばかりなので機能はほとんどありませんが、小さいが故にコードの理解や拡張がしやすいかと思います。Githubに公開しているので良ければお使いください。ちなみに下記サンプルとソースコードを見て頂ければ大体理解出来るかと思います。機能要望があれば今後拡張していくつもりです。
Editr - HTML, CSS, JavaScript playground 自鯖に設置してHTML、CSS、JSをブラウザ上で開発して遊べる「Editr」。 いつでもどこでもブラウザがあれば開発ができるスタイルにするための鯖設置型エディタ。 コードハイライト機能がついているため、編集もしやすく、編集結果もすぐ見られるので学習用にもいいかもしれませんね。 関連エントリ Flipboard風エフェクトをブラウザ上で実現するためのjQueryプラグイン「flip」 前ブラウザのブラウザハックまとめ「Browserhacks」 ブラウザサイズに応じてsrcやwidthを置き換えてくれるjQueryプラグイン「Responsive Img」 CSSのブラウザ対応状況が一発で分かる「BrowserSupport」 ブラウザ上での音声再生に使えるシンプルプレイヤー「Audio5js」
刀でズバッと斬るようなアニメーションをHTML・CSS・JS（jQuery）で実装する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 最近とある案件で「刀でズバッと切る感じのアニメーションを入れる」ってことになって、実装してみました。ゲームなどでよくある表現ですね。 やってみると、ポイントを押さえれば意外とシンプルに実装できたので、その方法をご紹介したいと思います。 はじめに 今回はこちらの画像を使いたいと思います。 我らが広報ヨシキさんです。 垂直か水平にズバッと斬るアニメーションなら比較的簡単なんですが、このような表現においてよく使うのは�斜めにズバッと斬るアニメーションだと思うので、そっちにしてみます。 素材となる画像を用意する まずはPhotshopで画像をつくります。 ズバッと斬るアニメーションを実装するには、元の画像から3つの画像をつくる必要があります。 上半分の画像 まずは上半分の画像をつくります。 では早速やってみまし
Ratchet HTML、CSS、JSでiPhoneアプリのプロトタイプが作れる「Ratchet」 予め定義された簡単なマークアップを記述すればiPhoneアプリのUIを作ることが出来ます ページ内にあるHTMLをコピペすれば簡単に画面パーツが作れます 次のようなUIも簡単に作れる模様 ちょっとしたアイデアをすぐに形にしたい、アプリのプロトタイプをまずつくってプロに依頼する、という場合に使えるかも 関連エントリ iPhoneアプリ作成に使えるPSD素材集１０
Workless | An open source HTML, CSS & JS framework for developing front-end web applications faster.
Getting started. Start by downloading the latest version from Github. You can download the .zip directly, or alternatively, clone the repo. // clone github repo to your locally directory git clone https://github.com/iKreativ/Workless.git This will download the entire source for the framework including this sites HTML file as an example. Next, either start with the base HTML file included with the
先日紹介したWordPressのプラグイン「CSS&JavaScript Toolbox」、無料版でも十分便利なのですが、有料のプロ版をコリスのビジターにプレゼントします！ CSS&JavaScript Toolbox 紹介した記事はこちら。 WordPressで記事やページなどに個別のHTML, CSS, JS, PHPを追加・管理できるプラグイン -CSS&JavaScript Toolbox プレゼント商品 応募期間 応募要項 当選発表 プレゼント商品 CJTの作者様のご厚意より、プロ版を5名様にプレゼントします。 CSS&JavaScript Toolbox プロ版（通常$25） 機能拡張「Code Auto Completion」（通常$9.99） ※プラグインと機能拡張、セットでプレゼントします。 ※機能拡張「Code Auto Completion」はCJTのフリー版でも動作
GitHub - MacGapProject/MacGap1: Desktop WebKit wrapper for HTML/CSS/JS applications.
MacGap The MacGap project provides HTML/JS/CSS developers an Xcode project for developing Native OSX Apps that run in OSX's WebView and take advantage of WebKit technologies. The project exposes a JavaScript API for OS X integration, such as displaying native OS X 10.9 notifications. The MacGap project is extremely lightweight and nimble; a blank application is about 980KB. Features: tiny compiled
GitHub - google/material-design-lite: Material Design Components in HTML/CSS/JS
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
CodeZine：Aptana 「HTML、CSS、JS、PHP、Ruby、AIR」 フリーの開発環境Aptana 1.0リリース（エディタ, ツール）
Web関連の言語に対応した統合開発環境Aptanaの正式版がリリースされた。単体で提供される「Aptana IDE」とEclipseプラグイン版の2つが用意されている。Eclipseの場合は更新機能に以下のURLを登録することで入手できる。 http://update.aptana.com/install/3.2/ AptanaはHTMLやJavaScript、CSSなどに対応した統合開発環境で、プラグインの追加によりPHP、Ruby、AIRなどの開発にも利用できる。プラグインの追加はIDE起動時に表示される「Aptana Start Page」より、関連プラグインの「install」ボタンを押すことで行える。なお、プラグインの実行にあたっては各言語の実行環境を用意する必要がある。 Eclipseベースのツールのため、強力なエディタやソースコード管理システムを利用することができる。主な
[M]HTML・CSS・JSなどのコードを公開・共有できる「CODEPEN」がスタイリッシュでカッコイイ！ | miMemo(ミメモ)
実際にソースをブログ等に貼り付けるとこんな感じ See the Pen orBnI by miu (@miu0512) on CodePen. ライセンスについてはこちらに記載されています What License Is Code I Post to CodePen? | CodePen Blog 登録は簡単！無料プランと有料プランがあります。 GitHubのアカウントでもOKです！ 「CodePen」にアクセスして、名前・メールアドレス・ユーザーネーム・パスワードを入力すれば新規登録が完了します。Usernameに入力したものが、自分のマイページのURLになります。 作り方も簡単！ソースを入力して「Save」を押すだけでOK HTMLとCSSにソースを打っていくと・・・ ちゃんとプレビューで表示されるようになります SassやLessも使えますよ！ 以下の様なメタ言語も対応しているようで
![[M]HTML・CSS・JSなどのコードを公開・共有できる「CODEPEN」がスタイリッシュでカッコイイ！ | miMemo(ミメモ)](https://cdn-ak-scissors.b.st-hatena.com/image/square/1980b8f86e19848db9ebea8d1c5ac62c5be40d0b/height=288;version=1;width=512/https%3A%2F%2Fweb-mimemo.com%2Fwp-content%2Fuploads%2F2014%2F02%2Fcodepensum.png)
DropboxのファイルURLを公開できるパブリックリンクで他の人とHTML/CSS/JS/PDFを共有する - 移転→hapilaki.net
ドロップボックスにファイルをアップし、そのリンクURLを公開すればみんなが利用できる。HTML/CSS/JSなどのコードが見えるページではなく、ファイルそのもののURLを確認する方法。 はじめに 筆者は一発でファイルURLを取得できる方法を知らない。徒手空拳でたどり着いた方法なので、もっとスマートな方法がありそう。 パブリックリンク取得具体例 ファイルを指定する ドロップボックスで共有している次のファイルを指定する場合で例示する。 チョマテヨ「ちょ待てよ！jQueryの2回読み込み、プラグインあるからさ」 - はぴらき合理化幻想 最初のURLを取得 ファイルをクリックで選択状態にし、「リンクを共有」をクリック。 新しく開かれたタブにあるモーダルウィンドウを☓で閉じる。 画面右上にある「ダウンロード」を右クリックし、出てきたリストから「リンク アドレスをコピー」をクリック（Chromeの場合
7GUIs - HTML, CSS & JS
=================================================================================================================================================================== 7GUIs (7 Graphical User Interfaces) is a programming benchmark to compare implementations in terms of their notation. 7GUIs defines 7 tasks that represent typical challenges in GUI programming. This site implements the 7 tasks using van
こんにちは、WebViewベースのアプリ開発中の@yoheiMuneです。 今日は、WebViewベースのアプリ開発で困る問題の一つ、JSやCSSがキャッシュされて変更内容が更新されないという問題に対応したいと思いブログを書きました。 WebViewベースのアプリ作成時の課題 WebViewベースのアプリを作成している時に色々な課題にぶち当たります。 その中の一つに、WebViewがJSやCSSをキャッシュしてしまい、 コードを書き換えても反映されないという問題があり、最近はその問題に悩まされてます。 そこでWebViewがキャッシュしないようには出来ないものかと調べました。 その調査結果を纏めたのが、今回のブログ記事となります。一部情報は未検証な部分があります（これから検証します）。 そのため、不備などありましたらご指摘頂けると幸いです。 「キャッシュを禁止する」とはアプリの速度が落ちる
![[XCODE] UIWebViewでHTML,CSS,JSなどをキャッシュさせない方法 - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/67834b90dba2defc8994a176526c4cfea5741267/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F153.png)
新しい言語に挑戦したいです。自分は今C/C++がメインで、PythonとHTML/CSS/JSをかじったくらいのレベルです。おすすめはなんですか？
回答 (7件中の1件目) C/C++以外はかじったくらいというくらいですから新しい言語に手を出す前にまずはPythonとJavascript/Typescriptを極めるというのはいかがでしょうか？ PythonはWebアプリからシステム連携、データサイエンスまで様々な領域で使用されている言語です。C/C++との連携も容易にでき、重たい計算はC/C++のコード、それ以外の部分は書きやすいPythonというような組み合わせができます。 https://qr.ae/pG6O88 Webアプリのバックエンドの言語としても非常に有用で、特にPython3.5以降はType Hintと言って型...
WEBサイトを軽量高速化。便利な圧縮系サービスまとめ【 JEPG,PNG,HTML,CSS,JS 】（WPプラグイン含む） | Stronghold Archive
WEBサイトを軽量高速化。便利な圧縮系サービスまとめ【 JEPG,PNG,HTML,CSS,JS 】（WPプラグイン含む） どうもこんにちは。利倉です。今回のTipsは【WEBサイトを軽量高速化。便利な圧縮系サービスまとめ】です。webページの軽量高速化にはいつも頭を悩まされます。今回は軽量高速化においてすぐに効果を見込める方法のまとめになります。 Online YUI Compressor CSS及びJSを圧縮します。gzipにもしてくれる便利サービス。特定ファイルだけ包んで…という手軽な使い方もできます。ためしに100KBのJSを圧縮してみたら20KBに！？なんて事も… Minify Javascript Online JSを圧縮します。実はOnline YUI Compressorで事足りるのですが、サイトが軽いのでこっちに行く事もあります。 Minifier JS及びCSSを圧縮し
【HTML、CSS、JS TIPS】ニュース - youmos
【保存版】これからWebする人はここ読んどけ(HTML/CSS/JS/Ps/Ai.etc) Web開発の第一歩 まず最初に、WEBデザインをはじめる第一歩の 指針としてとてもわかりやすい記事を３つ 紹介します。 1. はじめての著書 – 現場のワークフローで覚える Webサイト制作教室 – あとがき 2. これからWebサイトを制作をしたいけど、何から勉強したらいいの？っていう人のためのガイド 3. これからWebデザインの勉強を始めたい方のためのまとめ インストールしておくべきもの WEBサイトを制作していくにあたって 必要なソフトウェア一覧です！ 1. Google Chrome 2. Sublime Text 2 3. iTerm 自学用サイト 自学する時に活用したサイトです。 自分は使っていませんが、Lynda.comは 海外でとても評判のよいサービスです。 1. Dotinsta
この投稿では、HTMLでmacOSのオリジナルのスクリーンセーバを作れる方法を紹介します。 macOSのスクリーンセーバを作ってみたいけど、SwiftもObjective-Cも分からない、分かるのはHTMLやCSS、JavaScriptなどウェブ関連技術だけ、というウェブ系プログラマむけの解説です。 ちなみに僕は、この投稿で紹介する方法で、JavaScriptの人気ライブラリをひたすら紹介するスクリーンセーバを作りました: JavaScriptの人気ライブラリを紹介しまくるスクリーンセーバが完成した😌 需要があれば公開するかも pic.twitter.com/tOnUhMIbh8 — suin❄️TypeScript入門書執筆中 (@suin) April 30, 2020 Swiftなどを知らなくても、CSSやJavaScriptでアニメーションを頑張れば、こういった動きのあるスクリー
WordPressで特定ページに個別のHTML, CSS, JS, PHPが埋め込めるプラグインの制作者用パックをプレゼント！
WordPressで、特定のページだけ個別のスタイルシートやスクリプトを使いたい、ヘッダを変えたり、共通のエレメントを使いたい、しかもそれらを1ページだけや複数ページにも適用する場合がある。 そんな要望を叶えてくれる便利なプラグインをプレゼント！ CSS & JavaScript Toolbox CSS & JavaScript Toolbox（以下、CJT）は、WordPressの投稿記事、固定ページ、カテゴリページ、カスタム投稿記事に、個別のHTML, CSS, JavaScript, PHPのコードを追加でき、それらのデータの一元管理もできるプラグインです。 プレゼント名 CJT制作者用パック（通常時：$10） ※CJT単体は無料で利用できます。 当選人数 10 名様 受渡方法 ファイル一式をメール添付にてお渡します。 提供元 Wipeout Media 注意事項 使い方の質問など、
PDF版 WCAG 2.0 (JIS X 8341-3:2016, ISO/IEC 40500:2012) 解説書 + 達成方法集 要約(HTML+CSS+js 編) - 有限会社時代工房
PDF版 WCAG 2.0 (JIS X 8341-3:2016, ISO/IEC 40500:2012) 解説書 + 達成方法集 要約(HTML+CSS+js 編) 2018年07月10日 更新 2018年5月に作った、「WCAG 2.0 (JIS X 8341-3:2016, ISO/IEC 40500:2012) 解説書 + 達成方法集 要約(HTML+CSS+js 編)」のPDF版です。 PDF版 WCAG 2.0 (JIS X 8341-3:2016, ISO/IEC 40500:2012) 解説書 + 達成方法集 要約(HTML+CSS+js 編) 2018年5月版（PDF版, 313KB） 姉妹品のPDF版 JIS X 8341-3:2016, WCAG 2.0早見表／逆引き表もあります。 技術 Adobe InDesignでタグ付けしています。その後、Adobe Acrob
JavaScript remains one of the most exciting and popular programming languages. Over the years, the JavaScript community has come up with numerous tricks
Estelle Weyl's Blog of quirks, random thoughts and funky finds discovered in day-to-day coding Safari and Safari for the iPhone support all HTML elements, including deprecated elements and even some proprietary elements that were never part of any W3C specifications. In addtion, Safari is supporting some HTML5 elements, even though the HTML5 specifications have not been finalized. I’ve also added
Sublimetextで汚いコードを一瞬で整形できるプラグイン[HTML/CSS/JS Prettify] - コンパイラかく語りき
どうも！chuckです。 会社で使っているHTML/CSS/JS Prettifyをプライベートでも導入しましたのでメモ。 HTML/CSS/JS Prettifyとは SublimeTextのプラグインです。2,3両対応。 詳しくはこちら↓↓ qiita.com この記事ではNode.js, Homebrewなんて書いてありますが、自分はパッケージコントロールから入れました。 chuckwebtips.hatenablog.com 実演 こちらが整形前コード。 GitHubに上げたものを、一部抜粋してローカルに落としました。 適当なところで右クリック。すると、メニューの中にHTML/CSS.JS prettifyという項目が！適当に一番上のPrettify Codeを選択します。 すると、ものの１秒もしないうちにきれいなコードが誕生しました＼(^o^)／ なんて便利！ もっと重いファイル
TOP > Design , WebDesign > HTML、CSS、JSが同時に編集できるシンプルなオンラインエディタ「playcode.io 」 フロントエンドエンジニアの多くの方は、自分が利用するエディタというのを決めているとは思いますが、緊急の時だったり、どうしても自分のPCが手元に無い環境でコードを書かなくてはいけないなんて事も極稀ではありますがあると思います。今回紹介するのはそんな、もしもの時のためのHTML、CSS、JSが同時に編集できるシンプルなオンラインエディタ「playcode.io」です。 この「playcode.io」非常にシンプルなツールで順番に左からコントロールパネル、HTML・CSS・Javascript、HTMLプレビューと並んでおり、結果を見ながらコーディングすることが可能です。 詳しくは以下 CSSやjavascritはクローンを作って複数のコ
せっかちな人のために 読まなくて良い。 スキャンして。 https://www.w3.org/TR/html/ https://developer.mozilla.org/ja/docs/Web/CSS/Reference https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference http://api.jquery.com/ この記事、何なの？ 書籍は入門にはちょうどいいし、Webの記事は特定の問題を解決してくれる。 けれど、未知の何かを自分で作れるようになるには「Webで使える部品」を把握してそれを好きなカタチに組み立てられないといけない。 その部品集であり解説書にあたるのが仕様書とリファレンス。 これらを読むと、以下のような自主勉強をするのに役立つ。 Webや書籍でやり方を調べる やってみる リファレンスを読む こんな
Editor ~ Real-time, responsive HTML/CSS/JS code editor
tools wrap wrap wrap emmet lint watch reset refresh clear run save
HTML, CSS, JavaScript, JSON, React and Vue code formatter for Sublime Text 2 and 3 via node.js Sublime Text 3 JS-beautify Node.js download About This is a Sublime Text 2 and 3 plugin allowing you to format your HTML, CSS, JavaScript, JSON, React and Vue code. It uses a set of nice beautifier scripts made by Einar Lielmanis. The formatters are written in JavaScript, so you'll need something (node.j
GitHub - umpox/TinyEditor: A functional HTML/CSS/JS editor in less than 400 bytes
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Web関連の言語に対応した統合開発環境Aptanaの正式版がリリースされた。単体で提供される「Aptana IDE」とEclipseプラグイン版の2つが用意されている。Eclipseの場合は更新機能に以下のURLを登録することで入手できる。 http://update.aptana.com/install/3.2/ AptanaはHTMLやJavaScript、CSSなどに対応した統合開発環境で、プラグインの追加によりPHP、Ruby、AIRなどの開発にも利用できる。プラグインの追加はIDE起動時に表示される「Aptana Start Page」より、関連プラグインの「install」ボタンを押すことで行える。なお、プラグインの実行にあたっては各言語の実行環境を用意する必要がある。 Eclipseベースのツールのため、強力なエディタやソースコード管理システムを利用することができる。主な機能
HTML,CSS,JS / BOOKMARKLET / DIVタグの可視化 PIXEL LAB 大阪南船場のFLASHを得意とする制作会社ピクセルイメージによるブログ。AS3、AIR、デザイン、3D、オリジナルツール等。 « | MAIN | » フルCSSサイトのコーディング時に苦労する点として、カスケーディングの把握があります。 DIVのカスケーディングをビジュアルに確認できる可視化ツール（コード）をオリジナルで作成したので、紹介します。 資料 / ブックマークレットについてはこちら ■使い方（FireFoxのみで動作確認） 以下のテキストリンクを、ブックマークに登録します（ドラッグとかで）。 '+targetElement[i].className+' '+targetElement[i].innerHTML;targetElement[i].style.borderTop='so
HTML/CSS/JSでMaterial Designを再現するの巻 Introduction Goal HTML/CSS/JS のスキルアップとフロントサイドの表現力の向上 Google Material Designを世の中により広く伝える Android開発者のみならずWebデザイナのMaterial Designへのハードルを下げる Target Webデザイナ、フロントエンドエンジニア UI/UXデザイナ HTML5/CSS3学習者 Sample codes Sample Codeは以下の方法で公開しています。 いずれかのリンクからご覧ください。 GitHub 1. Authentic motion 2. Responsive interaction 3. Meaningful transitions 4. Delightful details Codepen.io 1. Aut
GitHub - cstate/cstate: 🔥 Open source static (serverless) status page. Uses hyperfast Go & Hugo, minimal HTML/CSS/JS, customizable, outstanding browser support (IE8+), preloaded CMS, read-only API, badges & more.
NEW: HTML Embed now in version 2. Check it out! Fast. Fast to load. Even on Internet Explorer 8. Incredible browser support. Minimal JS. No CSS dependencies either. Fast to create incidents. Use the command line or setup a CMS like Netlify CMS or Forestry for a no-code experience. See here Stays fast. Hugo & Golang can build a site with thousands of entries in seconds. Nice. Focused, adaptable des
2014/9/17にコワーキングスペース茅場町で開催された「ゼロから始めるWordPress勉強会」で使用した資料です。
Sublime Text でインデントを整形するプラグイン HTML/CSS/JS Prettify - TotalTech
HTML/CSS/JS Prettify は、ソースコードのインデントを綺麗にする整形し、見やすくするプラグインです。正しい階層構造にフォーマットして、ソースコードの可読性を向上します。非常に便利です。Sublime Text 2/3 両方に対応しています。 対応しているファイルは、HTML・CSS・JavaScript・JSONです。Web開発者、ブログやサイト運営者で、Sublime Text を使っている方には必須ですね。 インデントの崩れた汚いソースコードを整形して、見やすくしましょう。 公式サイトはこちら: HTML-CSS-JS Prettify - Packages - Package Control インストール・設定 1. node.jsをインストール 2. プラグイン HTML-CSS-JS Prettify をインストール 2-1. Ctrl + Shift + Pキ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
一歩進んだHTML/CSS/JSを目指すために | 1000ch.net
Internet ExplorerのどのバージョンからどのHTML/CSS/JSに対応しているかの一覧
HTML、CSS、JS等のUIコンポーネントライブラリが検索できるUIBox！ | バンクーバーのうぇぶ屋
HTML/CSS/JS製の小さなスライドツール『kyubey』をつくったよ - ✘╹◡╹✘
自鯖に設置してHTML、CSS、JSをブラウザ上で開発して遊べる「Editr」:phpspot開発日誌
HTML、CSS、JSでiPhoneアプリのプロトタイプが作れる「Ratchet」:phpspot開発日誌
WordPressで個別のHTML, CSS, JS, PHPが埋め込める便利プラグインのプロ版をプレゼント！
[XCODE] UIWebViewでHTML,CSS,JSなどをキャッシュさせない方法 - YoheiM .NET
【おすすめ】これからWebする人はここ読んどけ(HTML/CSS/JS/Ps/Ai.etc) - Qiita
macOSのスクリーンセーバーをHTML・CSS・JSで作る (Swiftスキル不要) - Qiita
CSS Selector - All about HTML, CSS, JS
Web Development for the iPhone: HTML, CSS & JS Support
HTML、CSS、JSが同時に編集できるシンプルなオンラインエディタ「playcode.io 」
HTML/CSS/JSのリファレンス - Qiita
HTML-CSS-JS Prettify - Packages - Package Control
「HTML、CSS、JS、PHP、Ruby、AIR」 フリーの開発環境Aptana 1.0リリース：CodeZine
HTML,CSS,JS / BOOKMARKLET / DIVタグの可視化 (PIXEL LAB)
HTML/CSS/JSでMaterial Designを再現するの巻 - Qiita
Web勉強会（HTML+CSS+JS入門の入門）