Logo Gardenはウェブ上で簡単にロゴが作れるサイトです。 ロゴを作るだけでなく、作ったロゴを入れた名刺やTシャツも作ることができます。 作ったロゴは無料でダウンロード可能(ちょっと小さいけど)。 どういうロゴを作ろうかなぁと考える際にも使えそうです。 以下に使ってみた様子を載せておきます。 まず「Logo Garden」にアクセスしましょう。 まずどういったジャンルのロゴかを選びます。 次にロゴに使いたいイメージを選択します。 たくさん種類があるのでじっくり選んでみましょう。 あとは色や文字を入れて微調整をしたら完成。 その後、ロゴをJPG画像としてダウンロードできますよ。 さらに、ロゴを使った色々なアイテムも作れるみたいです。(有料ですが) ロゴ作成の際にぜひご活用ください。
iTunesのアフィリエイトプログラムの提携がLinkShareからPHGに変わりましたので、その対応をおこないます。今回はアフィリエイトIDを自動的に付与するJavaScriptを設定。 JavaScriptで今後アフィリエイトリンクにIDが自動付与対応その1 : 過去作成したLinkShareへのリンクをPHG用に書き換え 対応その2 : JavaScriptで今後アフィリエイトリンクにIDが自動付与されるように設定←今回やること※まだPHGアカウントの発行は完了していない方はこちらから申請してみましょう。 PHGではアフィリエイトリンクを作成する場合、「iTunesのURL」+「アフィリエイトIDのパラメータ」という形になります。 https://itunes.apple.com/jp/app/reeder/id325502379?mt=8&uo=4&at=11l3Ik毎回パラメータ
カメラロールからFlickrへアップロードは超便利!今まではIFTTTを利用してアップロードすることが可能でしたが、公式にFlickrに対応しました。 設定アプリからFlickrの項目を開いて、Fclickrアカウントを設定します。 するとカメラロールのアクションから直接Flickrへアップロードすることが可能になります。 複数枚同時にアップロードも可能なので、かなり便利。データ通信の7GB制限が気になる人はWi-Fi環境で利用することをオススメします。 Flickrの写真もカメラロールから見れるようになったら超嬉しいのですが、残念ながら今のところできません。Flickrの公式アプリも現状日本のAppStoreからのダウンロードはできないのが残念。 Frickrユーザーの人は是非お試しください。
フォームのレイアウトっていざ作ろうとすると結構迷う事多いですよね。フォームのデザインはもちろん、どうしても入力項目が多くならざるを得ない時なんかは、考える事は底知れずって感じです。 今日はそんな時にもしかしたら便利ってなるかもしれないJS/CSSフレームワークの一つ『Grid Forms』をご紹介させて頂きます! フォームデザイン苦手ーって人も、ちょっとこの辺から触ってみても良いかもですね〜。 Grid Forms Grid FormsのGithubからファイルをダウンロードしてみると、既にサンプルファイルが用意されているので、それ見ながらちょっとお話した方がいいかもっすね。 サンプルを開くと以下のようなフォーム例が表示されると思います。 なんか紙の入力欄みたいですね。ネットに慣れて居ない人へのアプローチも、もしかしたら良さげかな? 試しにちょっと作ってみましたが、とにかく楽。これが物の3
デモページ:3番目のパネルを表示 各パネルへの直リンクやURL表示にも対応しています。 One Page Scrollの使い方 Step 1: 外部ファイル head内にjquery.jsと当スクリプト・スタイルシートを外部ファイルとして記述します。 <head> ... <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script> <script type="text/javascript" src="jquery.onepage-scroll.js"></script> <link href='onepage-scroll.css' rel='stylesheet' type='text/css'> </head> Step 2: HTML mainはコンテナで、各パネルはse
ユーザーのアクションで背景が変化するコンテンツ、例えば、複数のパネルを垂直に配置し、パネルごとに背景のカラーを変えているとか、スライダーの画像や写真に明るいカラーや暗いカラーが混在しているなど、そういった時にナビゲーションを暗いカラー、もしくは明るいカラー、どちらにしようか迷うことがありませんか? 変化する背景のカラーに合わせて、指定したテキストやエレメントを最適なカラーに変更するスクリプトを紹介します。 BackgroundCheck BackgroundCheck -GitHub BackgroundCheckのデモ BackgroundCheckの使い方 BackgroundCheckのデモ デモは、スクリプトの基本性能、スクロール、スライドの3種類です。 Chrome, Safari, Firefoxなどモダンブラウザをはじめ、iPhone/iPadなどのiOS6/7でも動作します
ひと昔前に、小さいドットを上からアニメーションで落として雪とか桜とかありましたが、これはそれらとは異なり、かなりリアルに雨を堪能できるスクリプトを紹介します。 ぼっーと見てると、音まで聞こえてきそうです。 Demo 2 雨はCanvasを使って再現しており、実装は下記のようになります。 <head> ... <script src="rainyday.js" type="text/javascript"></script> <script type="text/javascript"> function demo() { var engine = new RainyDay('canvas','demo1', window.innerWidth, window.innerHeight); engine.gravity = engine.GRAVITY_NON_LINEAR; engine.t
Free Laurel Frames & Arrows ダウンロードできる素材のフォーマットは、便利なものが揃っています。 .png 透過PNGでグリーンブラウン、ブラックの2種類。 .svg ベクターなのでサイズ変更可能です。 .abr Photoshop用のブラシ。 アイテムはPNGも高解像なので、すぐ使いたい人にも便利です。 下記のサークル状のは一つのサイズが、977x1210です。
タップすると、びよ〜んと弾んでナビゲーションが表示されるタブレット・スマフォ向けに実装してみたいナビゲーションを紹介します。 Bounce Menu 左下をタップで動作します。 実装はこんな感じです。 HTML <div class="device"> <div class="screen"> <div class="menu"> <ul> <li class="lock"><a href="">Lock</a></li> <li class="share"><a href="">Share</a></li> <li class="download"><a href="">Download</a></li> </ul> </div> <div class="toggle"> <div class="x"></div> <div class="y"></div> </div> <div cl
つい先日、口から零れるように「やっちまった」という言葉が出ました。大事な写真を全部消してしまったんです。 とても大事なイベントの時の写真で、一生の思い出になるものでした。それを、Flickrにアップロードしてあると勝手に勘違いして、ローカルのデータを全て消してしまったんです。 冷や汗と貧乏揺すりが止まらない日が二三日続きましたよ。けど、結果的に復元に成功しました。それも意外なところーーDropboxでした。 今日はそんな私の失敗談を通して、Dropboxの復元機能の素晴らしさをお伝えしようと思います。 私の写真の管理方法 まず最初に、私の写真の管理方法について簡単にご紹介します。 私が撮影する写真は、すべて、一度はiPhoneを通します。iPhoneで撮影した写真はもちろん、常に持ち歩いているコンデジには「Wi-Fi mobi」を入れているので、自動的にiPhoneに転送されます。 iPh
こんにちは。モザイク大好き白浜です。今回はIllustratorでモザイク柄のアイテムを作ってみたいと思います。 1.モザイクの素を作る オブジェクトをタイル状に分割する手順 まずは正方形のオブジェクトを作成します。 次に「オブジェクト」→「ラスタライズ」します。 一度この手順を踏まないと「モザイクオブジェクトを作成」ができないのでいつもこうしています。 次に「オブジェクト」→「モザイクオブジェクトを作成」を選択します。 分割したい数を入力してOKを押すと・・・ 格子状に分割されました~。 色をつけてモザイク柄にする 格子状に分割されたオブジェクトはグループ化されているので、これを解除します。 するとタイルひとつひとつを個別に選択できるようになるので・・・あとは根気強く色付けします。色はあとから変更できるのでよしなにやってください。 0to255 同系色でまとめたいときは明度の違うグラデー
Tweetily WordPressの過去記事を自動ツイートを設定できるプラグイン Twitterで過去記事を自動で呟く仕組みいいなぁ。。と。 で、そのやり方も@mk_mizuhoさんの自動ツイートで知った次第です。 PickUp!! ➔: [Å] WordPressプラグイン「Tweetily」を使って過去記事をランダムにツイートするようにしてみた! http://t.co/ifLegllkCc — あかめ (@mk_mizuho) September 23, 2013 [Å] WordPressプラグイン「Tweetily」を使って 過去記事をランダムにツイートするようにしてみた! Tweetilyをまずダウンロード。直接「プラグインの新規追加」でもOK で、有効化したら注意点。あかめさんのブログにもあるけど 日本語未対応! なので、ちょっとコアファイルの修正が必要です。 日本語に対応
インターフェイスは日々進化しており、デザインの流行り廃りデバイスの進化などを含めて多様化そして変化してきています。今日紹介するのは、最近リリースされているユーザーインターフェイスをセットにして利用できるインターフェイスキットを集めたエントリー「10 Free UI Kits」です。 Pure 最近流行りのフラットデザインからスタンダードなものまで、様々なユーザーインターフェイスキットが紹介されていますが、いくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 Almost Flat UI フラットデザインでまとめられたユーザーインターフェイスキット UIkit MITで利用できるユーザーインターフェイスキット。様々なパーツがセットされています。 Flatby フリーで利用できるユーザーインターフェスキット。 上記の他にも、様々なユーザーインターフェイスキットがまとめら
1: 以下、名無しにかわりましてVIPがお送りします 2013/09/28(土) 21:45:22.29 ID:oiGxqS1Z0 なんかみんな投げやりなんですけど 4: 以下、名無しにかわりましてVIPがお送りします 2013/09/28(土) 21:46:27.21 ID:w2HXAyeT0 少しばかりわろた 5: 以下、名無しにかわりましてVIPがお送りします 2013/09/28(土) 21:46:31.97 ID:TUVFHUwR0 不覚にも 以下、名無しにかわりましてVIPがお送りします 2013/09/28(土) 21:47:09.78 ID:OvuvFYmT0 真ん中下でワロタ 10: 以下、名無しにかわりましてVIPがお送りします 2013/09/28(土) 21:47:21.00 ID:e0WLMwtg0 天才かよ 11: 以下、名無しにかわりましてVIPがお
ユーホ@tnkyyです。春アニメも終わり、夏アニメがぼちぼち始まりましたね!北海道ではFree!まだですが、水泳なので同人誌などの装飾に、波線や波形を使うこともあるかと思います。Photoshopでは直線から簡単に、猿でも破線が描画できます。 波線書くのめんどくせーよかわいいけど 海やら川やら、水泳やら…あと同人誌の表紙にも、キレイな波線って、案外引きたいと思うことがあります。サイトでも夏や海のページではメニューのアクセントに波形が使われています。下の画像は江ノ島Swim&Runのグローバルナビゲーション。 トライアスロンの過酷さを微塵も感じさせない、かわいいグローバルナビです。 この波線、じつはPhotoshopで簡単に書けます。シェイプの波線とかパスで書いてたりとか…書きたかったけどううまくいかず、諦めていた日々とは今日でおさらば。 1. 適当に線を引く シェイプのラインツールを使っ
こんにちは、デザイナーの王です。「とりあえずタイトルに興味を持ったけどいまいちピンとこなかった」という方もいるのではないでしょうか。 ずばり、Photoshopのスクリプト機能を利用して、表題の作業を自動的に処理させるということです。僕みたいな怠け者で楽をしたい人にはぴったり! 今回主に紹介したいのは自作のスクリプトで、Webに特化した作業を簡単にしてくれます。 ダウンロードはこちら(ダウンロードが開始されます): https://liginc.co.jp/demo/2012/09/PhotoshopScripts.zip スクリプトを使うには? まずはスクリプトの使い方について説明していきます。 スクリプトをダウンロードし解凍したら、拡張子が「jsx」のファイルが幾つか入っていると思います。それらを下記のフォルダにコピーし、PCを再起動させます。 Windows:PhotoshopPre
ウェブページのレイアウト用にグリッドを設計したり、エレメントの中心をだしたり、余白を確保するなど、Photoshopのガイド引きを楽チンにするエクステンションを紹介します。 この機能はデフォルトで実装してほしいですね。 GuideGuide 以前、紹介した時に比べてバージョンアップし、使い勝手がよくなりました。 [ad#ad-2] GuideGuideの対応バージョン GuideGuideのインストール GuideGuideの使い方 GuideGuideの対応バージョン Photoshop Photoshop CS4 Photoshop CS5 OS Windows(32bit) Windows(64bit) Mac OS CS5+Mac OSX Lionでは「Patch」が必要です。 GuideGuideのインストール GuideGuideのインストールは簡単です。 ここでは、Windo
ノートに書いた文字や絵、音声を記録する「エコー・スマートペン」を学研が国内独占販売2013.09.29 08:00 アイデアを逃さず、デジタル化して保管。 学研が全世界で150万本以上販売されている米国Livescribe社製「エコー・スマートペン」の国内独占販売を発表しました。「エコー・スマートペン」は世界で唯一、手書きの文字と音声を同時に記録してデジタル化することができるICT機器。USB経由でパソコンに転送し、専用ソフトで音声付きノートとして保存、管理、編集を行うことができます。 保存したノートは付属の日本語OCRソフト「MyScript for Livescribe Desktop」によってテキストデータに変換することが可能。さらに音声付きPDFファイルを作成し、電子メールやフェイスブックで簡単に共有することもできます。 エコー・スマートペンは11月上旬より発売開始。価格は2万40
初回入金ボーナスを使うのにおすすめのオンラインカジノを比較しランキングにしました! 初回入金ボーナスでなんとか稼ぐことはできないかと試行錯誤した筆者が以下のポイントで厳選しています。 ボーナスの金額と割合・ボーナスの出金条件がプレイヤーに有利なもの ボーナスを提供するオンラインカジノが信頼性が高くかつ使いやすい オンカジの初回入金ボーナスは登録後初めての入金で貰うことができるもので、ボーナスの中でもかなり豪華なものばかりとなっています。オンラインカジノをお得に始めたい方・新たなサイトを探している方は参考にしてみてください!
冒頭画像のような壁に貼り付けるタイプのフックはとても万能です。壁に穴を開けずに簡単に貼り付けたり剥がしたりでき、ただモノを引っかける以上のさまざまな使い方ができます。今回はそんな壁フックのアイデアを15種類紹介しましょう。 1.ケーブルを隠す 小さめのフックを使えば、家具の裏などの狭いスペースにゴチャゴチャしやすいコード類を写真のようにまとめて隠すことができます。ブログ「Hi Sugarplum」に載っていたこの例では、ランプのコードをテーブルの脚に沿わせて隠していますが、他のケーブル類にも応用できるでしょう。 2.ルータを壁に固定する 米Lifehacker読者のGuyさんは、ルータを壁に固定するのに壁フックを使っています。Wi-Fiの接続状況が改善されたそうですよ! 3.モニタにヘッドホンをかける 学校の先生であるKellyさんは、教室のパソコンのモニタに壁フックをつけて、そこにヘッド
ホタテといえば、グラタンに入れたりバター炒めにしたり調理して食べるのがふつうですが、素材の良さをいかしてオイルづけのまま調理なしでも食べられるホタテの缶詰が「天橋立ホタテ貝柱燻製油づけ」です。 竹中缶詰 天橋立 ホタテ貝柱燻製油づけ 9CANペーン - 京都・丹後 ええもんや本舗 http://www.matsusakaya.com/?pid=11828480 パッケージは和紙を使用しており、柔らかいイラストも相まって純和風なイメージ。 「帆立貝柱くん製油づけ」の文字。新鮮なホタテ貝柱をボイルしスモークをかけてからオイルにつけているとのこと。 油には綿実油(めんじつゆ)を使用。 缶は金色で側面に凹凸を付けるなど、高級感があります。 プルタブ下にはくぼみがあり、開けやすいよう工夫がされています。 さっそくパカリ。 缶を開けた瞬間、ホタテの香りがただよってきます。 ぎっしり詰まったホタテは10
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く