akirasan76のブックマーク - はてなブックマーク

Web制作の為の無料Webサービス・ツール40*ホームページを作る人のネタ帳

web制作で使えるWebサービスや、Webツールなどをご紹介。小分けして紹介していた分もあわせてまとめています。定番の物からマニアックなものまでお楽しみください。グラフィック・創作 10,000s Cool FREE Seamless Patterns-パターンファイルジェネレータ Web制作でもよく背景で利用するパターンファイルを作成する素晴らしいジェネレータ。様々な模様があり、色は決めれますので、組み合わせはほぼ無限です。 Pixlr Photo Editor-オンラインフォトエディタ世界で最も人気とされるオンラインフォトエディタ。OSを選ばない。 photoshopに近いインターフェイスと、ブラウザさえあれば動くという使用が人気。ユーザー登録しなくても利用できる（したほうが便利）。 Vintage Effect-レトロ、ヴィンテージエフェクト上のPixlr.comが運営するも

akirasan76 2011/10/05

リンク

わずか10分でスマートフォン用サイトが無料で作成できるウェブサービス「smart4me」を使ってみた

リリースされたばかりですが、スマートフォン用のサイトを手軽に作れると言う事で早速試してみました。普通のウェブサイトなら話題のabout.meであなたのプロフィールページを1分で作ってみようを参考にしてみるといいかもしれないです。 smart4meってどんなサービス？以下引用を参考に。 smart4me（スマートフォーミー)とは？iPhoneやAndroidなどスマートフォン向けサイトが無料で、簡単に公開できる、世界初のWebサービス！ブログ感覚で、ユーザー自身のスマホサイト（スマートフォン向けサイト）を簡単に公開が可能。 TwitterやBlogなどのソーシャルメディアとも連携可能なので、あなたの最新情報をすべて集約できるなど、使い方はあなたのアイディア次第です! 早速ユーザー登録してみよう smart4me ユーザー登録はちゃちゃっと終わります。登録したメールアドレス宛にメール

akirasan76 2011/05/19

リンク

Web屋さんのためのベストエントリまとめ2011年2月度版

今月のWebマガジン目次超必読記事Webデザイン WordPress関連記事CSS/JavaScript無料アイコンWebサービス業界記事必読記事結局どうすればいいの？ - Dive Into HTML5 HTML5を学ぶ最適な資料。内容も面白いです。 PayPal 基礎知識ゼロから始める、個人利用・事業利用の使い方大辞典日本でなじみないPayPalだが、そろそろきてもおかしく無いながれ。ブクマをすすめます。目次にもどる Webデザイン優れたiPhoneサイトデザイン集 - iPhoneデザインボックススマートフォンサイトのデザイン集です。デザインのインスピレーションに。絶対見ておきたい有名企業のスマホサイトまとめ有名企業サイトのスマートフォン用デザインのまとめ記事。 25 Examples of Wireframes and Mockups Sketches 手書きのWe

akirasan76 2011/03/25

web制作

リンク

手書き風のイメージを作るためのphotoshopブラシとフォント特集

年始から手書き風画像のフォントとかどうなってるんですかという問い合わせが多いので、今回はphotoshopで、手書き風の画像を作るときに便利なブラシとフォントをまとめてみることに。手書き風photoshopブラシ ※以下画像をクリックでブラシファイル見本を開きます。ダウンロードしたファイルを解凍します。次にphotoshopを開き、『編集』→『プリセットマネージャー』を開きます。そのごブラシを選択し『読み込み』から解凍したブラシファイルを読み込みます。１）69 Doodle arrow brushes ダウンロードページ手書き風の矢印豊富。２）Free Arrow Brushes ダウンロードページ手書き風の矢印の中では量が豊富なブラシなため、人気。３）U Rock Photoshop Brushes ダウンロードページロックな感じのブラシ集。４）Cute Rando

akirasan76 2011/01/11

リンク

ユーザーの視線を誘導する３つのユーザビリティ改善方法

webサイトにおけるユーザーの視線は、なかなか見る事が出来ない代物ではあります。実際に企業や、あなたが作成したwebサービスが、ユーザーに訴えたい事を、ユーザーにきちんと届ける為に、どのような方法があるのかを考えて見ましょう。１）全ての情報を遮断する手っ取り早い方法としては、あらゆる情報を遮断する方法があります。つまりその言いたい事意外の情報をあえて隠蔽するわけです。実にシンプルな方法です。ただし、シンプルであるがゆえに非常に難易度が高いです。なぜなら、配置するテキスト選びは慎重にしなければなりませんし、訴えたい事が多い場合、何をまず訴えるべきかをしっかりと考えて、ユーザーが迷う事なく、そして的確な操作が出来るように誘導して上げる必要があるからです。１）サービスに対して興味を少しだけ持ってもらう情報を書く２）サービス開始はちょっと・・・という人のためにクリックしやすいリン

akirasan76 2011/01/06

リンク

jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳

もはやこの業界ではかなり浸透しつつあるjQuery。今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。１）3D表示プラグインサンプルデモ今年のトレンドと言えば3D。というわけでこちら。まずはサンプルデモを確認。触ってわかる通りですが、2枚の画像が3D表示されます。呼び出す $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;

akirasan76 2010/11/17

jQuery

リンク

webデザイナーの色彩スキルを磨くエントリーまとめ

多くのwebデザイナーが、行き詰ったときに吐かれる台詞。それが『センス』です。センスがない、というのはよく聴く言葉です。しかし、色彩感覚とは『センスの問題』ではなく、たんに勉強不足というケースも少なくありません。今回はそんな色をテーマにしたエントリーをまとめて見る事にします。とにかく最初に学ぶ基礎この色彩系の分野においては圧倒的にwebクリエイターボックスブログが強いので、その中でこれは使えるぞというエントリを何個か抽出しています。そのほかにも、ちょっと古い記事でもとても参考になるものからもご紹介いたします。正直私のブックマークが配色、色彩、色で60近くのエントリーがありました。色で学ぶ部分と言うのは「広く浅く」では無く、どちらかと言うと「狭く深く」のほうが強い気がします。なので、そのブックマークの中から、かなりというかもう限界まで厳選した物をご紹介いたします。配色パター

akirasan76 2010/10/19

リンク

webサイトのリピーターを増やすさりげない５つのコツ

多くのビジネスサイトのアクセス数を支えている大手検索サイト、Yahoo、Googleのアルゴリズムが変わる事で、突然商売がひっくり返る事態を回避する方法。 Yahooサーチエンジンのアルゴリズムなんかによく泣かされた事があったけど、webサイトっていうのは結構リピーターを作りやすく施工しておく事で、あまりそういった影響をもろに受けずにすみます。 webサイトと、エンドユーザーとの道。ユーザーパイプライン。これを整備しておくと、サーチエンジンの気ままなアルゴリズムの変動がきても、涙目になる事もないのです。パイプラインを作る意味ビジネスサイトにおいて、いったい何が重要なポイントになるかというと、多くの場合、そのほとんどがリピート率と検索エンジンからの訪問者数となります。リピート率が高いサイトは比較的物が売れやすく、また、検索エンジンからの訪問者数が多いと売るためのチャンスがほかのサイ

akirasan76 2010/09/27

web制作

リンク

今日から現場で使えるjQueryのフォーム関連プラグイン15選

Webサイト制作で欠かせないのがフォーム。これらは購入時や、お問い合わせ、ログインと言ったパーツで良く使われます。今回はそんなフォームにスポットを当てて、なるべく使いやすく、導入しやすいものをご紹介いたします。ただし、あくまでもjQueryプラグインのご紹介なので、よくわからないと言う方は華麗にスルーしてください。細かい導入方法までは説明しません。機能性重視プラグイン In-Field Labels jQuery Plugin フォームの中に入っている文字がオンクリックでうっすらと消えていくプラグイン。なかなかいい感じ。 Create a Progress Bar With Javascript | Nettuts+ demo シームレスにフォームの内容を変え、さらにどれくらい進んでいるかが％で確認できる。 overset - jVal - jQuery Form Field V

akirasan76 2010/07/03

リンク

フリーで使えるいい感じの手書き風フォント特集（日本語も）*ホームページを作る人のネタ帳

はじめに基本原則として、個人、商用で使えるフォントもご紹介いたしますが、転売はしてはいけません。フリーだからといって、作品を販売する事まで許可されているサイトは今回紹介する中にはありませんのでご注意を。また、個人なら無償で使えると言うフォントもフリーという言葉でくくっております。その場合、注意書きを全て書きましたが、この記事が古くなったときに、実は商用でも使えるようになってたり、もしくは、商用で使えなくなってたりと言う『利用規約の変更』が行われる場合も考えられます。そのため、なるべく御自身の目でライセンスの確認をするようお願いいたします。また、これらのフォントはphotoshop、及びillustratorを対象に作ったと言う方が多いです。動作がうまくいかなかったり、不具合をおこしても、提供元、紹介元（私）は一切の責任を負いませんのであらかじめご了承願います。英語＋フリーラ

akirasan76 2010/05/19

フォント

リンク

[閲覧注意]バイオハザードのような死体チックな肌加工チュートリアル23

※かなりグロテスクな表現になるので、こういうの弱い方は以下閲覧しないでください。 photoshopのチュートリアルですさまじいチュートリアルがあったのでご紹介。以下閲覧注意で。お肌の加工チュートリアル以下数点ご紹介。ゾンビいそうだ。バイオハザードにいそうだ。四次元ゴーストなんかの写真に加工して印刷したらいい。女性のゾンビ化きれいなお顔がものすごいグロテスクにいっちゃってるのでモザイクかけさせてもらいました。チュートリアルはかなりわかり易く解説されている。そんな方法が！みたいなインスピレーションもあったりする。見たい人はチュートリアルをどうぞ。善と悪タッチがなんだか日本風だ。激しい悪魔のモンタージュこれに関しては、爆発の作り方や、その爆発からくる光の調整などが凄く役に立ちそうだ。とりあえずわかり易そうなチュートリアルのみ抜粋していますが他にもいっぱいありますよ