ウェブ制作者のためのベストエントリ33【2010年7月版】

  • 2010/09/24
  • このエントリーをはてなブックマークに追加

スポンサーリンク

web制作者のためのベスト
というわけで、しばらくまとめていなかったまとめ記事を再開し、私は元気ですとアピールしたい。
7月にあつめたブックマークのまとめです。
IT/Web業界に強い転職サイトGreen

7月度必須ブクマベスト


HTML5 Canvas Cheat Sheet
Html5チートシート
悩んだけど一応ベストへ。
HTML5 Canvas tagのチートシート。日常的に使うものでもないし、開発者向けになってしまうけど念のため。



OSを選ばないウェブデザイナーのための使えるウェブアプリ15*ホームページを作る人のネタ帳
ウェブアプリ15
7月に書いたけどついこの間のようだと思ったら、あんまり記事かいてないからそう思うんだきっと。
ついでにこちらも7月でした。
今日から現場で使えるjQueryのフォーム関連プラグイン15選



iPhone等のWebアプリをHTML5で構築する為のフレームワーク・Sencha Touchを触ってみたSencha Touch
スマホアプリ開発者ならブクマしておきたい一品です。



Google JavaScript Style Guide 和訳 ― Google JavaScript Style Guide 和訳
Google大先生のJavaScriptコーディング規約を翻訳したもの。
理由まで掲載されている至高の情報。



1時間でツイッターサービスを作ろう! | KRAY Inc
とにかく1時間という制約の中でツイッターサービスを作ろうという記事。
偉大なる「Hello World」をツイッターにつぶやくサービスつくりのノウハウがここに。



ツールベスト


View Vector Files Quickly: PSD/AI/EPS Viewers
ファイルビューア
photoshopがなくとも、illustratorがなくてもファイルを閲覧し、そしてそれらをGifやjpg、tiffなどに変換する凄ツール。
・EPSビューア EPS Viewer - FREE EPS File Viewer 3.2
・PSDビューア FREE PSD File Viewer - PSD Viewer 3.2
・aiビューア FREE Ai File Viewer - Ai Viewer 3.2



竹取 JS
竹取js
横書きのウェブサイトを縦書きに表示し、さらにマウススクロールも横に対応させるJavaScript。
和!という感じが漂ってきます。ちょっぴり重くなるのはご愛嬌です。



カラースキームを決めるのに役立つ、配色ジェネレータ17個まとめ
カラースキーム
配色ジェネレータのまとめ。これまで10とかまとめられていたコリスさんをうわまわってやるなーとおもったら書いたのはかめきち君だった。納得。



[JS]フォームの入力欄にラベルをくっきりうっすら表示するスクリプト
フォームjQuery
マウスをフォーカスするとうっすらと文字が残り、文字を入力するとその文字にきりかわるjQueryを利用したJavaScript。



jQueryで実現するクリエイティブなイメージギャラリー集
jQueryイメージギャラリー
jQueryをつかったイメージギャラリー。あとで試そうと思ってブクマしておいたのに、今この記事作るときに思い出した。あぶないあぶない。



時間の節約になるWeb制作関連ツール 12+1
ウェブ制作者の時間短縮ツール
web屋さんのweb制作時間を短縮し、NO残業を目指すツール。
色々便利なものがそろってます。



CSS Selector Generator | CSS のセレクタ一覧を一発で自動生成!
CSSのセレクタ一覧を生成するジェネレータ
CSSのセレクタ一覧を生成するジェネレータ。紹介しようか超悩んだ。
確かに便利ではありますが、少し処理が重くなりそうな感じの吐き出し方なのでご利用は計画的に。



ウェブデザインに使えるチャート・グラフツールいろいろ
グラフィックチャート生成スクリプト
グラフィックチャートを生成するスクリプトが満載です。



『LightShot』は軽量+高速スクリーンショットキャプチャーツール
スクリーンキャプチャ
Windowsスタンドアローンタイプ、それぞれのブラウザ依存型タイプなど豊富にそろっている。



素材収集


20 New High-Quality Fonts for Your Designs | Freebies
無料のフォント20
新たに誕生した20のホットで素敵なフォント集。



手書き風フォント|みおFont
みおフォント
ごく一部のユーザーの間で大きな話題となったフォントがこの「みおフォント」。
イメージ画像からけいおんを連想させるような事で話題となりました。ちなみに商用利用は有料ですが、それ以外は無料でご利用できるとの事です。



Apple 関連のフォントを手に入れよう
appleフォント
そのタイトル通り、appleで使われている感じのフォントです。重要!



女性向けサイトを作る時に使いたくなる かわいいフォトショップブラシ特集 | 日刊ウェブログ式
フォトショップ
ネタ帳の姉妹ブログ。と言っても、きっとだれも疑わないかもしれないブログデザインですが、気にせずご紹介。とっても有意義な情報すぎて紹介せずにはいられない。



A Round up of Free Pixel Icons for Designers | Naldz Graphics
ピクセルアイコンまとめ
ウェブ製作時に細かいところで欲しくなるピクセルアイコンのまとめ記事。
とりあえず一通り見てみましたが、一つだけすでになくなってましたが、それ以外はまだつながりました(2010/9/24)



ウェブデザインに使うフリーの写真リソースサイト10選 | Blitz
フリー写真サイト
念のためライセンスは各自で調べる事を強くお勧めします。



ウェブデザイン


40 Tasty Restaurant Websites to Inspire You | Inspiration
食物のサイトのウェブデザイン集。

7月の私のブクマではこれしか見つからなかった・・・ごめんなさい。



お勉強・読み物


[CSS]画像に美しい角丸とボックスシャドウを適用する方法
丸角とシャドウをCSSで
画像をちょちょいとCSSでエレガントに見せるテクニックが紹介されています。



60個のソースが無料でダウンロードできるFlash 3Dの学習サンプル集 | ClockMaker Blog
flashサンプル
自分のところで書き上げたさまざまなチュートリアルをまとめた記事。ちょっとハンパない。
というか凄い。むしろ怖い。



CSSで犯しがちな5つの誤ち | エンタープライズ
42%がCSSをGZIP圧縮で提供していない。
44%が2つをこえるのCSS外部ファイルを使っている。
56%がCSSをクッキーとともに提供している。
62%がミニファイせずに提供されている。
21%が100KBを越えるCSSを使っている。



サイトを公開する際に最低限抑えておきたい Apache の設定 | バシャログ。
Apacheの設定色々。


たった一行追加するだけでサイトの滞在時間を13.8%伸ばす方法・・・ - IDEA*IDEA ~ 百式管理人のライフハックブログ
やってみようかな・・・。


配置をマスターして「機能するレイアウト」を作る大切なポイント | コリス
レイアウトをデザインするときに覚えておきたい基本。


0からモバイルSEOを学ぶ上で役に立った記事のまとめ
モバイルSEO。


Google、コードを書かずにAndroidアプリが作れる App Inventorを公開
Androidのアプリ開発はきっとiPhoneより楽なのかもしれない。


CSS HappyLife ZERO
CSSリファレンス。


市販ソフト顔負けの機能を備えるHTMLエディタ「KompoZer」 - SourceForge.JP Magazine : オープンソースの話題満載
ホームページビルダー、Adobe Dreamweaverが買えない人のためのKompoZer特集です。


ChromeがHTMLエディターに変身! ブログ記事づくりに使えるエクステンションChrome Editorで遊ぼう!!
もっと手軽なHTMLエディタ。


以上、7月度33ベストエントリでした。


スポンサーリンク

トップへ戻る

Twitter版のネタ帳では毎週月曜~金曜までWeb屋さんに役立つ色んな情報や単なるネタまでをつぶやいています。

関連するエントリー

コメント

この記事にコメントする人はクリック

コメントポリシーをお読みください
管理者にだけ表示を許可する

inco No title

いつも参考にさせていただいてます。

CSS Selector Generatorのところで
>少し処理が重くなりそうな感じの吐き出し方なのでご利用は計画的に。
とありますが。

CSS Selector Generatorは最近バージョンアップしてHTML の要素タイプを省略して吐き出してくれるようになったようです^^

そういった意味の注意書きで無かったらごめんなさい

2010/09/24 Fri 14:15| |

FC2Ad

広告


IT・Web業界の求人なら転職サイトgreen(グリーン) ホームページテンプレート、WordPressテーマ、Facebookページテンプレートならクラウドテンプレート ネットマーケティングとは│ネットマーケティング検定 SEOコンサルティング&SEO対策 無料レスポンシブWebデザインテンプレート 広告主募集

あわせて読みたい
フィードメーター - ホームページを作る人のネタ帳

人気の記事一覧

あなたのブログの再訪問者を増やす50の方法

私の経験から感じた事を書き記します。全てが全てその時々で、正しいとは限りませんが、一つの指針としてお使いください。因みに全部リスト化すると230くらいありましたが、それはきっとセミナーとかでやるかなぁと。

http://e0166.blog89.fc2.com/blog-entry-824.html

あなたの生活を確実に拘束し時間を浪費させる動画50

今回は生産性を向上させる事ばかり考えて記事を書いてきたので、逆に年末にかけて忙しい皆さんの時間を出来るだけ拘束し、忙しさを倍増させるものが無いかを考えました。その結果、動画で行こうと言う事になったのが1ヶ月以上前。動画閲覧本数はおそらく600本以上。その中から、おもしろそうなものを50個ベストチョイスいたしました。

http://e0166.blog89.fc2.com/blog-entry-820.html

webデザインのセンスを磨く○○系のwebデザインまとめ

webデザインを学ぶならwebデザインから。と言うわけで、今回は海外のエントリを中心に、○○系のまとめをまとめます。

http://e0166.blog89.fc2.com/blog-entry-817.html

jQueryプラグインのベストトレンド総まとめ2010

もはやこの業界ではかなり浸透しつつあるjQuery。今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。

http://e0166.blog89.fc2.com/blog-entry-816.html

ツイッターの日常における35の行動パターン

私が良く見かける35の行動パターンに名前をつけてみようと思う。年末の誰も見てない時に公開しようと思っていた、ただのネタだったのですが、結構時間がかかりこの時期に・・・。

http://e0166.blog89.fc2.com/blog-entry-823.html

ウェブデザイナーのためのウェブアプリ15

OSがWindowsであろうと、ubuntuであろうと、共通のサービスを受けることができるのがウェブアプリケーションです。ウェブデザイナーの中には、自宅ですでにubuntuを利用している人も多い。また、Mac、Windowsと、各自それぞれの使いやすい物を利用していると思います。

http://e0166.blog89.fc2.com/blog-entry-784.html

愛用するGoogleChromeエクステンション12個

この2年でノートPC2台購入。自他のPCはクラッシュしてリカバリー。会社のPCは新しいのがあたり、再セットアップ。そんなこんなで、会社はまぁともかくとして、とりあえず全PCが比較的3ヶ月に一度リカバリーしてもいいように、自分用にメモとして残しておきます。

http://e0166.blog89.fc2.com/blog-entry-784.html

文章や会話のプレゼンテーションを向上させる方法

文章力がないためにプレゼンに失敗した、会話がうまくできずにプレゼンに失敗した。こういう経験はなかなか無い。なぜなら多くの場合、失敗したことに気がつかないからです。

http://e0166.blog89.fc2.com/blog-entry-802.html

サイトの裏側の意識を変え売り上げをアップする方法

ネットショップ運営者が、あることをちょっとだけ始めてみただけでわずか5ヶ月で売り上げが3倍になりました。はたして、webサイト運営がどのように変わったのでしょうか。。

http://e0166.blog89.fc2.com/blog-entry-749.html

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

多くのビジネスサイトのアクセス数を支えている大手検索サイト、Yahoo、Googleのアルゴリズムが変わる事で、突然商売がひっくり返る事態を回避する方法。

http://e0166.blog89.fc2.com/blog-entry-746.html