マークアップエンジニア（以下、ME）のtacamyです！(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 （いつもありがとうございます！） そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ！ 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定（タグに直接style属性を追加する） 画像を含むページ容量100KB以内（HTML自体の容量は9KB以内） 画像はgifか
フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
みなさん、こんにちは お元気ですか？僕は元気です。 さて 最近よく、「いいね！」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP （Open Graph Protocol）と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー？？とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す
明けましておめでとうございます！ 近年、個人でWebサービスを開発するのが流行っていますね。「今年こそは俺もWebサービスを作ってモテモテになるぜ！」と思っている人も多いのではないでしょうか。 そんな人のために、Webサービスを開発・運営するにあたっての心構えやノウハウ、体験談などの書かれたエントリーを集めてみました。 ▼誠 Biz.ID：田口元の「ひとりで作るネットサービス」探訪 個人でWebサービスを開発している人たちのインタビュー集。ヒットしたサービスを手がけた個人開発者達のバックグランドや考え方を垣間見ることができ、モチベーションアップにもなります。恥ずかしながら、私のインタビューも載っています。 ▼Web2.0ナビ: 個人サービスを作るコツ 個人がWebサービスを作るための、実践的な8つのコツが書かれています。 ▼個人でネットサービスを運営するための5つのコツ（momose版）:
Illustrator を使い始めるにあたっての、予備知識や基本操作をまとめてみました。Illustrator って簡単ではないと思うんですけど、Webデザイナーなら使いこなしたいソフトウェアのひとつですよね。これからWebデザインで Illustrator を使ってみようという人が、少しでも Illustrator に親しんでくれればいいなーと思って書きました。 私はいつも Web制作の時には、Photoshop と Illustrator を使っています。ずっと前、Webデザインを勉強しはじめた頃、私は Illustrator より先に、まず Photoshop から使い始めました。そしてそのあと初めて Illustrator に触ったとき、Photoshop よりもとっても難しく感じて、基本操作もなかなか覚えられなかった想い出があります。 もちろん ベジェ曲線 や パス など、Ill
ネットショップ 安心の開設サポート。自分だけのネットショップが、今すぐ無料で開設できます。 詳しく見る
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。
お知らせ Ricty および Ricty Diminished は、2010 年代前半には欧文・和文合成プログラミング用フォントとして先駆的でしたが、現在は前時代的な存在となっています。不具合もいくつか確認されています。良質なプログラミング用フォントが数多く登場していますので、それらの利用をおすすめします。 序文 Ricty（リクティ）は Linux 環境での研究・開発を想定したプログラミング用フォントです。テキストエディタやターミナルエミュレータ、プログラミング言語やマークアップ言語に対する使用に適しています。Inconsolata と Migu 1M の合成、および、プログラミング用フォントとしてのいくつかのチューニングを行う生成スクリプトを配布しています。Inconsolata 作者の Raph Levien 氏、Migu 1M 作者の itouhiro 氏、M+ M Type-1
配色パターンからWebデザインを考える
2017年6月29日 Webデザイン, 色彩 ページを開いた瞬間にそのWebサイトのイメージを左右するほど重要な要素「色」。しかし色の組み合わせ、配色には無限のパターンがあり、正しい配色を見つけるのは簡単なことではありません。ここでは色彩の基礎と配色パターンの見つけ方の一例を紹介します。 ↑私が10年以上利用している会計ソフト！ まずは色彩の三属性について 色は彩度・明度・色相の三属性（三要素とも呼ぶ）から成り立っています。 彩度 色の鮮やかさの度合いを表します。彩度の高い色は派手・華やか・目立つ色といえます。子供服やキャラクターグッズ関連のサイトには彩度の高い色が使われることが多いです。逆に彩度の低い色は地味・おだやか・上品であるといえるでしょう。和食・ヴィンテージ風デザインのサイトには彩度の低い色がよく使われます。 明度 色の明るさの度合いを表します。明度が高い＝明るい色はさわやかで爽
Webデザインは、紙の上のデザインと違うところも多いと思います。でも同じデザインですから、歴史ある DTP デザインから学ぶことはいっぱいあります。デザインの基礎の基礎、レイアウトについて、デザインするときに気をつけたい基礎の部分の注意書きです。 毎日インターネットを見ていると、素敵なデザインの Webサイトに出会います。ときにはひと目惚れしちゃうようなこともあります。そんなデザインにあったとき、どうして素敵なのかなーと考えるのも勉強のうち。そう思って素敵なデザインはストックしておいて、自分なりにそのデザインが素敵な理由を考えてたりします。 デザインの理由 どうしてそういうデザインをしたのか … デザインには理由があります。気まぐれに色を選んだり、要素を配置したりしないからです。なので自分のデザインの理由、どうしてそういう風にしたのかということを、口で説明できないとダメだと言われます。もち
無料で使えるネット上にある写真は「そこそこ」のレベルのものがほとんどで使い物にならないと思っている人の認識を変えさせるほどの威力を誇っているのがこのフォトグラファー「Luc Viatour」氏の公式サイトです。 なんとサイト上にある写真の全てがCreative Commonsライセンス（CC BY-SA 3.0）で提供されており、営利目的での利用、すなわち商用利用も可能となっています。 Luc Viatour http://www.lucnix.be/ 各画像の上にある以下のアイコンをクリックすると別ウインドウが開き、フルサイズの画像のダウンロードが可能となります なお、以下が約2万枚ある画像の一例です。 ◆01：Flaque d'eau au Champ de Mars ◆02：Cnidaria_Luc_Viatour ◆03：2h_Namur_13.jpg ◆04：LV1_5170 ◆
私の周りでも『PCからMacにしました』という方が増えてきています。前回紹介した[Macを最大限にスピードアップさせる23の方法 | Last Day. jp]も沢山の方に見て頂けました。 今日はそんな方に朗報です。Macで使える便利でその上無料のアプリケーションを100個紹介致します。 Music & Video1.Boxee YouTube，Huluに代わる動画プラットフォームを目指すBoxee。Pandoraを聞く事もできます。 (標準：YouTube，Huluに代わる動画プラットフォームを目指すBoxee｜gihyo.jp … 技術評論社) Boxee 2.HandBrake オープンソースのDVDや動画ファイルをiPhoneやiPad対応動画に変換できるツールです。 (HandBrakeで字幕つきDVD/動画ムービーもiPod/iPhone/iPadへ一発変換 | iPod/iP
ホームページ作成 簡単ホームページ作成サービス Jimdo
ドラッグ&ドロップで サクサク作れる操作に不安な方でもご安心ください。 ジンドゥーは簡単な操作だけで ホームページが作れます。
IDEA*IDEA
This domain is for use in illustrative examples in documents. You may use this domain in literature without prior coordination or asking for permission. More information...
パワーポイントで作る企画書のデザインを美しくみせるための7つのポイント - ハックルベリーに会いに行く
はじめにパワーポイントというのは、今や企画書作成用ツールとしてビジネスになくてはならない存在になった感があります。ぼく自身も、本業は企画者なので、これまで数え切れないくらいの企画書をパワーポイントで書いてきました。そんな中で、最も気をつけ、また力を入れてきたのが「デザイン」でした。内容もさることながら、見た目の美しさや、読んでみたくなるような構成・演出、読みやすさなどに、何よりこだわってきました。なぜかといえば、企画書というのは、多くの場合、まず手に取ってもらうまでに大きなハードルがあるからです。その次に、実際に見て読んでもらうまでにまた大きなハードルがあります。 企画書というのは、書いたら必ず読まれるというものではありません。むしろ多くの企画書は、ほとんど読まれない運命にあります。なぜかといえば、企画書というのはたいていいくつも提出されるからです。一つの案件に対し、10個も20個も提出さ
HTMLクイックリファレンス
HTMLタグ・スタイルシート・特殊文字等の早見表
企画書作りに役立つエントリーやサービスを一通り見て 「これだけ抑えておけば完璧！」と思う点を保存版としてまとめました！ 優れた企画書を作るために １，最強の企画書の作り方を学べる記事５選 ２，企画書作りに使える最強の資料作成サービス の２つに分けて徹底的にまとめましたので 仕事で資料をよく作る人はぜひご覧くださいませ！ 企画書を作る前に絶対読むべきエントリーBEST５ 企画書を作る上で絶対に役立つ記事をベスト５形式でまとめました。 どの記事もかなり勉強になる記事なので一度だけでもご覧ください。 第１位 シンプルイズベストな１枚企画書を作ろう！ これぞ完璧企画書――「1枚企画書」パターン実例3題 「問題＋解決＝問題解決型」「背景＋課題＝課題提起型」のように 企画を具体化し、分かりやすく１枚に集約した企画書の作り方が秀逸。 第２位 上司がOKを出す企画書を作る方法！ “通る企画書”作りの基本／
![[保存版] 最強の企画書の作り方と資料作成サービス完全まとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/a54d3e091caa6e65cd7bfca5af2310972ee6b70c/height=288;version=1;width=512/https%3A%2F%2Fsekailog.com%2Fwordpress%2Fwp-content%2Fuploads%2F2012%2F03%2Fmedium_2136953861.jpg)
【保存版】素敵なインテリアが探せるオススメWebサイト25選
新生活のことも、そろそろ考えだす時期になってきました。 一人暮らしの方は部屋のスペースが狭い分、部屋のレイアウトをうまくオシャレにしたいと悩んだりします。そこで今回は、観ているだけで楽しくて、しかも気付けば部屋のコーディネートの参考にもなっていた！とったWebサイトを25個ほどご紹介します。 お洒落な雑貨や家具がみつかるし、インテリアの実例（部屋に生活雑貨をどう配置するか）がのっているサイトもありますので、ぜひ参考にしてみてください。 一人暮らしのためのインテリアサイト 一人暮らしインテリアのジパング.com 一人暮らしインテリアのジパング.comは、ベッドの選び方からソファの選び方まで、一人暮らしの方のために詳細に説明されています。 実際に商品を探しながら、自分の部屋のレイアウトをイメージできるサイトです。さらに、このサイトから注文すると送料が無料というはラッキーですね。 → 一人暮らし
1 ：以下、名無しにかわりましてVIPがお送りします：2009/07/07(火) 14:08:30.25 ID:fhMB9CyV0 ・用意するもの えんぴつ 紙 2 ：以下、名無しにかわりましてVIPがお送りします：2009/07/07(火) 14:12:07.83 ID:fhMB9CyV0 紙はノートでも何でもいいです えんぴつは濃いB2以上を推奨 それでははじめましょう 注意： 私のことを信じられない人はやらないで下さい 効果がなくなるので 3 ：以下、名無しにかわりましてVIPがお送りします：2009/07/07(火) 14:12:49.43 ID:1kfdmwiJO 用意した 4 ：以下、名無しにかわりましてVIPがお送りします：2009/07/07(火) 14:12:57.36 ID:USUmWtBu0 やてみようかね 5 ：以下、名無しにかわりましてVIPがお送りします：20
今から三年前、学部二・三年の頃の僕はテコンドーの道場に週四回通ったり、株式投資で一攫千金を狙ってン十万塩漬けやらかしたり、一ヶ月に三十冊くらい本を読みまくったり、合気道部時代の友人と旅行に行ったり、学部卒で就職する気が無いくせにインターンに参加してプログラム組んでみたりと好きなように生きていたのだけど*1、今思い返してもやっててよかったなーと思うのが会計の勉強だ。 といってもさほど高レベルなことはやってなくて、日商簿記検定の二級と三級を同時受験してまとめて取った*2、というだけの話。それ以降、一級もチャレンジしたんだけど、合格点まであと二点とかそんな悔しい思いを二回連続でやらかしてしまい、気付いたら次の試験は研究室配属の後になってしまい、試験前に当時の彼女をほったらかしにしていたら険悪になったりもしたので、一級まで取っていれば税理士試験の足がかりにもなったから残念なのだけど、あきらめた。
食べログ - ランキングと口コミで探せるグルメサイト
東京銀座有楽町新橋東京駅渋谷恵比寿新宿池袋六本木赤坂秋葉原上野浅草錦糸町品川吉祥寺北千住町田立川八王子銀座・新橋・有楽町東京・日本橋渋谷・恵比寿・代官山新宿・代々木・大久保池袋～高田馬場・早稲田原宿・表参道・青山六本木・麻布・広尾赤坂・永田町・溜池四ツ谷・市ヶ谷・飯田橋秋葉原・神田・水道橋上野・浅草・日暮里両国・錦糸町・小岩築地・湾岸・お台場浜松町・田町・品川大井・蒲田目黒・白金・五反田東急沿線京王・小田急沿線中野～西荻窪吉祥寺・三鷹・武蔵境西武沿線板橋・東武沿線大塚・巣鴨・駒込・赤羽千住・綾瀬・葛飾小金井・国分寺・国立調布・府中・狛江町田・稲城・多摩西東京市周辺立川市・八王子市周辺福生・青梅周辺伊豆諸島・小笠原
まとめのインテリア / デザイン雑貨とインテリアのまとめ。
まとめのインテリア - デザイン雑貨とインテリアのまとめサイトです。
凡人が、天才に勝つ方法。｜つんく♂
はじめまして、どうも、つんく♂です。 作詞・作曲を中心に音楽やエンタメ全般のプロデューサーをやっています。モーニング娘。のプロデュースから始めて、アイドルやアーティストなど、たくさんの作品を生み出してきました。 『リズム天国』などのゲームや、アニメにも関わっています。今は、「つんく♂エンタメ♪サロン」のメンバーで、「中2」をテーマにした映画制作を始めたばかりです。 声の病気をしたので今は歌えませんが、その分、日々の作品作りと、次世代のスターやクリエイターの応援に注力しています。 いちクリエイターとして、noteを始めますさて、今月から、個人noteを本格的に始めてみようかなと。 というのも、僕の中には、自然に生活していて「これいいよ」との情報が2回以上重なって耳に入ってきたものが「売れる」「ヒットする」という過去データがあります。なので、そういうものに出会った時は、出来るだけすぐに試すよう
これは水です。 | quipped
（訳注：2008年に急逝したアメリカの作家David Foster Wallaceが2005年にKenyon大学でした卒業スピーチです。個人的には同年のStanfordでのSteve Jobsの卒業スピーチより、遥かに奥深く、かつタメになると思うのですが、あまり知られていないようですし、訳されていないので、自分でやることにしました。以下が拙訳です。） もし発汗1したい人がいるなら、どうぞお好きなようにしてくださいな。多分ぼくもします。てかする...こんにちはーおめでとーKenyon大学2005年度の卒業生のみなさん。2匹の若いサカナが泳いでおり、逆方向に泳ぐ年上のサカナに会いました。すれ違い様、年上のサカナはこう言いました。「おはよう少年たち。今日の水はどうかね。」2匹のサカナは特に気にもとめず、しばらく泳いでから、顔を見合わせて言いました。「てか水って何？」 今の話は、米国の卒業スピーチ
個人でも商用でも無料利用できる、日本語のフリーフォント707種類を紹介します。 Webデザイン、アプリ、動画、紙のデザインをはじめ、クライアントのプロジェクトでも販売する同人誌まで、幅広く利用できる無料フォントが満載です！ 前年の647からフリーフォントが50種類くらい増えています！ ※サイト閉鎖などでかなりのフォントが減っています。気になったフォントはダウンロードできるうちにダウンロードしておくことをお勧めします。 本記事は定期的に、全フォントを確認して、更新しております。 初紹介のフォントから既存フォントも改めてリンク・ライセンスを確認しています（※情報はこの記事の執筆時のもの）。ライセンスはWebデザインだけでなく、同人誌や印刷物などでの利用も確認しました。 更新情報 2024/6/4: フォントを10種類追加 2024/2/20: フォントを11種類追加 2023/12/26: フ
小さな画像を拡大したい時、どうしても起こってしまう画像の劣化。そんなときに便利な、画像を美しく拡大するフリーソフト「SmillaEnlarger」をご紹介します。上の画像は拡大例ですが、かなり滑らかに拡大出来てます。 ダウンロード こちらから「SmillaEnlarger」をダウンロードします。 Download ソフトを起動させます。 使い方 まずは、拡大したい画像をドラック＆ドロップします。 Output Dimensions …サイズ変更 Specify zoom facter: 倍率 Specify width of result: 横幅指定 Specify height of result: 縦幅指定 Fit inside boundary: 縦横幅の最大値指定 Stretch to fit: 縦横幅の指定 Crop to fit: 切り取り指定 Fit inside, add
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
iPhoneデザインボックス
みんなが見てる人気のスマートフォン向けWebサイトデザイン
ソシオメディア | UIデザインパターン
ソシオメディアが独自に提供するUIデザインパターン集。これを使えばUI設計を効率化できます。
カテゴリー別配色アイデア100
2017年6月30日 色彩 配色によってそのデザインの印象は大きく変わると思います。色は大切な要素のひとつですね！ということで、色の持つ印象別に配色アイデアをずらりと並べてみます。配色はおなじみ（？）のCOLOURloversから、「これは！」と思うものを選ばせて頂きました。素敵な配色がいっぱいのこのサイト、ぜひ覗いてみてください！また、今回紹介するのはあくまで一例ですので、自分なりにアレンジしてみるのも楽しいと思います。サイトの雰囲気にあう配色を探してみてください。 ↑私が10年以上利用している会計ソフト！ 配色に関するおすすめサイト COLOURlovers 色をテーマにしたコミュニティサイト、COLOURlovers。自分の考えた配色を登録したり、お気に入りの配色を保存しておくことができます。今回はこちらから配色アイデアを選びました。iPhoneアプリは「ColorSchemer」と
私は「色」が好きなので、配色を考えるのがそんなに苦ではないんですが、良い配色が思い浮かばず、苦しんでいるWebデザイナーさんは沢山います。 人の目で見分けられる色の数は750万色以上あると言われていて、デザイナーはこの膨大な色の中から配色を考えるんですが、これが結構大変なんです。経験を積んだWebデザイナーさんでも何日も配色に悩み、目の下に隈を作ることがあると聞いたことがあります。 そこで今回は、配色を考える時や、配色に悩みすぎて出口が見えなくなってしまった時に役立つ、基本的な7つの配色技法を紹介したと思います！ 基本的な7つの配色技法 これから紹介するの7つの配色技法は、お互いに明確な違いがない物もいくつかありますが、あくまでもこれらは配色の方向性・配色の考え方を示すものだと理解してください。それでは早速、例を交えながら特徴と効果をまとめて紹介させていただきます。 ドミナントカラー配色
妻から言われたことをいくつかツイッター（URLはこちら）で紹介したのですが、 予想に反してかなりの反響がありました。 そんな「妻語録」を一度まとめてみました。 2010/06/03 07:44 かつてネトゲで数十人を率いていたという妻「相手が欲していることは何で、どうやったらモチベーションを高く持ってくれるかを必死に考え抜くの。そうしたら勝手にみんなが動いてくれる。それがマネジメントだよ。やってないから帰りが遅いんじゃないの？」…代わりに会社に行ってもらえませんか？ 2010/06/04 07:46 （再掲）近所の豪邸の前で「ここの家主と僕との違いは何なんだあ！」と嘆いていたら、妻が「今まで背負って来たリスクの差じゃない？例えば受験勉強を頑張ると、落ちたら努力が無駄になるというリスクを背負うんだよね。遊んでいればリスクもないけど合格しない。そういうこと。」 2010/06/08 23:46
ゼロからはじめるスマートフォン専用サイト（iPhone＆Android）の作り方を学べるサイト集めました | HTML5でサイトをつくろう
これからのWEB制作はPCサイトだけではなく、iphoneなどのスマートフォンやipadなどさまざまなデバイスでの閲覧を前提として作成しなければいけません。 iphoneサイトやAndroidサイトはHTML5やCSS3にかなり対応しているので簡単そうなイメージもありますが、縦画面、横画面など変化することを前提に構築しなければいけませんし、Androidは機種によって解像度が違う、機種によってCSSが適用されないという昔のモバイルサイトより大変なことがおきているようです。 またシミュレーターを使ったり、実機をたくさん揃えたり、レンタルしたりとPCサイトより手間な制作の時代に逆戻りですね・・。 友人に聞いたら現在は案件よってはiphoneのみ対応、iphoneとdocomoを対応、すべて対応などさまざまなようですね。まあこれは予算によるのかもしれませんね。 僕はまだ本格的なスマホサイトの仕事
Get free picture, templates, mockups and graphic resourcesLooking for free pictures or visuals? Choose the type of free stock image you need
ウェブ配色ツール Ver2.0
基本的な使い方 左上のカラーピッカーを使って、任意の1色を作れば、それに合わせた配色が作れるツールです。またロゴの文字や色は任意の物を指定できるようになっています（ただしフォントは変更出来ません）。 カラーピッカーの下のスライダーを利用すれば、メイングラフィックの変更や色相幅も変えることが出来ます。動きが必要な配色の場合には、2つめのスライダーを右に動かしてください。補色配色に近い配色が出来上がります。 色の一覧を押すことで、出来上がった色の一覧を表示しますので、コピー&ペーストしてお使いください。 この配色ツールについて この配色ツールはフォルトゥナによって提供されています。リンク等は当然のことながら自由にしていただいて構いませんが、無断で複製・転載するのはおやめください。 取材・執筆等のお申し込み このツールに関してのご質問、あるいはその他の色に関する取材・業務や講演などは、フォルトゥ
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
class名やid名って付ける時悩みませんか？ 今でもボクは結構悩むんですが、そんな悩みを解決する為に、人さまのソース覗きまくってよくあるclass名とid名を拾ってきました。 これで、チョットだけ作業効率アップ！？ 2010年6月10日追記： この記事自体、2007年 1月15日に書かれてるんでかなり古いです。 あくまでも参考程度に留めてもらうのが良いかと思います。 今だったら、html5の要素を参考にしたりして付けるのが、今後の事を考えると良いのかなーと思います。 また、善し悪しの判断はせずに公開しているものですが、位置に関するのは仕様変更に弱くなるのでオススメはしません。 全体に使えそうな感じ wrap wrapper top-wrapper wrapperAll frame mframe all-frame container page pagetop all allContent
これはもう何年も前から気になってることなのですが。 何故、昔からずっと見出し画像などの文字組みや文字詰めの甘いWebサイトが多いのでしょうか。 私はデザインについて偉そうに言える立場でないのは分かっていますが、折角全体的なデザインや背景、写真、Flashなどの動きはとても美しく、文章構成のしっかりしたサイトなのに、ただ一点文字詰めだけが甘いというサイトがあまりにも多くて、そういうサイトが減る様子もないのがずっと気になっています。 私は以前、ファッション雑誌やビジネス誌の組版（MacのInDesignやQuarkXPressを使って印刷用のデータを作る仕事。DTPとも言う）の仕事をしていて、見出しは言うまでもなく、本文の文字詰めが少し甘いだけでもものすごく怒られたものですが、Webデザインの世界ではそういうのはあまり怒られることがないのでしょうか。 私は、見出しやタイトル画像における文字組み
![[Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary](https://cdn-ak-scissors.b.st-hatena.com/image/square/e6e22153e1233d79c8da8733fc112f935fe5ee4a/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fstocker.jp%2Fdiary%2Fwp-content%2Fuploads%2Ftypographic-1-1.png%3Ffit%3D500%252C250%26ssl%3D1)
あなたの作業を音速にするかもしれないWEB屋の作業スピードを上げるチートシート大量紹介 | バンクーバーのうぇぶ屋
このブログがフロントに関する記事が多いもんだから、たまにデザイナーと呼ばれることがあるんですが、僕は業務としてはデザインよか制作ディレクションの方がどちらかと言えばメインなんですよね。 そんなディレクターとしての役割の一つに、周りにいる優れたデザイナーやプログラマー、デベロッパーの業務効率を考えることが挙げられます。 何を取るわけでもなく中途半端な僕ですが、ディレクターとして周りの各プロフェッショナルの役に少しでも立てればと、そして制作する上での効率を向上させるべく色々情報収集をする中で、よくチートシートの存在を目にします。（チートシートってどれだけ普及してるのかわかりませんが、つまりカンニングペーパーのことらしいです。） WEB屋にとってのチートシートって、どれだけ優れた技術力やデザイン力を持っていても、何かしら新しい発見がある物ですよね。以前書かせてもらった時間の価値は人によって違う！
Twitterに流れてきたスライドがとっても 分かりやすかったのでブログでより多く の方に拡散。ノンプログラマー向けの jQueryの基本講座。これからjQuery を使おう、という方は読んでおくと良さ そうですね。 ノンプログラマー向けにjQueryの基礎をスライド化してくれています。 @pocotan001さん作のスライドです。 このスライドを見ながらコーディングする、というより、基礎知識を頭に入れるのに適したスライドだと思いますので気軽にご覧になってみて下さい。ハードルがかなり下がると思います。 また、当ブログでもjQueryプラグイン等の情報を取りあえげていますので合わせてどうぞ。 jQueryのリファレンスサイトと入門書籍 [2011.09.21アップデート] よくアクセスいただくのでハブ的な役割くらいは果たそうと思います。 jquery / jQueryの本家です。jQuery
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
永久保存版！？携帯コーディング、これだけ読めばすぐできる！ | KAYAC
今年はWebサービスを作りたいと思っている人にお勧めのエントリーまとめ | ロプログ
これからIllustratorを始めてみようという人のための基本操作とかいろいろ
STORES.jp｜オシャレなネットショップを最短2分で無料作成
「シンプルな文章の書き方」 ― 読まれなかった文章をカイゼンしてわかったこと : earth in us.
プログラミング用フォント Ricty
デザインの基礎力をワンランクアップしたい私（Webデザイナー）の注意書き
無料かつ商用可で約2万枚のハイレベルな写真を提供する「Luc Viatour」
すべてのMacユーザーに贈る 便利でしかも無料なMacのアプリ100個紹介 | Last Day. jp
[保存版] 最強の企画書の作り方と資料作成サービス完全まとめ
どんなにへたくそでも一日後には絵が上手くなる方法:ハムスター速報 ２ろぐ
独学で効率よく簿記三＆二級に合格するための僕の方法 - ミームの死骸を待ちながら
2024年用、日本語のフリーフォント699種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記 | コリス
画像を綺麗に拡大するフリーソフト「SmillaEnlarger」がすごい | 日刊ウェブログ式
配色に悩んだときに、きっと役立つ7つの配色技法【基本】
かつてネトゲで数十人を率いた妻の「マネジメント論」 - chocontaの日記
stock.xchng - the leading free stock photography site
暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]
http://designaholic.cc/2011/03/webweb21.html
もう、class名やid名で悩まないんだからっ！！｜CSS HappyLife
[Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary
「ノンプログラマーのためのjQuery入門」のスライドが凄く分かりやすいですね