コンテナに画像がぴったり収まるように画像のサイズを変更するjQueryプラグイン・imgLiquid
画像を包括したコンテナに その画像がぴったり収まる ようにサイズを調整する、 というjQueryプラグイン。 必要になるか分かりません が、需要はありそう。 コンテナ一杯に画像を表示させる、というもの。 上が使用した状態、下が未使用です。下はコンテナに隙間があるのに対し、上はコンテナに隙間無く画像が収まっています。画像をメインとしたコンテンツでグリッドレイアウトなWebサイトなどにも良さそうです。 コード<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script> <script src ="imgLiquid-min.js" type="text/javascript"></script>コアとプラグインを読み込みます。 $("
Photoshopをもっともっと好きになる、テキストをかっこよく魅せるチュートリアルのまとめ -2012年版
Photoshopをもっともっと好きになる、テキストをかっこよく魅せるチュートリアルのまとめ -2012年版
商用・非商用を問わず完全フリーで使えるハイクオリティな画像検索サイト「Pixabay」
デザインの仕事をしていたり、フリーペーパーやポスターを作る時にも、無料で自由に使える写真やイラストは重宝します。一定条件の下で作品を自由に使えるCCライセンスの画像も有用なのですが、商用利用やクレジット表記・リンクの可否など制限があり使いづらいことも。そんな時に便利なのが、知的財産権が誰にも帰属しないパブリックドメインの画像を検索閲覧・ダウンロードできる「Pixabay」であり、CCライセンスのように細かい点を気にすることなく自由に画像を使用できます。 Pixabay - パブリックドメイン画像 http://pixabay.com/ テキストボックスに単語を入れて検索ボタンを押すと…… こんな感じでずらっと写真やイラストが並びます。画像は新着順の他、人気順でも表示することが可能。 気になる画像をクリックすると…… 詳細ページへと飛びます。 撮られた日時や使用されたカメラの種類などと共に、
WEB制作のIE対策いろいろ チートシートやHTML5/CSS3対応方法など | DECONCEPTER
かわいいあいつIEとの付き合い Internet Explorer 通称 IEはかわいいやつである。私の心を掴んで離さない。IEについて言及すれば火が燃え上がる、存在が燃えている最強の火種だ。 なぜこんなにIEはかわいいのか。テーブルタグでウェブサイトをレイアウトする時代からCSSでレイアウトする時代へ移行する際はIE5/IE5.5/IE6/Mac IE5.2でどうしたら同じレイアウトを実現できるかを苦悩させてくれた強敵（とも）だった。 昨今のHTML5バンザイWEB制作においては、最新機能を使ってWEBサイトを作る上でIEの表示や機能をどうするかという話題が常にモチキリだ。 そんな我々の心を離さないIEの対策をする上で一つ一つ表示を確認しながら作っていたら日がくれて定年を迎えてしまう。IE定年を迎えないためにある程度どういう対応が必要かよくまとまっているサイトを見ていこうと思う。 チート
『Web Director Meetup Vol.8』開催します！(NHN Japan ディレクターブログ) - IT - livedoor ニュース
『Web Director Meetup Vol.8』開催します！2012年10月31日13時00分 wdm8 さて今年もあと2ヵ月となりました。今年も開催します。Webディレクターの忘年会『Web Director Meetup』。今年でなんと8回目。 今回も幹事をやらせていただきます薮田です。よろしくです。 ■Web Director Meetupとは ※昨年から『ディレクター交流会』から『Web Director Meetup』へ名称変更 この会は、現場のWebディレクター、Webプロデューサーが交流し、ノウハウやこの職種ならではの悩みを相談する情報交換の場です。 会社の垣根を越えてWebディレクター、プロデューサー、プランナーが交流を通じ、切磋琢磨することでこの職種の人達のモチベーションアップや、レベルアップをはかりたい。 そんなこんなでWeb業界を活性化できればよいなと思います。
ブログの記事につけられた「いいね！」の数は、評価の多寡とは本質的に関係ない（ドヤ顔） - 世界はあなたのもの。
ブログ Thumbs down / juhansonin 最近プロブロガー（以下、プブ）のロールモデルとして個人的に注目しているイケダハヤト氏のブログ『ihayato.news』の以下の記事を読んで感銘を受けた。「月20万稼げるブログ」を運営する上で気をつけている5つのこと | ihayato.news で、俺もすっかりその気になり、プブを目指そうとこうして虚空に向けてキーボードを叩いているのだが、以下の一文に引っかかってしまった。僕はもはや炎上は恐れないので、言いにくいことも、モラルと自由の微妙な境目にあることも、ズバズバ書いていけます（楽しいですしね）。例えば下記の記事は見方によっては大炎上していますが、いいね！も1,000件近く集めています。こういう記事が、良くも悪くも、これからのメディアには必要だと考えています。炎上云々はそういう「芸風」ということでどうでもいいし、「楽しいですしね
プロのデザイン制作にも使いやすいデザイン性の高いサンセリフフォントまとめ「10 Beautiful and Free Humanist Sans Serif Fonts」
プロのデザイン制作にも使いやすいデザイン性の高いサンセリフフォントまとめ「10 Beautiful and Free Humanist Sans Serif Fonts」 デザイン制作の際になかなか気に入ったフォントが見つからず、特に予算がない時には、無料のデザインフォントを探すことも多いはず。そんな時に役立つ、プロのデザイン制作にも使いやすいデザイン性の高いサンセリフフォントをまとめた「10 Beautiful and Free Humanist Sans Serif Fonts」を紹介したいと思います。 Huerta Tipográfica | Download Telex ht アルファベット一つ一つの美しさを感じられるサンセリフフォントが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Free Font Open
[WordPress] 関連記事プラグイン YARPP にサムネイル画像を表示させてみた。
今さらですが、記事の一番下にある いわゆる「関連記事」表示のプラグイン Yet Another Related Posts Plugin（YARPP） にサムネイル画像を表示できるようにカスタマイズしてみました。 いわゆるこんな感じのやつですね ↓ これまで、関連記事表示には Zenback 使ってみたり、この YARPP を使ってみたりいろいろしてたんですが、それぞれ良いところがあるものの、肝心の「関連記事の精度」という意味では、YARPP が（細かく設定できるので）優秀のような気がしています。 表示したくないカテゴリとか選べますしね。 Yet Another Related Posts Plugin for WordPress ただ、YARPP はデフォルトのままだと文字だけで寂しいので、画像を表示させてみました。 参考にさせていただいたのはこちら！(｀_´)ゞ ☞ 関連記事プラグイン
![[WordPress] 関連記事プラグイン YARPP にサムネイル画像を表示させてみた。](https://cdn-ak-scissors.b.st-hatena.com/image/square/d15c839cf1c93102356740209dd603b9531c957f/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fnorirow.com%2Fwp-content%2Fuploads%2F20121107-0726131.jpg%3Ffit%3D750%252C660%26ssl%3D1)
Webで生きていくなら絶対にあった方が良い道具のまとめ[改訂版]
こんにちは。enjiです。 Web屋として７年程生き抜いているのですが、その中で「本当にこれは便利だ！もし、環境が変わっても、もう一度買ってしまう。」と断言できる道具やサービスをご紹介致します！ほんの少しでも、役に立つ情報があれば幸いです。 photo credit: Grafix Guru via photopin cc 書類を全てデータ化するScanSnap S1500 これはもう、絶対にに買うべき商品です。 紙をスキャンしてPDFや画像データに変換します。 今まで、どんどん溜まっていた紙の資料等が スキャンしてポイなので散らかっていた紙が無くなり、デスクを綺麗に保てます。 EverNoteやDropboxに自動で送る機能もあるので 大事な契約書、説明書、名刺などなんでもホイホイデータにしておけば いつでも確認できて便利です。 迷っているなら即、買いです。本の自炊もできますよ。 htt
![Webで生きていくなら絶対にあった方が良い道具のまとめ[改訂版]](https://cdn-ak-scissors.b.st-hatena.com/image/square/b792ceab25163d511322e761b62b3251283ef3a6/height=288;version=1;width=512/http%3A%2F%2Frentalhomepage.com%2Fwp-content%2Fuploads%2F2013%2F06%2Fmedium_322458462-e1373186659782.jpg)
「Sublime Text」 完全入門ガイド！
こんにちは～ 仕事が恋人のデザイナー、王です φ(≖ω≖｡)♪。 最近海外でもてはやされまくりのテキストエディタ「Sublime Text」と恋に落ちたことをこの場で告白したい！ やっと出会えたぞ！僕が探し求めていた幻のエディタに！！ 昨今話題沸騰中の「Sublime Text」エディタについて、ご紹介しましょう！本記事を読んで、ぜひとも他のエディタからSublime Textに乗り換えていただきたいです！ 見た目的には、このように、優雅（Sublime）そのもの！ Mac、Windows、Linux 三大プラットフォームで動くのも嬉しいですな！ 公式サイトは下記リンクです。 https://www.sublimetext.com/ それでは、動画やキャプチャーを使ってSublime Textの素晴らしい魅力を伝えていきたいと思います。 Sublime Textのチャームポイント 特色機能
samulife.com - このウェブサイトは販売用です！ - リソースおよび情報
このウェブサイトは販売用です！ samulife.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、samulife.comが全てとなります。あなたがお探しの内容が見つかることを願っています！
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
iPadやiPad miniで体験できる本格派クリエイティブ系ツール30選 - iPad Creator
2012/11/07 iPadやiPad miniで体験できる本格派クリエイティブ系ツール30選 時刻: 11/07/2012 過去にこのブログで紹介したものを中心にiPadやiPad miniで使える本格的なクリエイティブツールをまとめてみました。デスクトップ版アプリに迫る高機能なものから、マルチタッチで楽しく操作できる手軽なツールまで30種類を選んでいます。 ベクターグラフィック iDraw (1.5) カテゴリー：仕事効率化 価格：800円 開発：Indeeo, Inc. Inkpad (1.4.1) カテゴリー：仕事効率化 価格：450円 開発：Taptrix, Inc. Freeform - The Vector Drawing App (1.1) カテゴリー：仕事効率化 価格：850円 開発：Stunt Software フォントデザイン iFontMake
私がもっと早くにクビにするべきだった5人 デザイン会社 ビートラックス: ブログ
以前に多くの反響を頂いた、”Uber ファウンダー Travis Kalanik 驚異の失敗歴“でもご紹介した、FailConが今年も開催された。 通常カンファレンスは成功者からのノウハウやコツを教示してもらう事が多いがFailConではスタートアップ時に必ず伴う苦い経験の体験者を招き自身のストーリを元にその立ち直り方を紹介し”失敗から学ぶ”のが目的である。 今年はメインテーマを”Pre-Launch (起業前)”と”Post-Launch (起業後)”に分け、合計17名のスピーカーがそれぞれの会社のフェーズに合わせたケーススタディーのプレゼンテーションを行った。 その起業後の話しの中でも、会社の成長期に関するストーリーが大変興味深かった。 プレゼンのタイトルもずばり”私がもっと早くクビにするべきだった5人” プレゼンターは最近Microsoftへのバイアウトを成功させたYammerのUX
WordPress を使うなら知っておきたい GPL ライセンスの知識【基本編】
はじめまして、ベージュです。ババシャツ色って呼ばないでくださいね！ さて、このサイトを読んでいる皆さんは、WordPress がオープンソースのソフトであることはよく知っていると思います。でも、その意味を単に「だれでも無料でダウンロードできる」ことだと思っていませんか？ 「WordPress のライセンスについてクライアントさんに詳しく突っ込まれるとよく分からないし、間違っちゃうと怖いし…」と思っていませんか？ そこで、今回は GPL ライセンスのことを正しく理解して、自信を持って説明できるようになれる情報をご紹介します。さらに、WordPress がなぜ GPL を採用しているのかを知ることで、このソフトウェアを作る人たちの理念まで分かるというおまけつき。 WordPress はなぜ GPL ライセンス？ まずはぜひ、この字幕付き動画をご覧ください（右下の「CC」と書かれたところをクリッ
iPad持っててよかったぁ、iPad欲しいなぁと思わせてくれるアプリ｢Paper｣（動画）
iPad持っててよかったぁ、iPad欲しいなぁと思わせてくれるアプリ｢Paper｣（動画）2012.11.07 17:00 そうこ Color / Mix it Up from FiftyThree on Vimeo. 確かに、動画見てたらiPad欲しくなります。 iPadアプリ｢Paper｣はiPadの良さを丸ごと活かしたアプリです。iPad一台だけ持って、いろいろな所に写生に行く。パレットやカラーミックスの仕様がとても細かくて、複雑な色味だってなんのその。まさに指先マジックですね。さらに、PogoのConnet Bluetooth技術を使い、指先の圧力を実に細かく読み取ることができます。アップデートしてまさに夢のアプリとなったPaperは、すぐにダウンロードが可能。デジタル化のその先を見せてくれるようですね。 [iTunes via The Verge] そうこ（Adrian Cove
はてなブログ1周年！ ありがとうキャンペーンを開始します - はてなブログ開発ブログ
本日、はてなブログはサービス開始から1周年を迎えました。1年にわたってサービスを成長させることができたのも、ひとえにユーザーの皆さまのおかげです。ありがとうございます！ はてなブログ1周年を記念して、皆さまに「ありがとう」の気持ちを込め、iPod touchなど豪華賞品が当たる「はてなブログ1周年！ ありがとうキャンペーン」を実施します。プレゼント賞品や応募方法などについては、エントリーの最後をご覧ください。＜キャンペーン概要までスキップする＞ はてなブログの1年間（ここがおすすめ！） はてなブログは、「しっかり落ち着いて書けるブログ」を目指して日々進化を続けています。この1年でもたくさんの機能を追加してきました。最近の機能追加の中から、特におすすめのポイントをご紹介します。 書くネタに困らない 「編集サイドバー」を使うと、Twitterのツイートや、Instagramに投稿した写真、はて
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
cmmntr.com
EvernoteとDropbox間でデータを移動できるiPhoneアプリ、Ever2Drop - 週刊アスキー
webmobile – android/iPhone/MVNO/amazon/アプリの使い方！
Macの起動音を消す方法。「ジャーン」を鳴らないようにします！ | Appdrill
新着記事
http://webdesignmatome.com/web-tips/design-book
Verify you are a human