Free stock images
Dynamic badges Show metrics for your project. We've got badges for hundreds of services.
Photoshopは標準機能だけでも便利なツールですが、もっともっと便利になる機能拡張やアクションを紹介します。 定番として入れておきたいものから、特別な使用シーンに使うものまで、優れ物ばかりです。 Photoshopでのガイド引きに欠かせない強力な機能拡張 定番のGuideGuideは3.1.2にバージョンアップ 幅の異なる複数のガイドを一気に作成できる優れ物 Photoshopのスウォッチをフォルダで管理 カラーピッカーを開かずにカラーのコードを簡単コピー 複数のさまざまなオブジェクトのカラーを一元管理 手元の画像からシームレスなテクスチャを1クリックで作成 ビットマップのオブジェクトをベクターに変換 画像にパースをつけてかっこよく見せる パラグラフのレイアウトを段組みに変更 要素のサイズやエフェクトやフォントなどの情報を書き出す エレメントやマージンのサイズを書き出してくれる 黄金比
こんにちは、デザイナーのサリーです。 LIGが運営するシェアオフィス「いいオフィス」では連日イベントが行われており、お客様からイベントに関するお問い合わせも多く頂くようになりました。 そこで、いいオフィスサイトにイベントカレンダーを表示しよう!ということに。 しかし、Googleカレンダーのデザインが、サイトのデザインに合わなかったんです(´・_・`) Googleカレンダーは2011年に新しいデザインになりましたが、埋め込むときは青い枠のついた旧デザインしか選べません。あまり時間もかけられないし、難しいことはせずCSSだけ上書きしたい……。 何かいい方法はないかググってみたところ、「gcalendar-wrapper.php」というスクリプトを見つけたので使ってみたら、まさに求めていた挙動を実現できました! 今回は、gcalendar-wrapper.phpの使い方についてご紹介します。
こんにちは。エンジニアののびすけです。 最近はひさしぶりに浅草をランニングして健康オタクを気取っています。 さて、ランニングといえば、アプリを使ってタイム測定をしている人も多いのではないでしょうか。大半のアプリには地図が内蔵してあり、特にGoogle Mapsを呼び出しているものが多いですね。 そこで今回は、そのGoogle Mapsをカンタンに導入できるgmaps.jsを使ってみたいと思います。コピペで試せるので、JavaScriptが得意ではないデザイナーやコーダーの方にもおすすめです。 http://hpneo.github.io/gmaps/ gmaps.jsはGoogle Maps APIを使いやすくしてくれるライブラリです。 そのメリットは大きく3つあります。 1. シンプルなコード 記述方法がとてもカンタンで、通常のGoogle Maps APIよりも分かりやすいソースコード
毎年末にjQueryのプラグインをまとめていましたが、今年はプラグインの他に単体で動作するスクリプトも加えて、jQueryのプラグインとスクリプトの総まとめとして記事にしました。 今年目立ったのは、去年から引き続きアニメーション系、縦長ページ用のスクリプトでしょうか。 1カラムのレイアウトが流行っているためか背景関連も充実していました。それとSVGをより簡単に利用できるようになったのも大きな目玉ですね。 また、jQueryに依存しない、単体で動作するスクリプトも多く開発されるようになったと思います。 背景関連 SVG関連 縦長ページ関連 スクロール連動・パララックス関連 その他スクロール操作・補助関連 レスポンシブ関連 ナビゲーション関連 レイアウト関連 コンテンツ生成関連 コンテンツ紹介・ツアー関連 スライダー・カルーセル関連 画像拡大・配置・キャプション関連 アニメーション関連 エフェ
最近AngularJSとずっとにらめっこしています。やっていて楽しいです。 こんにちは、先生です。 最近はAngularJSとばかり遊んでおり、さまざまなモジュールを入れては消しを繰り返しています。もちろんそれらのモジュールの中には、対応していないブラウザや端末があったり、一部環境では正常に動作しないなどの不具合を持つものも多くありました。 そこで本日は、数あるモジュールの中でも安心して業務で使えたモジュールについて紹介していきたいと思います。 2014年11月現在でのライセンスも明記していますので参考にしてください。 安心して使えたモジュール8選 1. Angular directives for Bootstrap http://angular-ui.github.io/bootstrap/ MIT License Bootstrapをディレクティブにしているモジュールです。 元々のB
今月の初めにLigature Icon フォントセットの自作方法とWebFontというエントリーを書きました。これはsymbolsetというサイトにinspireされて、Ligature機能を使ったSymbol Web Fontを自作しようという試みを書いたものです。しかし、この時はsymbolsetで実現されているようなものには及ばない不完全なものになってしまいました。 その後、いろいろと調べたり試したりする中でsymbolset相当のWebFontを自作することが出来ました。今回はそのプロセスと技術的解説について紹介したいと思います。 Ligature Symbols について まずは今回自作したWeb Fontのデモページをご覧ください。 【DEMO】 Ligature Symbols 今回作成したLigature Symbols FontはOFLライセンスで公開しており、ダウンロー
違いのわかる人はぜひ。 「MP3でエンコードすると音質が悪くなる」ってよく言いますが、実際聞き分けられるものなんでしょうか? こちらでそれが試せます。 新たなストリーミング音楽サービスの「Tidal」は、この種のサービスとしては初めてロスレスファイルで音楽をストリーミングしています。彼らはプロモーションのために、ロスレスファイルとそうじゃないファイルを聞き分けるテストサイトを公開しました。こちらを開くと、5つの曲について高音質版と普通版を聞き比べられるのですが、どちらが高音質なのか最初はわかりません。5曲についてAとBどちらが高音質だと感じたかを選んで、最後に答え合わせができます。つまり、自分にとってロスレスの曲を聞く意味があるかどうかテストできるんです。 このテストの正答率は、いくつかの要因に左右されます。たとえば聴力そのものとか、高音質かどうかを聞き分けるために必要なポイントを知ってい
HTML & CSS Please copy & paste this code to your HTML file or Stylesheet. <p>Simple use for mailto link.</p> <a href="mailto:mail@example.com" class="lsf">mail</a> <p>Use tha icon with text.</p> <a href="http://twitter.com/" class="lsf-icon" title="twitter">Twitter</a> <p>Use tha icon with unicode.</p> <a href="http://amazon.com/" class="lsf-icon amazon">Amazon</a> /* CSS */ @font-face { font-fami
こんにちは、デザイナーのぺちこです。 近頃はいろいろな動きを取り入れたサイトが増えていて、「Webって楽しい」というワクワクが今まで以上に感じられます。 私が最近ちょっと気になっているのは、サイト全体の大きな動きではなく、いちパーツである「テキストリンク」のHoverアニメーションです。 大きな部分の動きや同じリンクでも目につきやすいボタンリンクには、いろいろなバリエーションの動きが取り入れられています。一方でテキストリンクについては、ありきたりなエフェクトになってしまっているサイトがまだまだ多いなぁ、と思われます。 そんな中で、そういった些細な部分も手を抜かず作り込まれているサイトを見ると、思わず「おっ!」と立ち止まってしまいます。 サイトコンセプトに沿った効果的なアニメーションを入れることができれば、ワンランク上のWebサイトになっていくはず。 というわけで今回は、テキストリンクのHo
KLab、7-9月期の営業益はQonQで倍増の11.95億円に急拡大、四半期ベースで過去最高に スクールアイドルが高みに導く KLab<3656>は、この日(11月10日)、第3四半期累計(1~9月期)の連結予想を上方修正したが、これに基づいて第3四半期(7~9月期)の業績を計算すると、売上高が前四半期比23.2%増の63億5500万円、営業利益が99.2%増の11億9500万円、経常利益が118.7%増の12億9900万円、四半期純利益が47.8%増の7億3900万円と大幅な増益になることがわかった。 【関連記事】 KLab、第3四半期の営業益予想を46%上方修正、12.9億円→18.9億円に 『ラブライブ!スクフェス』と『天空のクラフトフリート』の好調で なお、過去の四半期ベースの業績推移をみていくと、売上高、営業利益、経常利益はいずれも過去最高を更新した。この原動力はブシロードとの共
webサイトに魅力的な動きを演出可能なjQueryプラグイン「A Cool Collection Of jQuery Plugins To Make Your Website More User Friendly」 シンプルなwebサイトももちろん魅力的ですが、独特な動きを取り入れることでもっと見栄えの良いサイトに仕上げることができるのではないでしょうか?今回はそんな時に利用したいjQueryプラグイン「A Cool Collection Of jQuery Plugins To Make Your Website More User Friendly」を紹介したいと思います。 Textillate.js ちょっとしたさりげない動きから、メインとなる部分に取り入れられる演出まで、いろいろなタイプのjQueryプラグインが紹介されています。 詳しくは以下 Salvattore — A jQu
CentOS で GitLab を 5.3 から 6.1 にバージョンアップしたのでそのときの手順を残しておきます。 参考 https://github.com/gitlabhq/gitlabhq/blob/master/doc/update/5.3-to-5.4.md https://github.com/gitlabhq/gitlabhq/blob/master/doc/update/5.4-to-6.0.md https://github.com/gitlabhq/gitlabhq/blob/master/doc/update/6.0-to-6.1.md https://github.com/gitlabhq/gitlab-recipes/blob/master/install/centos/README.md はじめに すべての作業は git アカウントで行います。root が必要
いい感じのスライド、作るのむずいので、大体いい感じになるKeynoteテンプレート作った。ここからダウンロードできる。 Azusa - 大体いい感じになるKeynoteテンプレート解説サンプルも兼ねた解説スライド作った。 Introducing Azusa // Speaker Deckだいたいスライドに書いたけど要約すると下記のようなことを考えた。 スライド作るの難しい色とか難しいかっこよくしたいAzusaっていうのを作ったAzusaは、大体いい感じになるKeynoteテンプレートです Azusaの特徴大体いい感じになるカラースキーム大体いい感じになるフォント大体いい感じになるマスタースライド色カラースキーム考えた 白っぽい色(白っぽいクリーム色とか白っぽいねずみ色) 黒っぽい色(赤っぽい黒とか青っぽい黒とかそういうの) 緑とか青とかピンクとかのアクセントカラー1色 原色すぎないほうがイ
また、こっちの日記更新することになるとは思わなかったけど、備忘録的に。 外国人「なんで日本のドラマってすごい安っぽいの?」【海外反応】 この記事、結構、おもう事があるんで、備忘録として、日本のドラマが安っぽくみえる原因についてまとめ。 ぶっちゃけ、僕もそう思う。なんでか日本のドラマって安っぽく見える。 日本のドラマがチープ?実際に低予算でドラマ作ってるだから当たり前だろ説 日本のドラマは低予算。予算が潤沢に使えるアメリカのケーブルTV向けのドラマに比べてチープに見えるのは当然説。 フレームレートのせいだよ説 日本のドラマのほとんどは、映画のような24fpsで制作されていない。例外は刑事ドラマと時代劇と特撮。日本のドラマはアメリカのソープオペラ、ニュース番組と同じ30fpsで撮影されているので、チープに見えてしまうという説。 実際の所、日本の昔の刑事ドラマ、時代劇なんかの24fpsで撮影され
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く