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
注:古い記事の為、内容が最新ではない可能性がありますm(_ _)m マツウラです。 Yeomanのyoでは、generatorによってWebアプリの骨組みを自動的に生成することができます。 今回はジェネレータで骨組みを生成しながら、基本的な処理について押さえていきます。 今回の実行環境は次の通りです。 Node.js 0.10.25 npm 1.3.24 yo 1.1.2 generator-generator 0.4.2 yoとgenerator-generatorをセットアップする npmでインストールする前にnpmのバージョンを確認します。 バージョンが1.2.10以上であると、yoインストールの際にgruntとbowerが自動的にインストールされます。 以前にgruntをグローバルにインストールしている場合、アンインストールします。 npm uninstall -g grunt n
CSSでできる事がどんどん増えてます。JavaScriptを使って実装するようなレイアウトやUIも、CSSだけで作れちゃうほど、便利なプロパティがじゃんじゃか増えましたね。ここでは、要素にアニメーション効果をつけるためのCSSを使ったエフェクトについて、まとめてゆこうと思います:)。 CSSで動かす 「動く」といっても、自由自在にぐにゃぐにゃ動かせるわけではなくて、CSSアニメーションでは、プロパティの数値をスムーズに増減させることで、要素のスタイルを滑らかに変化させます。 例えば、下のサンプルでは、p要素にカーソルを合わせた時に、font-sizeの値を、1emから2emに、スムーズに変化するように指定しています。 p { transition: font-size 1s; } 動かすためのマストプロパティ CSSでアニメーションさせるために必要不可欠なのがtransitionプロパティ
さくらのクラウドでは、公開されているAPIを利用することでサーバーの作成や各種設定などを自動処理できる。今回はこのAPIをRubyを使って操作する例を紹介する。 プログラミング言語からさくらのクラウドAPIを利用するメリット 前回はNode.jsベースのコマンドラインツール「sacloud」を使い、さくらのクラウドAPIを使ってサーバーの作成や設定などを行う流れを紹介した。sacloudはシェルやバッチファイルなどから利用するには便利だが、条件分岐を行ったり、複雑な操作を行うにはやや不向きだ。そういった目的では、Rubyなどのスクリプト言語からさくらのクラウドAPIを操作すると良い。 Rubyなどのスクリプト言語は、シェルスクリプトよりも複雑な処理を記述しやすいほか、ほかの既存ライブラリと組み合わせることで容易にさまざまな処理を実現できるというメリットがある。たとえばサービスの負荷を監視し
Learn Ruby With the Edgecase Ruby Koans The Koans walk you along the path to enlightenment in order to learn Ruby. The goal is to learn the Ruby language, syntax, structure, and some common functions and libraries. We also teach you culture. Testing is not just something we pay lip service to, but something we live. It is essential in your quest to learn and do great things in the language. downlo
waterpipe.js by dragdropsite.com Tweet Smoke style Gradient start: Gradient end: Opacity: 10% Smoke size: 100% Line width: 2px Smokes #: 1 Background style Outer color: Inner color: Download size Width (px): Height (px): Samples (click to generate) Samples Generate Download Credits: rectangleworld.com
PhantomCSS - CSS testing with PhantomCSSCSS3 is the ignition and responsive design will become the driving force of developments in visual and CSS testing. PhantomCSS is one of many new tools to support this paradigm shift in UI testing. PhantomCSS takes screenshots captured by CasperJS and compares them to baseline images using Resemble.js to test for rgb pixel differences. PhantomCSS then genera
Tmw-frontend-guidelines : Guidelines and standards for Front-end development at TMWView on GitHub Tmw-frontend-guidelines Guidelines and standards for Front-end development at TMW Download this project as a .zip file Download this project as a tar.gz file Front-End Dev guidelines Overview This document details the guidelines and standards adhered to by the Creative Technology department at TMW, an
Audio-Video Standard AV standards, including links to technical information (bitrates, frame size, frame rate) for narrowband and broadband, streaming and download AV content. Browser Support Standard Standards for browser support and testing for bbc.co.uk Cookies Standard Standards for cookie use on bbc.co.uk. CSS Standard Standards for use of Cascading Style Sheets on bbc.co.uk pages. Database D
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く