最新のWebデザイントレンドを取り入れたWebサイトを紹介するデザインギャラリー・stylesinspiration
最新のWebデザイントレンドを取り入れた Webデザインに特化したギャラリーサイト、 stylesinspirationのご紹介です。少し前 から購読しているんですが、他のWebデザ インギャラリーと一味違っていてなかなか 素敵です。 最近はWebデザインギャラリーもすっかり減ってしまいましたけどね・・・良いデザインを見る事はインスピレーション向上だけでなく、美的感覚を視覚刺激として脳に送る事でセンスが養われる側面もありますので割と大事です。 シンプルで見やすいレイアウトですのでストレス無く探索出来るかと思います。Awwwards同様、最新のデザイントレンドを取り入れたWebデザインを紹介していますが、Awwwardsとは別の路線、っていう感じなのでこれはこれで。 カテゴリはタイポグラフィ、シングルページ、クリーン、などなどちょっと一貫性は無いですけど、コンテンツが最新トレンド、というサイ
50以上のエフェクトから選べるベーシックなスライドギャラリーjQueryプラグイン
機能自体はベーシックなんですが、 用意されているエフェクトが多数 あるスライドギャラリー系のjQery プラグイン、jQuery Panel Gallery のご紹介です。自動で切り替わる タイプです。 よくあるjQueryギャラリーのように、クリックで進んだり、キャプションを表示させたり、といった事は出来ませんが、エフェクトが50ほどあるのが魅力です。エフェクトは複数組み合わせる事も可能です。IE6でも動作してくれました。 jQuery Panel Gallery オプション設定でエフェクトやスピードの指定が可能です。エフェクトは複数指定することもできます。 マークアップもシンプル。 <div id="container"> <img src="image1.jpg" alt="image 1" width="500" height="250" /> <img src="image2.j
[書評]jQuery Mobile スマートフォンサイト デザイン入門
ASCII様よりご献本頂きました。書評を 持って御礼とさせていただきます。よ うやく正式版がリリースされたjQuery Mobileですが、まだまだ実践向けの 情報の書かれたブログ記事なども少な いですが、こちらはかなり実践向けです。 jQuery Mobileを使ったWebデザイン入門書です。高評価のドーナツ本シリーズですねー。著者の西畑氏(To-R)は僕がjQueryに興味を抱くきっかけを与えてくれた方なので嬉しいご献本でした。早速レビューさせて頂きます。 例によって一眼不調なのでiPhoneで・・スマフォ向けサイト構築の選択肢の一つとして筆頭とも言えるjQuery Mobile本。ASCIIさんで連載中の「西畑一馬のjQuery Mobileデザイン入門」をより詳しく解説、書籍化した感じです。 実践向けでした一応基本から書かれていますが半分以上は応用的な内容で、あまりWeb制作の知識
![[書評]jQuery Mobile スマートフォンサイト デザイン入門](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9661988f5ce037db2de9c50b19774b4a06a64c0/height=288;version=1;width=512/http%3A%2F%2Fkachibito.net%2Fwp-content%2Fuploads%2F2012%2F01%2Fjqm.jpg)
「Pinterestに投稿する」ボタンをWordPressに設置するコード
Pinterestが流行ってますね。こうした ソーシャルサイトには必ずある投稿ボタン ですが、勿論、Pinterestにもあります。 その「Pinterestに投稿する」ボタンを WordPressに設置するコードをご紹介 致します。 僕はGimme barが便利で性に合ってるのでPinterestは特に必要ないんですが、人気みたいなのでブログに貼る「投稿するボタン」をご紹介してみます。 Pin Itボタンはココで作成します。以下はこのコードをWordPress用にしたものです。 footer.phpに以下のスクリプトを貼ります。 <script type="text/javascript"> (function() { window.PinIt = window.PinIt || { loaded:false }; if (window.PinIt.loaded) return; win
国内外に旅行する時に役立ちそうなサイトいろいろ - かちびと.net
諸事情で調べ物したのでついでに シェア、と言っても役に立つかわか りません。僕自身、こんな事調べる くらい旅行慣れしていないので、大 した情報ではないかも知れませんが、 何度か必要になるかも知れないので 個人的なメモも兼ねて。 国内外に限らず、旅行するときに役立ちそうなサイトを調べたので備忘録的にまとめておきます。誰でも知ってるような有名なサイト等、割愛しているサイトもあります。 Agoda 世界の安いホテルを探せるサイト。世界中で140,000件以上のホテルを最低価格で予約可能です。英語の通じない国は個人的に不安ですが、日本語サポートがあるのは素敵ですね。 Agoda トクー！ 100円くらいのプランとか、逆に宿泊費無料でしかも100円貰えるプランがあるサイト。会費が必要っぽいけど、100円って・・大丈夫なんでしょうかね？月額400円くらいみたいです。 トクー！ IPPAKU3000 そ
Web制作に役立つ、何度お勧めしても足りないくらい素敵なツール10選
Webサービス使えるツール10選 Web制作時、個人的にかなり助かっ ているWebアプリやソフトウェアなど をご紹介。何度お勧めしても足りない 位、助けられています。低スキルな 自分にとっては無いと困る。そんな ツールをシェアしたいと思います。 Web制作時、個人的にかなり助かっ ているWebアプリやソフトウェアなど をご紹介。何度お勧めしても足りない 位、助けられています。低スキルな 自分にとっては無いと困る。そんな ツールをシェアしたいと思います。 もっと沢山あるんですが、特に利用しているものを。制作時には毎回利用しているかもしれません。基本的に無料のものを使っています。順不同。 960 grid system グリッドシステムです。ブックマークレットも含め、色々手軽なのが嬉しい。何よりグリッドレイアウトはお客さん受け良い傾向にある気がします。 960 grid system Fire
手書き風のWebデザインを作りたい時に役立ちそうなフリー素材やデザイン例まとめ - かちびと.net
Webデザイン手書き風デザイン 個人的に大好物の手書き風な Webデザインを作りたい時に 役立ってくれそうなフォントや テクスチャ、アイコンなど、無料 のリソースをメモしておきます。 個人的に大好物の手書き風な Webデザインを作りたい時に 役立ってくれそうなフォントや テクスチャ、アイコンなど、無料 のリソースをメモしておきます。 手書き風と言っても色々あるのでこのまとめは偏ったものになっているかも知れません。参考程度にして頂ければ幸いです。全ては掲載出来ないので個人的に好みのリソースを厳選します。 日本語フォントふい字 かなり使用条件を緩くしてくれている有名な手書きフォント。 ふい字 みかちゃんフォント こちらもかなりオープンに配布してくれています。 みかちゃんフォント あんずもじ 縦書き用も含まれています。こちらも有名なフォント。 あんずもじ ひま字 基本的には商用でも利用可能ですが
携帯サイトを作る時に役立ちそうな情報まとめ - かちびと.net
Tips携帯サイト構築 どうもTwitterやってるとiPhoneや Androidなどのスマートフォンの 話題ばかりなので忘れそうですが、 携帯サイトはビジネスには必須 ですので備忘録として記事に。 ちょっと必要に迫られたのでメモ。 どうもTwitterやってるとiPhoneや Androidなどのスマートフォンの 話題ばかりなので忘れそうですが、 携帯サイトはビジネスには必須 ですので備忘録として記事に。 以前にも何度かまとめ記事が話題に上がっているので今更感も否めませんが自分のブログにあったほうが探しやすいのでメモします。 予備知識モバイルサイト構築前に知っておきたいユーザビリティ10のポイント ファーストビューの重要性、色の大事さ、リンク操作に関して記載されています。 モバイルサイト構築前に知っておきたいユーザビリティ10のポイント 携帯サイト（html）の制作に入る前に確認してお
Photoshop関連まとめ
Photoshop関連のまとめです。 ブラシやパターン、シェイプ チュートリアルを書いている ブログ、プラグイン、アクション などなどのまとめ。 Photoshop関連のまとめです。 ブラシやパターン、シェイプ チュートリアルを書いている ブログ、プラグイン、アクション などなどのまとめ、というか 個人的なリンク集です。シェア したいと思ってエントリします。 おそらく抜けてる有益サイトもありそうなので参考程度になさってください。海外サイトが殆どにどうしてもなってしまいますが、殆どは図解入りなので、英語が読めなくてもある程度分かるかと思います。バージョン、ライセンスに関しては表記し切れませんので個々でお確かめ下さい。 配布サイトはフリーをメインにしています。あと、カテゴリ分けはしていますが、結構適当です。 配布サイトブラシ・シェイプ・パターンブラシや、カスタムシェイプ、パターンの配布サイト
ナナピ(nanapi)で個人的に役に立った投稿まとめ
ライフレシピ・ナナピで個人的に 助かった、役に立った投稿をメモ 代わりにまとめます。ブクマが分散 していたので整理も兼ねて。 ライフレシピ・ナナピで個人的に 助かった、役に立った投稿をメモ 代わりにまとめます。ブクマが分散 していたので整理も兼ねて。はてブ がたくさん付いてる投稿が多いので 目新しい内容は無いかもしれません。 役に立つ、立たない、というのはその人の環境次第だと思いますのでその辺ご理解下さい。内容は一貫性ありません。順不同。 初心者のためのPayPal(ペイパル)の基礎知識 なかなか敷居が高いと思っていらっしゃる方も多そうなPaypalですが、これは凄く分かりやすい内容でした。下部のリンク集も参考にするとより良さそうです。 初心者のためのPayPal(ペイパル)の基礎知識 クレジットカードをなくした時の対応表 恥ずかしながら何度か無くしているのですが、100%の確率で焦る、と
AmazonアソシエイトのツールはAZlinkが一番シンプルで使いやすい
Amazonアソシエイトの支援ツール は色々とありますが、僕は結局 シンプルで手軽なものが好きなので Azlinkを使っています。とても便利な ブックマークレットがあるのが個人的に 凄く魅力です。 多機能なサービスでも重かったり、いちいちサイトに行かないと使えないのは結局僕は使わなくなってしまいます。FirefoxのグリモンとブックマークレットがあるAZlinkなら手軽に商品リンクを作成出来るので一番シンプルで使いやすかったです。 AZlinkはブックマークレットで画像付の商品リンクをサクッと作れるWebサービスです。Amazonの商品ページでブックマークレットを使えばリンクコードを発行してくれます。 ブックマークレットが手軽でいい Webサービスサイトに行く→色々入力→リンク作成、という流れが殆どですが、この「Webサービスサイトに行く」が凄く面倒。ブクマしてはいますが、そのブクマを探し
無料でユーザー登録も不要。Webサイトのモックアップを直感で作成、PDFやjpgで保存できるLumzy
結構便利そうだったのでご紹介。オンライン でWebサイトの簡単な設計図、いわゆる モックアップをドラッグ&ドロップ、直感で作成 出来て、PDFやJPGで保存出来るフリーの Webサービス、lumzyのご紹介。ユーザー 登録不要というのが良いですね。 日本語もある程度使えて（ボタンのテキストなどには使えないです）、PDFで保存しても文字化けせず、しかもユーザー登録も不要なので結構重宝しそうな気がします。 「モックアップはきれいに作りすぎてはいけない、という話」という記事でもありますが、手書きのような感覚でスピーディに作れるので件の記事内容に沿ったモックアップの作成が出来そう。 lumzy ユーザー登録不要と言うのが手軽でいいですね。それでいて結構高機能なので侮れません。以下に簡単に使い方を。 プロジェクトを作る まず、プロジェクト名を決めます。決めなくてもモックアップは作成出来ますが、決めな
シンプル、ミニマルなサイトを作りたい時に役立ちそうなアイコンやフォント、ギャラリーなどのまとめ
個人的にミニマリズムなサイトが 好みなので自分用の備忘録です。 情報が多いので若干まとめのまとめ という感じになっていますがご了承 下さい。シンプルなサイトを作る時に 役立ちそうなリソースやギャラリーを。 内容はシンプルなアイコン、インスピレーション向上に必須なギャラリー、相性の良さそうなフォントなどになります。 白黒のサイトを作りたいときに役立つもの、という記事と被りますがご了承下さい。 Iconic モノクロながら可愛らしい感じのアイコン103個セット。 Iconic picol 汎用性の高そうなアイコンセット。 picol Token 色々なところで紹介されてるアイコン。28万人中10万人はDLしてるみたいです。人気ですねー。 Token Brightmix icon set EPSファイルで配布されるアイコンセット。丸型にほぼ統一されてます。地球のアイコン凄いですね。。 Brigh
「Photoshopでこの人を正面に向かせてください。」と言ってしまう気持ちが分かるくらい凄い加工技術
Webデザイン写真の加工技術 「Photoshopでこの人を正面に 向かせてください」と言ってし まう気持ちが分からなくもない くらい凄い加工技術をご紹介。 以前話題になった記事でWebクリ エイターボックスさんの「クライアントからの ムチャぶり迷言集」の中にあった 「Photoshopでこの人を正面に向かせ てください」と言ってしまう気持ちが 分からなくもないくらい凄い加工技術 をご紹介。 「Photoshopでこの人を正面に向かせてください」というのはなかなかアレなお願いですが、「Photoshopならなんでも出来るんでしょ？」と、知らない人なら思ってしまうのはそれだけ今の加工技術が高いと認識してるのでしょうね。 たしかにこれ見たら「なんでも出来るんだ」と思ってしまうかもしれません。むしろ何故出来ないかが理解できないのかも。。。 人を正面に、という話題を取り上げたので人を使った加工アー
素敵な名刺デザインいろいろ
個人的に好みの名刺デザイン の例をメモ。いつか書きたいと 思っていましたが、なかなか 機会がありませんでした。 個人的に好みの名刺デザイン の例をメモ。いつか書きたいと 思っていましたが、なかなか 機会がありませんでした。 たまたま、先日名刺の話題を Twitterでしていたのでついでに エントリー。 一貫性もコメントも何も無い、個人的なメモ（ギャラリー）です。 Paper Napkin Designs Paper Napkin Designs i Draw Designs i Draw Designs caddyshack putters caddyshack putters ed ed doTerra doTerra Andy-Westwood Andy-Westwood Bridge Photographic Bridge Photographic Tecknogr▲fick™ Te
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
