『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
![ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP](https://cdn-ak-scissors.b.st-hatena.com/image/square/93d7b052011c7cf06e5ed2b239062cb57ebd0ec1/height=288;version=1;width=512/http%3A%2F%2Fphotoshopvip.net%2Fwp-content%2Fuploads%2F2015%2F01%2Flatestfont2015jan-top11.jpg)
webサイトの動きを魅力的に演出する フリーjQueryプラグイン集「Free jQuery Plugins To Create An Amazing Website」 デザインだけでなく、独自の動きを取り入れることでwebサイトはより魅力的なものに変化します。今回はそんな時に参考にしたい、webサイトの動きを魅力的に演出するフリーjQueryプラグイン集「Free jQuery Plugins To Create An Amazing Website」を紹介したいと思います。 jquery.adaptive-backgrounds.js • A jQuery plugin for extracting dominant colors from images and applying it to its parent 組み込むだけで、webサイトを魅力的に演出してくれるプラグインが揃ってい
Five new open source project management tools for 2015 | Opensource.com 現在最高のオープンソースのプロジェクト管理ツール5選とのことだが……あれ? 以前同じような記事を取り上げたことがあるぞ、と検索すると一年前に取り上げていたね。 それとはリストが一新されているが(つまり、昨年リスト入りしたものは入れてない)、オープンソースのライセンスが指定されているのは当然のこと、活動的なコミュニティがあり、ドキュメンテーションが最新版に追従しており、最近もリリースがあったかなどの条件を踏まえて選ばれたのは以下の5つ。 Tuleap Open ALM Orangescrum Taiga Odoo MyCollab この中で日本でも一番名前が知られているのは Taiga だろうか。 なお、原文には一年前に選んだ5つのツールについてもフ
Googleが提供しているモバイルOS「Android」の最新バージョン「Android - 5.0 Lollipop」にも採用されている、新しいUX体系が「マテリアルデザイン」です。マテリアルデザインの発表後、Googleは自社サービスに続々とマテリアルデザインを採用しており、サードパーティ製のアプリなどでもこれを採用したものが次々と登場しています。そんなマテリアルデザインでは使用可能な色が指定されているのですが、これで使えるカラーを並べたカラーパレットを表示してくれ、使用したいカラーをクリックすればそのカラーコードが一発でコピーできてしまうというウェブサイトが「Material UI Colors」です。 Material UI | Material Design | Material UI Colors http://www.materialui.co/ 「Material UI C
昨年発売されて好評だったルイス・クラーク探検隊に関して、ルールの穴を突いた戦略が発見されております。 まぁ、どんだけやりこんでるんだよ、と言うことだと思うのですが、デザイナーの意図しないプレイが発見されるなんてことはよくあることで、今回はその解決策となる選択ルール案がルドノート社により紹介されております。 『ルイス・クラーク探検隊の待ちハメ戦略』を無効とするため、野営フェイズの最後に、偵察隊がルートの最初の地点(セントルイスから5マス下流)にあった場合に以下のルールを適用します: 1 – ゲームの開始時から雇用してきたすべての人物カードを捨て札にする(初期の6枚の人物カードはそのまま保持する)。 2 – 全ての資源コマとインディアンコマを捨てる。 この“戦略”に気が付いていて、バランス悪いなーと思って最近プレイしていなかった人は、この機会にこのルールを適用してプレイしてみてはいかがでしょう
TL;DR 遠方のお客様からのサイト制作依頼、メール問い合わせがあった時に、どんな内容を返信すればよくて、どんなことを聞いておけば概算見積もり(初期費用・ランニング費用)を作りやすくなるのか。ヒアリング時も、ある程度聞き出したい。 ネットや本でも意外と「具体的な例」がないなぁと思い、今回はコーポレートサイトや EC サイト制作依頼があった時に、メール返信や、最低限クライアントに聞いておきたいことや尋ね方をまとめました。ヒアリングシートにも応用できます。会社によって違うと思いますが、ざっくりとメモしておきますので、後は自分流にアレンジしながらご活用ください。 メール用テンプレート ここからはメール返信用です。 コーポレートサイト コーポレートサイトの制作依頼があった時に、具体的にどんな内容をヒアリング、または聞いておけばよいのか項目をまとめました。聞き出した内容をもとに社内スタッフと共有し概
CSSがサイトの読込速度の遅延原因かも?見直すところは大きく3つ! 2015.01.23 2020.12.17 技術 CSSもページ表示速度を落とす要因になります 「なんだか自分のサイトのページの表示速度が遅いなあ…」そうしたお悩みをお持ちの方は多いのではないでしょうか。 もしかしたら、CSSが原因の1つになっているのかも?CSSを見直す良い機会かもしれません。 ブラウザはページ内容を表示する時レンダリングを行っています。 レンダリングとは、データ(今回の場合だとHTML)に書かれている情報を解析し、その通りにディスプレイに表示させることを指します。 外部CSSはこのレンダリングをブロックしてしまうリソースの1つで、運用方法によっては、これが原因でページ内容を表示するのが遅くなることがあり得ます。 どこを、どうやって改善するといい? CSSをインライン化する セレクタを見直す HTTPリク
Web上の日本語のフォントは、Windows XP以前のコンピュータを除いて、 メイリオやヒラギノなど、ほとんどで等幅のフォントが使われています。 等幅のフォントでは、すべての全角文字が同じ幅となるため、 括弧のような幅の狭いフォントでは横に余分なスペースが空いてしまいます。 これは文中で余計なスペースを取ってしまうだけでなく、 見出しや文の頭を全体で揃えたいときに、括弧のところだけずれているという状況を作り出してしまい、 見た目として見苦しくなってしまうことが少なくありません。 そこで今回は、この括弧の余分なスペースを軽減するコードをjQueryを使って作ってみましたので、 ご紹介いたします。 ↓こちらがコードを使ってみたDEMO DEMO jQueryコードと解説 まずjQueryのコードです。 HTMLが <section class="kakko"> <h2>効果あり</h2> <
シェルスクリプトの中で、スペース区切りもしくはタブ区切りのレコードを扱うことがよくあると思います。 たとえば、前回のエントリ「AWS CLIとjqを使って、AWSのELBボリュームがアタッチされているEC2インスタンス名を出力するワンライナーを書いた - 双六工場日誌」のスクリプトの出力は以下のようになります。 i-ec56a9f5 vol-07d00601 servername i-ec56a9f5 vol-8f550991 servername このようなレコードの特定の列を取り出して、処理する際にどうするのが効率的か、というのがこのエントリのお題です。 非常に古い話題なので、昔からシェルスクリプトを書いている人には自明な話ではありますが、最近、シェルの標準機能の話を聞く機会がなく、失われつつある技術になってきている気がしているので、改めて確認ということで。 例として挙げたレコードから
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く