Webサイト&アプリのデザインをもっと効率的に、さらにスピーディーに。 本日Bootcomp4を公開しました。 ダウンロードは「Bootcomp」の特設サイトから。 Webサイトやアプリを制作する際にデザインとコーディングを分業化している会社さんは多いと思います。 その場合よく課題にあがるのがデザイナーとエンジニア間の連携について。 デザインカンプとコーディングされた仕上がりの差を極力なくすためにデザイナー側でマージン、フォント、カラーなどを細かく指定したコーディングガイド(以下ガイド)を作成するのですが、これがけっこう面倒な作業で時間もかかります。 これデザイナーにとって過去のスライス作業並みにモチベーションが下がります↓↓↓ この面倒なガイド作成を猛烈楽にするサービス「Zeplin」を紹介します。 Photoshopからプラグインを使用してZeplinにデザインデータをアップすることに
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
全般 :h[elp] keyword - 「keyword」のヘルプを開く :sav[eas] file - 名前を付けて保存 :clo[se] - 現在のペインを閉じる :ter[minal] - ターミナルウインドウを開く K - カーソル下の単語の man ページを開く カーソル移動 h - 左に移動 j - 下に移動 k - 上に移動 l - 右に移動 gj - 表示行で1行下に移動 gk - 表示行で1行上に移動 H - 画面上部に移動 M - 画面中央に移動 L - 画面下部に移動 w - 次の単語の先頭に移動 W - 次の（区切り文字を含む）単語の先頭に移動 e - 次の単語の末尾に移動 E - 次の（区切り文字を含む）単語の末尾に移動 b - 前の単語の先頭に移動 B - 前の（区切り文字を含む）単語の先頭に移動 ge - 前の単語の末尾に移動 gE - 前の（区切り文字を
Docker を使い続けてコンテナやイメージを放置していると差分だけとはいえ、 ディスクの消費が増えていって、 書き込みエラー: デバイスに空き領域がありません (ENOSPC, write error: No space left on device) というエラーになってしまいます。 2017-03-18 追記 最近のバージョンでは docker system prune を使うのが良いようです。 古いバージョンを使うときの参考として、以下の記述は古いまま残しておきます。 コンテナの削除 docker rm の Eamples にあるように で停止しているコンテナを削除できます。 実行中のコンテナがあると削除できないというエラーが出ますが、 意図的にやっていることなので気にする必要はありません。 公式のドキュメントにも書いてある方法なので、 コンテナの削除方法はこのやり方で問題ないと思
Mind The Gap: Six Causes of Unwanted Spaces In Page Layouts 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 デフォルトのスタイルが原因となる隙間 ボックスモデルが原因となる隙間 ブロック要素内のインライン要素にできる隙間 inline-blockが保持している隙間 DreamWeaverなどWYSIWYGエディタでできてしまう隙間 マージンとマージンの相殺が原因となる隙間 デフォルトのスタイルが原因となる隙間 HTMLを作成する際、スタイルシート無しでも読みやすいようにすることをWeb制作者は忘れがちです。これはすべての要素にブラウザがもつデフォルトのスタイルを上書きして、サイト用のスタイルを適用することを意味します。 ブラウザがもつデフォルトのスタイルとは例えば、パラグラフ
複雑な表面をドットで構成したアブストラクトなエフェクトを作成するIllustoratorのチュートリアルをVectortuts+から紹介します。
前編ではバケツを使って洗濯時の水温を上げることを紹介しました。 バケツと酸素系漂白剤で洗濯の悩みをほぼすべて解決する・前編 後編では2つ目のグッズ「酸素系漂白剤（過炭酸ナトリウム）」についてです。 グッズ２：『酸素系漂白剤』 ・通常の洗濯 普段の洗濯は、前編で言ったように好きな洗剤を使って構いません。お湯で洗うようにするだけで汚れ落ちがよくなりますからね。一応おすすめとしては、デリケートな洋服にも使える中性洗剤です。 ・通常の洗濯をパワーアップさせたい 洗濯物に付着した汗や皮脂といった汚れは「酸性」の汚れなので、反対の性質を持ったアルカリ性のもので汚れを落とします。ここで紹介する酸素系漂白剤は強いアルカリ性のため、普段の洗濯にスプーン１杯加えるとアルカリ度が上がって汚れ落ちが良くなるというわけです。 夏場など汚れが気になる時には漂白剤を加えて洗濯するといいです。 ベースとなる洗剤に中性洗剤
ここ数年でUbuntuの知名度もあがり、Web上にはさまざまなUbuntuの情報やノウハウが蓄積されてきました。検索エンジンを使えば、Web上の膨大な情報から手軽に情報を集めることができるため、わからないことがあるとついググってしまいがちです。しかし、Web上にある記事が、自分のシステムについて正しく解説をしているという保証はどこにもありません。それよりも自分のシステムに用意されたマニュアルの方が信用できるというものです。伝統的なUnixシステムにはmanpageと呼ばれるオンラインマニュアルが用意されています。システムにインストールされているコマンドの使い方や設定ファイルの記述方法は、このマニュアルページを参照することでだいたい解決ができるようになっています。 そこで今週のレシピは、伝統的なUNIXマニュアルのさまざまな読み方を紹介します。ググる前に一度manに目を通してみると、幸せにな
巨額の制作費がなくたって、YouTubeの動画は作れます。ただ、今ではYouTubeもすっかり巨大になってしまったので、多くの人に見てもらうには、動画の質は高めておく必要があります。幸いYouTubeには、サイト内で注目を集めたり、見る価値のある動画を作ったりするのに役立つさまざまなツールが用意されています。 YouTubeでのベストプラクティスを、「Creator Academy」でお勉強 YouTubeが世に知られるようになって以来ずっと、こんな誤解をする人があとを断ちません。「カメラの前で何か面白いことをやってアップロードしたら、一夜にしてネット界のスターになれるんでしょ？」 もちろん、そういうケースも時々ありますが、それは「偶然の気まぐれ」というやつです。ほとんどの動画制作者は、人気を獲得するために、動画に映らない部分で大変な努力をしているのです。YouTubeには「Creator
アフィリエイトの最初のキモは企画段階にある！アフィリエイトって「集客してアフィリリンクを踏んでもらうだけ」という表現をされる事が多々ありますよね（そのため皆さん集客だけに意識が向きガチ）。 それは確かに間違いではないですが、実は企画段階で勝負が決まってしまっているという事も珍しく有りません。 というわけで、まず企画段階の２つのポイントについて触れておきたいと思います。 その１：アフィリ案件には2つの寿命があるまず押さえておきたいのがアフィリエイト案件の寿命に関してです。 アフィリエイト案件には2つの寿命があって、これらが「取り扱う案件の選び方」や「サイト構成の選び方」にも大きく影響してきます。 また、ここを意識していないとアフィリサイトが完成した頃には案件が終了してしまったなんて事も。。。 アフィリエイト案件そのものの寿命１つ目は、アフィリエイト案件そのものの寿命です。 どんなアフィリエイ
ネット動画からアニメGIFを速攻で作れるWebアプリ｢Imgur｣
初心者さんもスピード命の職人さんも、これは重宝しますね！ GIF画像を作るツールやアプリは色々あれど、Imgurが今月リリースした｢Video to GIF｣ほど直感的かつ簡単なツールはないんじゃないでしょうか。より使いやすく、より高品質に、Imgurの精力的な開発によって生み出された軽量フォーマットです。YouTubeやVimeoなどのビデオクリップからほんの数秒でカスタマイズGIF画像が作れますよ。 では、さっそく使い方を見ていきましょう。 まずはImgurが用意した｢Video to GIF｣のサイトにアクセスし、入力フォームに任意の動画URLを貼り付けてEnterキーを押します。Imgurの発表によればこのアニメGIF作成ツールは、｢数百｣もの動画サイトに対応しているそうで、ひとまずこちらではYouTubeやVimeo、Vineで動作確認ができました。入力したURLが認識されて処理
CSS3のアニメーションや回転機能を使用して、カードをぺろっと裏返すエフェクトを実装するスタイルシートを紹介します。
生まれつき人好きのする人がいるようですが、そうでなくても、誰でもカリスマ性を高めることができます。もっと人を引きつけ、信頼されて、他人に影響を与えられるようになるための特性がいくつか存在していて、もともとがどんな性格であっても、訓練により自分の行動にそうした特性を取り入れていけます。以下カリスマ性を高める基本的なトレーニングをご紹介しましょう。 カリスマ性とは習得するものであり、生まれつきのものではない 誰か人好きのする人と出会っても、なぜその人のことが好きなのかは説明できないでしょう。カリスマ性がある人だからです。あなたもカリスマ性は習得できますし、自分の行動にちょっと変化を加えるだけでいいのです。 カリスマ性とは実際のあなたがどんな人かということではなく、あなたの言動にあるのです。潜在意識、社会的役割、肉体による表現、そして他人をどう扱うかが全てカリスマ性を高めることに一役買っています
完了するまでに結構時間がかかるプログラムを実行している時，そのプログラムの進捗度を確認したくなることがままあると思います．ほんとに動いてんのかお前，みたいな． そうした時に考えうる最も簡単な方法は，こんな感じで進捗度を標準出力に流してしまうという方法でしょう． (1..100).each do |i| # 例えばここで何らかの重い処理をする (下のsleepはその「何らかの処理」の例) sleep 0.1 # ここで進捗を表示 (プログレスバーみたいなもっとリッチな感じでも可) puts "#{i}%" end 簡単なものだとこれで良いでしょうが，途中で端末のセッションが切れると「アッアッ」という感じになったり，そもそもプログラムの実行に際して端末が割り当てられいるとも限らないし，というか時間のかかるプログラムがその処理中ずっと端末を占領しているのはつらいので別の方法が欲しかったりします．
第40回において、ターミナルを利用したファイルのやりとりとしてssh/scpコマンドを紹介しました。sshはリモートマシンにログインを行ったり、リモートマシン上でコマンドを実行したりするためのプログラムです。今回はsshに関するTipsを紹介します。 公開鍵の登録 ssh-keygenで生成した公開鍵をリモートマシンの~/.ssh/authorized_keysに追加することで、公開鍵を利用した認証が行えるようになることは第40回で紹介しました。公開鍵を登録するためには公開鍵ファイルをscpコマンドなどで転送し、authorized_keysファイルの末尾に書き込む必要がありますが、これを自動で行ってくれるスクリプトがssh-copy-idです。ssh-copy-idはopenssh-clientパッケージに含まれるため、特にインストールを行うことなく使用することができます。 使い方は以下
<path opacity="0" d="M0 0h24v24H0z" /> <path d="M17.207 11.293l-7.5-7.5c-.39-.39-1.023-.39-1.414 0s-.39 1.023 0 1.414L15.086 12l-6.793 6.793c-.39.39-.39 1.023 0 1.414.195.195.45.293.707.293s.512-.098.707-.293l7.5-7.5c.39-.39.39-1.023 0-1.414z" /> </svg>" data-icon-arrow-left="<svg width="28px" height="28px" viewbox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://ww
最近よくあるページがスクロールを始めるとヘッダーの位置が固定するjQueryのスクリプトです。 よく使うのでメモがわりに掲載します。 基本は簡単なので覚えておけばいろいろ応用できるかと思います。 デモはこちら 仕組みは、<header>の高さ分（デモでは80px）スクロールすると<nav>にfixedクラスが追加されることで固定されます。 header { width: 100%; height: 80px; color: #333; background: #EEE; } nav { width: 100%; color: #FFF; background: #333; } nav.fixed { position: fixed; left: 0; top: 0; } $(function() { //ロード or スクロールされると実行 $(window).on('load scrol
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
