2008年、ウェブのデザイナー・開発者がおさえておきたいリソース集 | コリス
2008年、ウェブのデザイナー・開発者がおさえておきたいデザイン、Photoshop&Illustratorのチュートリアル、ブラシやベクター素材、JavaScript、CSS、WordPress、タイポグラフィ、フォント、素材、リソースなどをnoupeのエントリーから紹介します。 2008 Most Popular Design posts, Tutorials and Resources デザイン関連 Photoshopのチュートリアル関連 Illustratorのチュートリアル関連 Photoshop&Illustratorのブラシやベクター素材 JavaScript関連 WordPress関連 CSS関連 フォント&タイポグラフィ関連 ツール&素材関連 デザイン関連 42 Awesome Business Card Designs 20 Beautiful HDR Pictures
私がウェブサイト作成時にお世話になっているサイトをご紹介
こういうのを集めだすときりがないのですが、個人的に本当によくお世話になっているサイトに絞って紹介してみます。 有名なサイトばかりですがサイトを作るにあたってお世話になる順に紹介していきます。参考になればうれしいです。 Webデザインギャラリー | I/O 3000 まず、ギャラリーサイトでサイトのイメージを膨らませます。カテゴリ、タグ、カラーで整理されており、とても探しやすいです。 このようなギャラリーサイトは他にもありますが、ページ変遷なしで次を読み込むのでとても見やすいです。 他にはこんなサイトをよく見ます。 WEBデザインの見本帳 Web Design Clip 【Webデザインクリップ】 【HTMLタグの簡単検索】TAG index - ホームページ作成情報 プロの方はPhotoshopで描いてからコードを書いていくみたいですが、私は最初からHTMLを書いていきます。 一応Drea
インターネットでものづくりするときに役立つサイトまとめ
先日、東京学生広告研究団体連盟の総会にて、 「インターネットでつくる人を増やす」というテーマでお話させていただきました！ その時に紹介したサービスをまとめます。 この記事のターゲットは、インターネットでまだ作ったことがない人。 興味があってこれから始めよう！と思っている人向けです。 ポイントは、ブラウザだけで完結できるもの。PCさえあればOK。 アイデア・インスピレーションをストックしよう まずは、アイデアのストックやインスピレーションを高めるサービスを紹介します。 EVERNOTE 簡単なメモから、写真や動画まで記憶し、整理整頓ができるサービスです。 tumblr オンラインでできるスクラップブック。Web上の記事や画像・映像などを簡単にストックできます。 また他のユーザーの投稿もストックできるので、面白いユーザーをフォローするのがオススメです。 Pinterest 画像を貼りつけて共有
アプリ制作担当者必見！ 信頼性の高いSMS認証サービスをアプリに導入する3つのメリット
アプリ制作担当者必見！ 信頼性の高いSMS認証サービスをアプリに導入する3つのメリット2012.01.30 22:00Sponsored ｢なりすまし｣怖いですよねぇ...。 アプリ制作者の方はセキュリティを気にしていますか？ ユーザーが安心してコミュニケーションをしたり、ゲームを遊んだりできるようにするには必要不可欠なシステムですよね。それに不正利用やアカウントの二重登録などの対策のために本人の認証システムもきちんとしなきゃいけないと思うんですよ。え？ ｢アプリに本人認証なんて必要か｣だって？ いやぁ...セキュリティのための本人認証って、とっても大事な事だと思うんです。 なぜ本人認証が必要なの？ なぜ本人認証が必要なのか？ 本人認証を行わなかった時の起こりうる脅威をユーザー目線で例を挙げると、これしかありません。 それは｢なりすまし｣です。これは、自分のIDやパスワードが他人に盗まれ、
Webサイトの制作スピードを、より向上させる目的で作られたスターターキット・99lime - かちびと.net
結構参考になったので備忘録がてら ご紹介。Webサイトの制作スピードを より向上させるために、汎用的なUI を集めて、マークアップも綺麗な状態 で済むように設計されたスターター キット、というかフレームワークです。 制作スピードを向上させる目的で作られたHTML5フレームワークです。レイアウトだけでなく、汎用的なUIも備わっていて、class名1つ付けるだけでタブやスライドショーを実装出来るようになっています。 そういった仕様にする事で、シンプルで綺麗で可読性の高いソースを保てるように設計されていたりと、結構参考になるスターターキットですよ。フレームワークは自作してるので良い部分を組み込んでみようかなと思いました。 タブやドロップダウン、スライドショーなどを備えているだけでなく、class名1つで実装出来るようになっているので、綺麗なソースを保持する事が出来るようになっています。 いろいろ
本書きました「Webクリエイターズガイドブック」
2014年8月19日 お知らせ この度「Webクリエイターズガイドブック」という本を書かせて頂きました。実は昨年12月の末に発売されていたのですが、年末でバッタバタだったので告知がこのタイミングとなりました。ブログやTwitterで告知していなかったのに発売されてすぐ購入して頂いた方もいたようで…本当にありがとうございます！それではここで少し本の内容を紹介したいと思います。 ↑私が10年以上利用している会計ソフト！ コンテンツ 「Webサイト制作とはなんぞや？」という初心者さんが、この本を見ながらひとつのサイトを完成させる事ができるような、そんな内容になっています。 今求められているWebクリエイターとは 計画をたてよう デザインの基礎 Photoshopの基礎 細部にこだわったWebデザイン 実際に作ってみよう！①Photoshop編 HTMLの基礎 実際に作ってみよう！②HTML編 C
多言語対応サービスを開発する際に気をつけるべき、4つのポイント : LINE Corporation ディレクターブログ
こんにちは。Cureチーム、Nobeです。 NHN Japanではこの度、12言語対応コスプレフォトシェアリングサイト、『WorldCosplay』をリリースしました。 『WorldCosplay』では、Facebook・Twitterのアカウントでログインやコネクトが可能な点をはじめ、多言語対応を意識して機能やインターフェイスを開発しました。 本日はその中で得られた知見を元に、多言語サイトを開発するにあたりディレクターが「目指す・用意する・気をつける」べきことを翻訳業務にフォーカスしてお伝えしたいと思います。 ＜目次＞ 対応言語を選ぶ多言語サイトの為の設計方針翻訳すすめるにあたっての準備膨大な固有名詞を多言語化する為の機能 対応言語を選ぶ まずは立ち上げようとしているコンテンツが、どの国においてニーズが強そうかの目安をつけます。 既存コンテンツを多言語化する場合、事前に国別ユーザー数の統
2011年の人気エントリーTOP10:phpspot開発日誌
今年も最後のエントリとなります。 いろんな意味で色々あった１年でしたが、今年もいろいろな便利なライブラリ等を淡々と紹介してきました。 2011年にご好評頂いたエントリを振り返ってみたいと思います。 10. HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル 電子書籍等も盛り上がった年ですが、HTML5によってページめくり効果を得られるチュートリアルです HTML5との組合せ等によって来年も面白いサービスなどが出てきそうですね 9. 並べた画像を敷き詰めて超カッコよくするjQueryサンプル 画像を並べてカッコいいギャラリーを作るjQueryプラグインです。Flashを使わずここまでやるのかという驚きがありましたね。 8. 異なるサイズの画像を並べて瞬時にサイズを揃えられるjQueryプラグイン「MyThumbnail」 サムネイルをきれいに自動で並べる便利なプラグイン
Web制作に携わる人は見ておくべき、2011年のはてブ1500数以上の良記事31選 | URAMAYU
2011年のWeb制作トレンドをはてブのホットエントリから振り返ってみました。 2011年でトレンドは、スマートフォン向けサイトやアプリの制作関連、HTML5関連、あとはFacebook対応のためのノウハウといった感じでした。 はてなブックマーク「コンピュータ・IT」カテゴリ内で、1500以上ブクマがついた記事を選出、その中からさらに私の主観も入りつつ、2011年Web制作系のエントリーの中でもベストな31記事をピックアップ、Webデザイン系、SEO系、HTML+CSS系、プログラミング系、スマートフォンサイト制作系、企画、ツール、その他系、素材系にそれぞれ分類しました。 Webデザイン系 1. 色彩センスのいらない配色講座 配色と色についてひじょーに分かりやすく、論理的に解説されたスライド。はてブ数ダントツ。 2. デザインの基礎力をワンランクアップしたい私（Webデザイナー
Webサービス開発で知らないと損する！登録フォームでユーザーを逃さないのために必要な5つの手法
Webデザイナーや開発者さんは、いかにして多くのユーザーに途中で断念することなく、登録を完了させてログインしてもらうかということに、日々頭を悩ませている人もいらっしゃると思います。 この記事では、最近のWebサイトやサービスに見られる、ユーザー登録のための導線手法を紹介します。ぜひ、新しいサービスを考える際に参考にしてください！ Don't miss it!。 手法1. モーダルダイアログを使う ※イメージは、ゲッティ イメージズのものです。 モーダルダイアログとは、↑のようなページの上にページを重ねたような効果を言います。実はアレは、カッコいいだけではないのです。 この手法では、別にユーザー登録ページを設ける方法に比べて、ページ遷移によって利用者の意識が外に移ることがありません。 また、利用者には、目的のゴールが後ろに透けて見えている状態になるので、いつでも元のページ帰れる安心感があり、
めんどうな作業がわずか数秒に！新人デザイナーが 知らないと一生後悔するExcelを使ったHTML生成
お客さんから送られてきた、Excelデータからせっせとリストや表のHTMLをコーディングしているあなた！そろそろ手がが疲れてきていませんか？ そんなあなたは、この記事で紹介するExcelテクニックをぜひ覚えてください。 面倒な作業が、わずか数秒で終わります！ Excelを使った高速HTML生成 僕たちプログラマーは、ちょっとしたコード生成に、Excelを使います！ DreamweaverでもCSVファイルを取り込むことはできるのですが、<dl>タグでマークアップしたい時とか、カスタマイズしたい場合は、これから紹介するExcelを使った方法が簡単で、効果的です。 さぁ、↓のようなお客さんから送られてきたExcelデータから ... こんな感じの、<dl>タグでマークアップされたHTML生成する流れを説明します。データ数はうんざりするくらいあると思ってください。 Let's Excel 1)
ここまで教えてくれていいの？！WEB屋のテンションと底力を上げる厳選チュートリアル色々！ | バンクーバーのうぇぶ屋
WEB制作のチュートリアルって本当に多いですよね。 でも、本当に役に立っている、制作に生かせてるチュートリアルって少なくないですか？チュートリアルの過程が中途半端だったり、途中からついていけなくなったり。はたまた、続きは有料なんて物も今までありました。 しかし！僕の短いWEB屋人生ですが、年に2、3は『お、おぉぉ！マジテンション上がるWA！』と叫びたくなるチュートリアルに出会うことが稀にあります。そんな感銘を受けたチュートリアルは速攻でFacebookにアップしているのですが、今回は今日まで見てきた中で、余りにクオリティが高かったり、確実に自分や周りのスキル、そしてテンションを上げたチュートリアルを厳選してご紹介！ 英語記事メインですが、デザインよりならステップbyステップなのでなんとかなります！コードなら、Demoとか多いので見ながらついていけば理解できます！是非参考までに流し読みして見
Firefox – tons of tools for web developers! – Mozilla Hacks - the Web developer blog
One of the goals of Firefox have always been to make the lives of web developers as easy and productive as possible, by providing tools and a very extensible web browser to enable people to create amazing things. The idea here is to list a lot of the tools and options available to you as web developers using Firefox. Native developer tools in Firefox We are working on building a great set of devel
25 Useful Html5 Cheat Sheets and Tutorials For Web Developer
A web designer has to use HTML 5 a lot while designing as it can be used to create a variety of things like a web design, web design features, flash, JQUERY, and some supporters of other web apps. Working with HTML 5 is a bit complicated, so everyone always welcome any help one can get to ease the work. Many tutorials and tips are available out there that can help you get familiar with HTML applic
あなたの作業を音速にするかもしれないWEB屋の作業スピードを上げるチートシート大量紹介 | バンクーバーのうぇぶ屋
このブログがフロントに関する記事が多いもんだから、たまにデザイナーと呼ばれることがあるんですが、僕は業務としてはデザインよか制作ディレクションの方がどちらかと言えばメインなんですよね。 そんなディレクターとしての役割の一つに、周りにいる優れたデザイナーやプログラマー、デベロッパーの業務効率を考えることが挙げられます。 何を取るわけでもなく中途半端な僕ですが、ディレクターとして周りの各プロフェッショナルの役に少しでも立てればと、そして制作する上での効率を向上させるべく色々情報収集をする中で、よくチートシートの存在を目にします。（チートシートってどれだけ普及してるのかわかりませんが、つまりカンニングペーパーのことらしいです。） WEB屋にとってのチートシートって、どれだけ優れた技術力やデザイン力を持っていても、何かしら新しい発見がある物ですよね。以前書かせてもらった時間の価値は人によって違う！
あなたは何点？Webデザイナーのためのクイズサイト12
2014年9月29日 便利ツール Webサイト制作や色彩感覚、タイポグラフィの知識をクイズ感覚で勉強できるサイトをまとめてみました。どれも短時間で楽しみながらできるものばかりなので、気軽に挑戦できますよ！Webデザインや制作の勉強中のあなたも、ベテランさんのあなたも、ぜひ試してみてください :) ↑私が10年以上利用している会計ソフト！ 休憩時間にサクッと挑戦！ 選択問題やドラッグ＆ドロップでできるゲーム感覚な問題いろいろ！ 1. HTML/CSS HTML5実力テスト HTML/CSSコース 「実力テスト」という名のクイズサイト。HTML/CSSコースではHTML5とCSSの基本問題がクイズ形式で出題されます。制限時間は15分。「HTMLやCSSを見てどのように表示されるか？」「smallタグは何を意味するか？」などなど、問題を解きながら勉強になります！
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
マネーニュース2ch
この発想はなかった！Web屋向けのDropbox便利な活用術
)
MSDN ホームページ
Web制作者必見！HTML5やCSS3の新しいテクニックを公開する「HTML5 and CSS3 Advent 2011」
