Grunt入門 (全12回) - プログラミングならドットインストールプロジェクトフォルダの作成 npm init npm install grunt --save-dev npm install
Grunt でhtml, css, JavaScript のアレコレを便利にすると捗るので、Getting started を和訳した - アジャイルSEの憂鬱
Grunt とは Grunt: The JavaScript Task Runner http://gruntjs.com/ Gruntはhtml, css, JavaScriptに関する一連の作業を自動化するビルドツールです。 例えば、複数のJavaScriptを1つにしたり、cssやjsを圧縮したり、などが出来ます。 Grunt の使い方 公式サイトの"Getting started"に書いてあります。エンジニアならまずGetting startedを読んだ方がいいよね。 という訳で以下、公式サイトからの引用と和訳です。 注意 2014/02/14時点のGetting startedです。 英語力の低い私の和訳なので、所々は間違っているかもしれません。 間違いはコメントとかで指定頂けると嬉しいです。 Getting started (はじめに) Grunt and Grunt plug
アクセシブルなWeb制作者チェックリスト
このチェックリストは、Webアクセシビリティを実装する人がアクセシビリティを正しく理解しているかどうかを判定するためのチェックリスト試案です。これだけのことにYesと言えるかどうかで、Webアクセシビリティのかなりの部分をカバーできるのではと思うのですが、どうでしょうか。 共通 1. Web標準を理解している。 2. セマンティックな HTML の記述法方法を理解している。 3. 情報の構造をHTMLで、「見た目」のデザインをCSSで記述し、分離する方法を理解している。 4. 画像などの非テキストコンテンツがスクリーンリーダでどのように扱われるかを理解している。 5. キーボードだけでWebページをナビゲーションする方法を理解している。 6. フォームの要素とラベルの関連付けを理解している。 7. スクリーンリーダでWebサイトを利用する方法を理解している。 8. フォーカスを理解している
早く家へ帰るための
Grunt入門
［＋gulp紹介］
2014/3/8 の『現場のプロが教えるWeb制作の最新常識』発売記念イベントのセッションで使用したスライドです。
フロントエンド開発今昔物語 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? フロントエンド開発今昔物語 フロントエンドと言っても、アプリやゲーム制作などではなく、いわゆるWebサイト制作のクライアントサイド側の話になります。 時代背景 昔 おじいさんには、Photoshop、Illustrator、Dreamweaverという3種の神器がありました。当時のWebサイト制作は、これらのソフトを利用し、おじいさんが一人で行っていました。おじいさんのような仕事をする人は、Webデザイナーと呼ばれ、とても人気がありました。おじいさんは幸せでした。 今 いつしかWebデザインは分業化されるようになりました。おじいさんは久
iPhoneの「ホーム画面追加」を促す | Agnist.code
http://code.google.com/p/mobile-bookmark-bubble/ こいつを使うことでiPhone表示時に画面下側へ下記のように出せる。 1. ソースのダウンロード[Source]→[Browse]のページを開き、「bookmark_bubble.js」を落とす。 左側の「example」を開き、「example.js」を落とす。 2. HTMLへ組み込む下記の感じで組み込む。 <script type="text/javascript" src="js/bookmark_bubble/bookmark_bubble.js"></script> <script type="text/javascript" src="js/bookmark_bubble/example.js"></script> 自分の場合は整理のため「bookmark_bubble」というフ
input type=”file” を画像ボタンに変更する方法 ファイルアップロードをカスタマイズ | Stronghold Archive
どうもこんばんは！ 今日は【input type=”file” を画像ボタンに変更する方法】を書きたいと思います。fileアップロードを画像ボタンに差し替え、ユーザビリティを向上させるのが目的です。たまに使いたくなるのでここにメモしておきますね。 通常のファイルアップロードタグ <input type="file"> 通常の状態です。CSSで背景やボーダーを削除するデザイン変更には限界があります。 ですのでjQueryで補完します。 ボタンの準備 ファイルアップロードを画像ボタンに変更 ・HTML <input type="file" id="file_01" class="file"> <label class="file_mask"> <span><!– 画像用spanタグ –></span> <input type="text" id="mask_file_01"> </label>
Harp, the static web server with built-in preprocessing
ROYALTOGEL menghadirkan data hk hari ini berisikan keluaran hongkong pools dan history nomor hk yang diambil langsung dari situs toto hongkong
w3c tutorial
Web チュートリアル HTMLチュートリアル HTML HTML5 XHTML CSS CSS3 ブラウザ・スクリプト JavaScript HTML DOM DHTML AJAX jQuery JSON E4X . . サーバ・スクリプト SQL ASP PHP リファレンス HTML4.01 HTML5 JavaScript PHP XSLT XML DOM XPath XSL-FO HTML DOM JQuery Color Picker XMLチュートリアル XML DTD XML DOM XSLT XSL-FO XPath XQuery XLink XPointer Schema XForms SOAP WSDL RDF RSS Web サービス ホーム
Ace - The High Performance Code Editor for the Web
Built for Code Ace is an embeddable code editor written in JavaScript. It matches the features and performance of native editors such as Sublime, Vim and TextMate. It can be easily embedded in any web page and JavaScript application. Ace is maintained as the primary editor for Cloud9 IDE and is the successor of the Mozilla Skywriter (Bespin) project. /** * In fact, you're looking at ACE right now.
Learn to Code - for Free | Codecademy
Grow in your career and unlock new opportunities by learning in-demand skills in AI, data, coding, cybersecurity, and more. Transform your team with Codecademy Teams trainingHelp everyone on your team build job-ready skills with a plan that offers flexible content assignment, progress tracking, and more.
CSSのみで挑むWEBテクニック集「30 Pure CSS Alternatives to Javascript」
TOP > WebDesign > CSSのみで挑むWEBテクニック集「30 Pure CSS Alternatives to Javascript」 WEBに動きをつけたり、制御したりとWEB上ではなにかと便利なjavascript。ライブラリやプラグインも充実していて、それを利用した様々なテクニックが公開されていますが、今日紹介するのはjavascriptは一切使わず、CSSのみで、様々な表現に挑戦しているTipsを集めたエントリー「30 Pure CSS Alternatives to Javascript」です。 30 Pure CSS Alternatives to Javascript スライダーやライトボックスをはじめ、javascriptを使って行われているような事をCSSのみで再現しています。全部で30のプロジェクトがまとめられていますが、今日はその中からいくつか
Bootstrapベースの管理画面用テンプレート·Charisma MOONGIFT
CharismaはHTML5/JavaScript製のオープンソース・ソフトウェア（Apache Licnese 2.0）です。 Webシステム開発において意外と不遇なのが管理画面です。内部の人が使うものなので適当に作られるケースが多くなります。そこで使ってみたいのがCharismaです。リッチな管理画面をBoostrapをベースに作り上げる事ができます。 ウィジェットがついた、リッチな管理画面です。ここまで恵まれているケースは早々ないでしょう。 ドラッグ&ドロップによる配置変更もサポート。 折り畳んで隠す事もできます。 グリッドは細かくサポートされています。 カレンダー。システム内部のデータをマッピングすると見通しが良くなりそうです。 メンバー一覧。検索やラベルもあって便利そうです。 ギャラリー。サムネイル写真をきれいに並べています。 タイポグラフィ。様々なタグをサポートしているので奇麗
Google Reveals its HTML, CSS and JavaScript Style Guides — 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 Google has released its internal style guides for HTML, CSS, and JavaScript, providing rules for best practices and efficiency. The guides emphasize simplicity, readability, and shaving off every
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How can I remove all CSS classes using jQuery/JavaScript?
@hipsterdevstack · Hipster Dev Stack
http://css.studiomohawk.com/in-browser-design/2011/04/16/designing_in_browser/
mydogear.com
Brackets - Web デザインを認識する最新のオープンソースコードエディター
Loaders and Spinners - a Collection by Tim Holman on CodePen