mac標準機能でWindows互換のZIPファイルを作成する方法【日本語対応】
この記事でご紹介しているwindowszipプログラムはmacOS Catalina以降では動作しません。 $ ./local/bin/windowszip ./a.html Fatal error: Uncaught Error: Class 'ZipArchive' not found in /Users/macyarounanoka/local/bin/windowszip:128 Stack trace: #0 /Users/macyarounanoka/local/bin/windowszip(150): WindowsZip->Create('./a.html') #1 {main} thrown in /Users/macyarounanoka/local/bin/windowszip on line 128 理由：phpを利用しています。phpのZipArchiveがmac
Homebrewでnode.jsとnpmをインストール
いつものhomebrew シリーズです。homebrew ではオプションで指定しない限りnpmまでインストールしてくれます。npmは node.js のパッケージ管理ツールです。では、さっそく以下から インストール 標準のターミナル.app や iTerm などで以下を入力します。 brew install node npm を使ってインストールするときに”npm install -g”とかのグローバルオプションが付いた場合デフォルトでは /usr/local/share/npm/bin にインストールされます。なので使用しているシェルが zsh なら~/.zshrc、bash なら~/.bash_profileに以下を追記してパスを通します。デフォルトの設定を変更するには$HOME/.npmrcを変更します。詳しくはドキュメントを。 # npm export PATH="/usr/loc
Googleのベストプラクティスに沿ったモダンな製作の出発点「Web Starter Kit」
Web Starter Kitで用意されている各種の設定ファイルなどは、そのまま使うのではなく、各自が自分のスタイルに合わせてカスタマイズするとよいでしょう。ファビコンやスマートフォンでサイトをホーム画面に追加した際に表示されるアイコンなど、各自で差し替える必要があります。 humans.txtやrobots.txtなども使用する場合には適宜編集する必要があります。 動作環境の構築 Web Starter Kitに用意されたツールを使用するためには、以下の言語の環境が必要となります。 Node.js (v0.10.x以上) Ruby (1.8.7以上) これに加えて、以下のツールのインストールが必要になります。 Nore.js上で動くタスクランナーのgulp (3.5.x以上) Sassのコンパイルを行うRubyのgem (3.3.x以上) それぞれのインストール方法について、簡単に紹介し
動くCSSのためのメモ。
CSSでできる事がどんどん増えてます。JavaScriptを使って実装するようなレイアウトやUIも、CSSだけで作れちゃうほど、便利なプロパティがじゃんじゃか増えましたね。ここでは、要素にアニメーション効果をつけるためのCSSを使ったエフェクトについて、まとめてゆこうと思います:)。 CSSで動かす 「動く」といっても、自由自在にぐにゃぐにゃ動かせるわけではなくて、CSSアニメーションでは、プロパティの数値をスムーズに増減させることで、要素のスタイルを滑らかに変化させます。 例えば、下のサンプルでは、p要素にカーソルを合わせた時に、font-sizeの値を、1emから2emに、スムーズに変化するように指定しています。 p { transition: font-size 1s; } 動かすためのマストプロパティ CSSでアニメーションさせるために必要不可欠なのがtransitionプロパティ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2016年総まとめ：Pocketにたくさん登録されたWeb制作に役立つ記事のまとめ
