タグ

*Web Designに関するyou_gotのブックマーク (34)

  • foursquareで公認Venue登録をする方法: natural tribe

    foursquare(フォースクエア)は徐々に日でもユーザが増えつつあるものの、まだ公認店舗登録したりSpecial Offerを提供している場所が少ないようなので、やり方をまとめてみました。参考になれば幸いです。 1)自分の会社・お店のVenue(場所)ページを開いて「Do you manage this venue? Claim here」をクリック 2)OVERVIEWを読んで「LET'S GET STARTED」をクリック OVERVIEWページには、以下のような情報が書かれています。 ・Step1:ビジネス情報を確定 ・Step2:提供可能なSpecial Offerの種類 ・注意事項:Special Offerはfoursquareの事前承認が必要/1回に1つだけ提供可能 3)【Step1】登録場所の情報を確認して「Continue claiming this venu

    you_got
    you_got 2011/05/01
    やり方まとめていただいてありがたい
  • マンガ「Webクリエイター・ウルトラエル Vol.02」|Webディレクター・ハラヒロシのブログ

    Vol.01公開から1週間。勢い余って没頭し、まるで週刊誌並みのスピードでVol.02公開します。さすがにヘトヘトです。 Vol.02 Webデザインに挑戦!編 Vol.02お読みいただきありがとうございます。Vol.01やVol.03以降のまとめ読みは下記サイトにてすべて無料でご覧いただけます! マンガ「Webクリエイター・ウルトラエル」 ITが発展した下界に下りてきた忍者・ウルトラエルが持ち前の忍術・戦術・記憶術を駆使しながら、一人前のWebクリエイターを目指して奮闘します。 ※Vol.01~Vol.11をまとめ読みできます(すべて無料です) 「ブクログのパブー」で公開していますので是非ごらんください。

    マンガ「Webクリエイター・ウルトラエル Vol.02」|Webディレクター・ハラヒロシのブログ
    you_got
    you_got 2011/02/28
    これはおもしろいマンガ!デザインを学びたいプログラマの入門の入門にもいいかもですよ!!
  • WEBディレクターがやってはいけない7つの事。|designaholic -Creative Column-

    WEBディレクターがやってはいけない7つの事。|designaholic -Creative Column-
    you_got
    you_got 2011/02/25
    Webデザイナってことね。
  • マンガ「Webクリエイター・ウルトラエル Vol.01」できた|Webディレクター・ハラヒロシのブログ

    思いつきから1週間、仕事以外の時間を活用してなんとか8ページ仕上げました。ペン入れする道具と技術がないので鉛筆で描いたまま+若干のブラシのみです。あしからず。描いたの高校生以来18年ぶり。楽しかったぁ。当たり前ですがプロではありませんので細かいツッコミなどはご勘弁を...。ストーリーやキャラ設定に協力いただいた方々に感謝! Vol.01お読みいただきありがとうございます。Vol.02以降のまとめ読みは下記サイトにてすべて無料でご覧いただけます! マンガ「Webクリエイター・ウルトラエル」 ITが発展した下界に下りてきた忍者・ウルトラエルが持ち前の忍術・戦術・記憶術を駆使しながら、一人前のWebクリエイターを目指して奮闘します。 ※Vol.01~Vol.11をまとめ読みできます(すべて無料です) 「ブクログのパブー」で公開していますので是非ごらんください。

    マンガ「Webクリエイター・ウルトラエル Vol.01」できた|Webディレクター・ハラヒロシのブログ
    you_got
    you_got 2011/02/21
    さっそく第一話が完成ですね!おもしろかったです。「HTMLを組むということは、家を建てるのと同じだ!」
  • 2011年1月のこれだけ読めば分かる Web 制作者向け情報まとめ | ウェブル

    いろいろなところから2011年1月に集めてきた情報を要点を抑えて紹介していきます。これは何か、どんなシーンで使えるのかということを書くようにして、気持よく読めるようにまとめて行けたら良いです。情報を集めるのが苦手なあなたはこれだけ読めば結構身になるかもしれませんね。 これは Web サービスに使えると思った情報 使い方をその場で再現するスクリプト目の前でアニメーションして説明するスクリプト「Embedded Help System」 – GIGAZINE Web サービスのヘルプなどで使えるかもしれません。導入がそこまで難しくないようなので、ヘルプを作る際は一番最初にこちらを検討すると良いかもしれませんね。 ビジネスモデルについて学べるわかったつもりになっていませんか:「ビジネスモデル」とはなんだろう? 余談や説明が長すぎたので、個人的にためになりそうな要点だけ抑えておきます。 なんか微

    you_got
    you_got 2011/02/13
    いつかよ…めない。ながすぎ!
  • Webデザインのリンク集 | ズロック

    ここでしか取得できない、優良文字列ドメイン名、著名サイトドメイン名等希少ドメイン名多数アリ!誰でもカンタン参加可能

    Webデザインのリンク集 | ズロック
    you_got
    you_got 2011/02/13
    一番左上に出てきたのが、「Ngene-キーパーソンがつづる長野の情報サイト」で嬉しくなった。
  • 新人webディレクターが入社したら速攻入れるべきソフト8選(windows編) | nanapi[ナナピ]

    新人webディレクターが入社したら速攻入れるべきソフト8選(windows編)に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。はじめに 新人webディレクターが会社に入ったらすぐさま入れるべきツールを厳選してみました。基的なものからあると少し便利なものまでご紹介します。これを入れればすぐに仕事をガシガシ始められること間違いなしです。 必携ツール8 Google Chrome いわずもがなないまをときめくブラウザ。近頃はFirefoxよりGoogle Chromeを選択する人も増えてきているみたいですね。 つかいかたは以下を参考にするといいかもしれません。 仕事を超快速にするGoogle Chromeの拡張11選 Google Chrome Thunderbird gmailだけでメール処理は完結!という方も多いとは思いますが、モバ

    you_got
    you_got 2011/02/06
    まぁまぁ納得。Winだからな〜
  • Home - Designzzz

    We’ve seen many AI artists use the limitless possibilities of artificial intelligence to toy with reality as we know it, and Imagined Architecture is the next one in line. This AI artist is using... We can always count on Etsy to accurately predict the latest trends in the world of home décor, and their forecast for the upcoming holiday season is finally here. From candycore to gingerbread girl,..

    Home - Designzzz
    you_got
    you_got 2011/01/30
    そのうち使う
  • WebデザイナーにおすすめのEvernote活用術

    2017年6月30日 便利ツール アイデアのメモも、画像も、音声も、とにかくなんでも保存できちゃうメモツール「Evernote」。有名すぎる便利ツールですね!逆に自由度が高すぎてどうやって使えばいいのかわからない、という方も多いと思います。今回は「Webデザイナー」をキーワードに私のEvernoteの使い方を紹介します。 ↑私が10年以上利用している会計ソフト! Evernoteってなあに? Evernoteの機能を簡単に説明します。 画像・音声・PDFファイルなどが保存できる アップロードできる容量は月に無料アカウント:60MB、プレミアムアカウント:1GB プレミアムアカウントは月額5ドルまたは年額45ドル ノートに対して一つだけ設定できるノートブックを大カテゴリとして使用 ノートに対して複数設定できるタグを小カテゴリとして使用 ノートブックもタグも階層化させて整理できる 携帯電話・ス

    WebデザイナーにおすすめのEvernote活用術
    you_got
    you_got 2011/01/11
    便利、かも?Tumblerでいいじゃん、という気がしなくもない。
  • デザインを勉強したことがない人でもデザインできるようになるかもしれない4つの基本原則

    このブログ、Webデザインレシピのデザインをリニューアルしました。 この機会にデザインを勉強したことがない人でも、楽しくデザインをすることができるかもしれない、基原則 4つをご紹介します。 この原則は「ノンデザイナーズ・デザインブック」著者 Robin Williams で詳しく解説されています。 古いですが、とっても素晴らしいで今では新装増補版となって発行されているようです。 今回、このブログ – Webデザインレシピのデザインを、ガラッと変えてみました。これを機会にちょっとデザインの基というか、デザインをするときにガイドとなる、4つの原則をおさらいしておきます。Webデザインに限らず、会社で提出する報告書や学生さんのレポート、レストランのメニューなど、ページと呼べるものには全部当てはまると思うので、Webサイトを作るとかじゃなくても、知っておいて損はないかもしれませんね。 せっ

    you_got
    you_got 2011/01/11
    これは勉強になった!色々なところで活きてきそうですな。
  • 昨日からネットで大騒ぎ "PhotoSketch"が凄い件:In the looop:ITmedia オルタナティブ・ブログ

    Gizmode, CNET, Mashable と立て続けに記事になり,凄すぎると話題のPhotoSketch。 TwitterでもBuzzりまくっています。 【Twitterで旬な話題を調査できる "CrowdEye" より】 (2009年10月7日データ) それでどんなサービスかというと,ラフスケッチの情報をもとに,それに最適な画像をネットが集めてきて,しかも信じられないほど巧妙に合成写真を完成されるというものです。 開発元は Tsinghua University(清華大学)とNational University of Singaporeの共同チーム。 とにかく,まずこの動画を見てください。 PhotoSketch: Internet Image Montage from tao chen on Vimeo. つまり, ごく適当にイメージを書く。 これに名前をつける。 あとはシステ

    昨日からネットで大騒ぎ "PhotoSketch"が凄い件:In the looop:ITmedia オルタナティブ・ブログ
    you_got
    you_got 2011/01/04
    ラフな手書きで合成写真をつくれるサービス
  • コーディングのスピードを上げる為の6つの方法

    2017年7月25日 Webサイト制作, 便利ツール 今より少しでもコーディングを早くできれば、細かいデザインや機能にも時間をかけて取り組めそう…という事で今回はコーディングのスピードを上げるためにできる事を紹介します。便利なツールを使ったり、ちょっとやり方を変えるだけでより早くコーディングができるようになると思います! ↑私が10年以上利用している会計ソフト! 1. コーディング手順を簡略化する これは自分のコーディング能力を高めて手順を省く、便利なツールを使って手間を省くという事です。例えば私は昔このような手順でコーディングを進めていました。 CSSのレイアウトをノートに書き出す レイアウト部分(ヘッダー・メイン・サイド・フッター)のHTMLマークアップ CSSでレイアウト部分のスタイリング 表示確認 うまく表示できない箇所の修正 ヘッダー内のHTMLマークアップ CSSでヘッダー内の

    コーディングのスピードを上げる為の6つの方法
    you_got
    you_got 2010/11/01
    1歩上にいきたい、Webデザイナ必見!プログラマ向けの記事かとおもった。
  • コーディング前に確認しておきたいこと。 - CSS HappyLife

    CSS HappyLife ZERO が移転したのでお手数ですが、消えちゃう前にブックマーク等変更してもらえるととても嬉しいです。 制作会社でコーディングする場合、社内のガイドライン的なのが有ったりデザイナーもある程度固定されてると思うので、毎回似たような事を確認したりとか、このデザインはどういう意図なんだろう?ってのも、何度か同じ人とやってれば見えてくる訳ですが、フリーランスの場合だとデザイナーは毎回違っていたり、当然ディレクションをする人も違うので最初に確認しておきたい事が有ったりします。 って事で、その辺りをまとめてみたり、デザインを渡されたときにこのデザインの意図は?って思う事とかもばーっと書いてみます。はい。 なので、デザイナーさんもコーダーにデザインを渡すときに気をつけて欲しい点とかもわかってしまうすばらしい内容(だと良いな)! じゃあまずは最初に確認しておきたい基的なことか

    コーディング前に確認しておきたいこと。 - CSS HappyLife
    you_got
    you_got 2010/07/20
    確認すべきこと。Webデザイナからコーディングのお仕事をもらうときはここを確認しよう。
  • 時間の節約になるWeb制作関連ツール 12+1

    2013年4月2日 便利ツール Webサイトを作る際に、じっくり時間をかけたい作業とそうでないものがあると思います。細かい作業は便利なツールで作業時間の短縮をして効率よくすすめましょう!今回は私がいつも使っているものとSMASHING MAGAZINEで紹介されていて「おぉっ!」と思ったWeb制作に関する便利ツールを紹介します。 ↑私が10年以上利用している会計ソフト! Photoshopテンプレート まずは私Mana作のPhotoshop用テンプレート。グリッドなんぞ入れてます。グレーのエリアがファーストビュー。結構昔に作ってずっと使ってる感じです。 » Photoshopテンプレートをダウンロードする Instant Blueprint http://instantblueprint.com/ Webサイトを作る際の最初のステップを楽にしてくれるサイト。CSS, images, JSな

    時間の節約になるWeb制作関連ツール 12+1
    you_got
    you_got 2010/07/12
    いい!とてもいい。最初の1歩がとても楽になる。
  • Webデザイナの作業効率を改善する10の方法 | エンタープライズ | マイコミジャーナル

    Noupe passionately delivers stylish and dynamic news for designers and web-developers on all subjects of design, ranging from; CSS, Ajax, Javascript, web design, graphics, typography, advertising & much more. 作業効率を改善するためのテクニックはこれまで多く登場している。表現する方法や手段に差はあれど、結局のところ最終的に実現しようとする内容は、1)気を紛らわすようなものを削除する、2)作業を引き伸ばすといったことをしない、3)最初に決めたスケジュールは守る、などの内容に落ち着く。 こうした内容を踏まえつつ、Get More Done: 10 Tips for a More Produ

  • OSを選ばないウェブデザイナーのための使えるウェブアプリ15

    OSがWindowsであろうと、ubuntuであろうと、共通のサービスを受けることができるのがウェブアプリケーションです。 ウェブデザイナーの中には、自宅ですでにubuntuを利用している人も多い。また、MacWindowsと、各自それぞれの使いやすい物を利用していると思います。 今回はこうしたウェブ開発を仕事としている人が利用しそうなツールをまとめてみたいと思います。 スケジュール管理 Googleカレンダー もはや説明不要のスケジュール管理システム。 ドラッグによる複数日数のスケジュール投稿は、なにかと連日作業になるウェブ製作にぴったり。 また、タスク管理も結合されたため、細かい作業などの記入も可能。なにより複数人での予定の共有もできるのが便利です。 メール Gmail もう使っている人も多数いるかもしれませんが、Googleが提供するGmailはかなり強烈なアプリケーションです。

    OSを選ばないウェブデザイナーのための使えるウェブアプリ15
  • Firebugの使い方 | THE HAM MEDIA

    Webサイト制作をしている方には、必需品なんじゃないかと思われるくらい便利なFirefoxのアドオン『Firebug』。HTMLCSSのコーディングを担当している人の多くはいれているアドオンですね。 Firebugを入れて使っている人は多いようなのですが、意外と知られていない機能が盛り沢山だったということが、先日の勉強会(SaCSS)にて発覚!使っているといっても、一部の機能に限られてしまっているようなのです。 もちろん「そんな機能知ってるよ!」というくらい使っている人も多いと思います。しかし、そんなに使いこなせていないや、活用できていない!という人も勉強会の時に多かったように、実際にも多いはず! Firebugの使い方をもう少し知っていると、Webサイトの制作の時に便利だ!と思える場面が多々でてくるので、是否今回ご紹介する機能は抑えておき、活用してみてください。 HTML&CSSの確認

    Firebugの使い方 | THE HAM MEDIA
    you_got
    you_got 2010/06/25
    デザイナさんが読んでも役立つ記事だとおもう。紹介しよっと。
  • [CSS]スタイルシートをほんの少し軽量化する10のTips

    簡単に実践できるものから、ちょっと手間がかかるものまでスタイルシートをほんの少し軽量化する10+1のTipsを紹介します。 How to Micro-Optimize Your CSS Tips 1:カラーコードを短く記述 プロパティにカラーを指定する際は、最も短い値を使用します。 軽量化前 カラーをRGB値で指定しています。 <textarea name="code" class="css" cols="60" rows="5"> article { background-color: rgb(255,255,255); } </textarea>

  • キャズムを超えろ! - 団塊~シニア層向けのWeb設計 やっちゃいけない10のUI

    一時期パソコン教室の講師をやっていたことによる経験と、昨今Webサービス運用にあたって中高年層からのクレームなどを自分なりにまとめた結果として、50代以上のユーザに対するWebサービスPCアプリケーションのUI設計における以下10のTIPSを公開してみたいと思う。...といってもたかだか10個で収まる簡単な話ではないので、思いついたら都度追加して行きたい。 ID,ニックネームを考えさせてはいけない。半角英字開始限定は論外 IDやニックネームが思いつかない方が多い。これはシニアに限らず、ITリテラシーがそれほど高くない若年層についても言えること。作る側の人間も「過去にWebで使ったID,Nicknameは全て使っちゃダメ。何か新しいのを考えて入れてみて。」と言われると結構悩んじゃうもの。それと同じ状態に陥ると思っていただけるとわかりやすい。「IDのかわりに電話番号でもいいですよ」というと結

    キャズムを超えろ! - 団塊~シニア層向けのWeb設計 やっちゃいけない10のUI
    you_got
    you_got 2010/06/13
    これは。。陥りそうな罠。wa-ren さんは辛抱強いんだとおもう。
  • 福岡で開催されたHTML5カンファレンスに参加してwebの新しい世界を体験してきました

    OperaやChromeなどいくつかのブラウザでは既に使用可能となっている2012年3月頃に正式勧告予定のHTML5。そのHTML5関連技術やweb標準について福岡で開催されたカンファレンス「HTML5 Tech Talk @Fukuoka」に招待されたので参加してきました。HTML5に追加されたaudio要素、video要素、canvas要素などの新しい機能やAPIについて多種多彩なデモを交えたスピーカの方々の講演でHTML5の新しい世界に触れることができました。 「HTML5って何?」、「実際どんなことができるの?」、「動いているサンプルを見てみたい」と感じている人もいるのではないでしょうか。そこで、著名な専門家の方々が今回の講演で用いたスライドやデモプログラムを紹介したいと思います。 詳細レポートは、以下から。開場前の様子。机といすが整然と並べられているだけでガランとしています。 会

    福岡で開催されたHTML5カンファレンスに参加してwebの新しい世界を体験してきました