『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
WordPressで運用しているクライアントさんのサイトのトップページに、画像サムネイル入りの新着記事一覧を作りました。 ネット上に意外と情報が少なくて手を焼いたので、メモしておきます。 こんな感じのコードを書きました。 [php] <?php query_posts(‘&posts_per_page=5’); if (have_posts()): while(have_posts()): the_post(); ?> <h2><a href="<?php the_permalink(); ?>" ><?php the_title(); ?></a></h2> <div class="list_day">[<?php echo get_the_date(‘Y年n月j日’); ?>]</div> <?php if (has_post_thumbnail()) { the_post_thumb
グーグルがChrome DevToolsの学習ビデオを公開。DOM操作からプロファイリング、メモリリークの発見まで詳しく学べる 学習内容は全部で以下の7つのレベルに分かれており、17本のビデオと、レベルごとに用意された、実際に自分で操作して解いてみる75以上の例題から構成されています。レベルをクリアするとバッジがもらえるようになっています。 Level 1: Getting Started & Basic DOM and Styles Level 2: Advanced DOM and Styles Level 3: Working With the Console Level 4: Debugging JavaScript Level 5: Improving Network Performance Level 6: Improving Performance Level 7: Memo
「.htaccess」「.htpasswd」ファイルはFTPソフトでアップロードすれば、すぐに機能が有効となります。もし、アップロードを間違えた場合、アップロードした瞬間から、サーバーエラー(Internal Server Error)などが発生することがありますので、ご注意ください。 htaccess動かに場合やエラーとなる場合は以下もご確認ください。 htaccessが動かない時
こんにちは、デザイナーの王です。 みなさんは写真やイラストを見たときに、「色使いうまいな! どういう色構成をしているんだろう?」と思ったことがあるのではないでしょうか? デザイナーなら誰しもそう思ったことはあると思います。 プロなら肉眼でもぴんとくるかもしれませんが、もっと正確に色構成を確認したい場合もあると思います。例えば、イラストなら最初から配色はできても、写真ではそれが難しいですよね。そこで色構成をチェックをすれば、より理想に近い配色に直すこともできるかもしれません。また、単に配色を確認して色使いを学ぶこともできますよね。 今回はそんな望みを簡単に叶えてくれる、Photoshopのあまり知られていないが意外と便利な機能をご紹介します。 やりかた 今回はこちらの写真を例に使います。 Step 1 「ファイル」から「web用に保存」を選択します。 ※ショートカットはcommand + a
clearfixでfloatを解除 2007-03-07 1 0 XHTML/CSS clear, CSS 枠や背景が消えたり,途中で切れたりしたことはありませんか。 floatした要素(ボックス)を含む親要素(ボックス)のborderやbackgroundが途中で切れてしまうことがあります。 左の例では,右側のメニューが終わったあたりで,左右にあるラインも切れています。 floatした要素の高さは親要素の高さに反映されない 分かりやすいようにXHTMLとCSSの例を書いてみましょう。 <div id="wrapper"> <div id="content"> <p>content</p> </div> <div id="menu"> <p>menu</p> </div> </div> #wrapper { width: 200px; border: solid 3px #999999;
これはもう何年も前から気になってることなのですが。 何故、昔からずっと見出し画像などの文字組みや文字詰めの甘いWebサイトが多いのでしょうか。 私はデザインについて偉そうに言える立場でないのは分かっていますが、折角全体的なデザインや背景、写真、Flashなどの動きはとても美しく、文章構成のしっかりしたサイトなのに、ただ一点文字詰めだけが甘いというサイトがあまりにも多くて、そういうサイトが減る様子もないのがずっと気になっています。 私は以前、ファッション雑誌やビジネス誌の組版(MacのInDesignやQuarkXPressを使って印刷用のデータを作る仕事。DTPとも言う)の仕事をしていて、見出しは言うまでもなく、本文の文字詰めが少し甘いだけでもものすごく怒られたものですが、Webデザインの世界ではそういうのはあまり怒られることがないのでしょうか。 私は、見出しやタイトル画像における文字組み
最近のデザイントレンド、フラット、サークル、ミニマル、ブラーなどを取り入れ、ディテールにこだわった美しいデザインのフォームのPSD素材をPixelsDailyから紹介します。
「広島ノロウイルス原因は韓国産キムチ」にデマ認定 - 夕刊アメーバニュース ↓ http://awabi.2ch.net/test/read.cgi/news4plus/1357966005/ ↓ 某まとめサイト 漬物=キムチじゃない、ってどういう理屈だよ だいたい、弁当にキムチなんかいれるわけねえとか言ってるが、普通に豚キムチ弁当やらゴロゴロ存在してんだが。デマ、と言い切るリンク先ブログ主も早計だな。よおードヤ顔で断言できるわ。俺は怖くて、こんな穴だらけ理論じゃデマだろうが本当だろうが断定する気しない。 弁当の食材が感染源じゃないよって話がすっぱり抜け落ちてるからこんなことを言われるんだと思うと転載した人間のセンスの無さを疑う以外にないね。 「何が原因なのか報道されてないから隠蔽されてるに違いない!!!!!これは韓国の工作員による火消し!!!!!」みたいなことも普通に書かれててげんなりん
当サイトでもテクスチャやパターンなどを素材として紹介しますが、ダウンロードして満足するだけでなく、どのように使うかが大切です。 テクスチャやパターンを効果的に使った実例を見ながら、その使い方を紹介します。 The What, Why and How of Textures in Web Design 下記は各ポイントを意訳したものです。 1. ノイズのテクスチャ 2. リアルにするためのテクスチャ 3. ビジュアル効果を与えるテクスチャ 4. トーンや印象を明確にするテクスチャ 5. シンプルなピクセルパターンの繰り返し 6. 大きなインパクトを与えるパターン 1. ノイズのテクスチャ ノイズのテクスチャは最近のウェブデザインでとても人気があります。これは背景からボタンまで、あらゆるデザインほとんどのエレメントにマッチします。 ノイズの使い方は使う場所に依存しますが、良いノイズというのはぱ
はじめまして、年末年始をノロウィルス的なアレに台無しにされたWP-D Ivoryです。 さて早速表題について、WP-D読者の方々には少々違和感がありますか? WP-Dの記事には同業者向けの内容が多いですよね。 今回は、「これから同業者になりたい人」向けの内容にしてみました。 前置き 6〜7年前になりますが、 僕はWeb業界に入るにあたって、リ○ナビのようないわゆる就職支援サイトを利用していました。 そのときも、今の就職支援サイトでも、Webディレクターの募集にはこんな言葉が目につきます。 当時Webディレクターへの道を模索していた僕はこれを見て、 「え、もしかしてデザイナーになれない人はWebディレクターになれない?」 とガクガク震えたものです。 ということで、誰に聞かれた訳でもないですが、当時の僕や似たような考えを持った人に向けて、 「デザイナーじゃなくてもWebディレクターになれますか
普通に「イイハナシダナー」と思った僕は何かに毒されているのでしょう。 コミケと「お客様」意識 - Togetter 事の発端は という発言。まあこれ自体はちょっとコミケというものを知らない(偉そうに言っているけど僕はコミケに行ったことがないw)人の普通の発言だと思うんだけど、これがまたtwitterなんかで言った日にゃあ…ということの典型のように超絶な数のDISりがなされるわけですね。ここまでテンプレ。 ただ、これの良かったところは、当の本人が「無知」であったことを反省し、理解を示そうとしたことによって丸く収まったこと。ここでの「無知」というのは必ずしも悪いことではなくて、単に知らないだけだったりしますよね。 これを下界から眺めると「ああまたオタクどもがいたいけな素人を攻撃しているよコエー」に見えてしまうわけですし、実際そうでしょう。 でも、こういう「無知」による誤解はきちんとなくして行か
この度、マイナビさんから、私にとって2冊目の著書 「やさしくはじめる WebデザイナーのためのjQuery学校」が発売になりました! この本は「HTML + CSS は分かるけど、jQuery ってよく分からない …」という人に読んでいただけたら … と思って書きました。jQuery って何?というところから始まって、基本的な使い方、コードの書き方など、基本的なことはもちろん、初心者の頃につまづきそうなポイントに重点を置きました。 1. 監修:西畑一馬さん、イラスト:狭間句美さん 今回 jQuery の本を執筆するにあたって、Web制作の現場で使う jQueryデザイン入門 の著者でもある、to-R の西畑一馬さんに監修していただきました。 私からしてみたら、西畑さんは jQuery の神様みたいな存在 … そんな人に監修していただけて、私自身もとても勉強になりましたし、読者の皆さんにお届
公開日:2012年12月 5日 カテゴリ:企画 はい、ホッテントリしなかった方の記事を書きました susi-paku です。('A')ノ ブログを書いていると、話題のネタやニュース、速報などで他のブロガーさんとネタ(記事)かぶりする事って結構ありますよねー。今回はそんなお話でして、Dpub永久幹事であるsaiutさんのブログ、「TRAVELING」に掲載された記事と、うちのブログ、「楽しければいいのです」に書いた記事が、同じツール系のサービスを紹介した内容となっており、さらに執筆した時期や内容もほぼ変わらずという何ともステマっぽい足並み。 当然ブクマ数は背くらべのような値だと思いきや、saiutさんの記事が伸びる伸びる!ブクマ数1430(執筆現在)というようないきさつがありまして、どうしてここまで差がついてしまったのか!どのようにしてバズったのか!saiutさんに直接お話を伺いながら(We
ドラッグアンドドロップで簡単にファイル共有できるサービスとしてスタートした「minus」が、ここ最近恐ろしいほどパワーアップしているらしいので使ってみました。(参考記事:マルチプラットフォームで最大50GB無料!「Minus」が断然素敵な13の理由) 記事によると 「いきなり10GBが無料」「ファイルサイズ上限2GB」「TwitterやPinterestのようにフォロー機能がある」「URLを入力することでウェブキャプチャー(いわゆる魚拓)に使える」などなど、かなり凄そうです。 早速試してみました。英語版サービスなので、使い方を解説しながら進めていきます。 まず「minusサイト http://minus.com/」にいきます。 ▶おまけ 10GB+1GBでスタートする方法 下記の紹介用リンクからminus登録することで、お互いに+1GBされます。ぜひお使いください。※ブラウザか
サンプルサイトの制作を通して、「Webサイトのコーディング」についてまとめた、第3(+α)回めです。 トップページにツイートを表示したり、Like Boxを設置したり、JavaScriptでいろいろ実装したり、その他もろもろ。 「Lopan cafeというWebサイトのトップページ総仕上げ」について、制作過程をまとめました。 以下目次。 その前に、ちょっと修正 一番上のナビゲーションのところ Lopan's infoと新作パン/おすすめパンのところ 「画面を縮めると変」だったところ ちょっと脇道:サーバーの話 Webサーバーとは サーバーにファイルをアップロードする トップページにツイートを表示する。 Twitter ウィジェット Embedded Timelines(埋め込みタイムライン) トップページにLike Boxを表示する。 Facebookページを作る Like Boxを設置す
今月末から デジタルハリウッド大学院 でプロトタイピングをテーマにしたコースを受け持つことになりました。1時間くらいの短い講義で話をしたり、ワークショップの経験はありますが、数週間にわたって生徒と交流しながら進めていく授業をするのは始めてになります。少々不安ではありますが、今までの経験を活かして教育の分野に貢献できればと思います。 今、デザインの教育に関わることは非常に意味のあることだと考えています。 先月開催された UX Kanazawa で、成安造形大学でデザインを教えていらっしゃる大草真弓さんが参加されていました。大草さんとの懇親会での会話やメール交換は、私の中で大変刺激になりました。デザインといっても製造・制作の要素が強かった従来の捉え方から、全体を見渡した上での設計という考え方にシフトしはじめており、多くの大学や専門学校で変化が見られ始めています。Web デザインは『製造・制作』
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く