タグ

2011年11月29日のブックマーク (24件)

  • ラフデザインをかっこよく、短時間で終わらせる方法 - ラクスルマガジン|raksul [ラクスル]

    ラクスルでは2024年6月末までの期間、チラシ・フライヤー商品で最大50%OFFとなる超大型セールを実施中です。夏の集客・販促活動の準備に向けて是非この機会にご活用ください!

    ラフデザインをかっこよく、短時間で終わらせる方法 - ラクスルマガジン|raksul [ラクスル]
  • ゼロからはじめるHTML5でのサイト制作/最終回 ほとんどのCSSを変えずにxhtmlとHTML5で同じレイアウトを作成してみよう - MdN Design Interactive

    前回までの記事で簡単なレイアウトを作成して、xhtmlHTML5でマークアップしたものからHTML5の新要素の説明を行い、アウトラインを確認してみました。最終回となる今回はxhtmlHTML5のCSSをほとんど変えずに同じレイアウトになるように作成してみたいと思います。 HTML5でCSSを設定する場合は新要素に対応していないブラウザに対してどうするのか。まだ確定していないHTML5の要素が変更になった場合を考慮して、スタイルの設定を考えた方が後々の大きな修正を回避できるのでベターです。ただ今回のレイアウトはほとんど同じCSSを使うということで作成するので、多少気になる部分もあるかと思いますが、ひとつの例として見ていただければと思います。 解説:(有)ムーニーワークス 林 豊/田崎一成 前回まででアウトラインを確認したそれぞれのマークアップしたページのサンプルこちらにあります。 ●HT

    ゼロからはじめるHTML5でのサイト制作/最終回 ほとんどのCSSを変えずにxhtmlとHTML5で同じレイアウトを作成してみよう - MdN Design Interactive
  • Loading...

    Loading...
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
  • 毎日何人もの患者と接しながら働く専門家たちに聞いた「風邪に負けないための7つの対策法+α」 | ライフハッカー・ジャパン

    鼻はズルズル、のどはイガイガ、頭はズキズキ...。これからの季節、風邪が流行しがちです。そこで、伝染病の専門家Amesh Adalka博士、救命救急医John Shufeldt氏、栄養学の専門家Joshua Duavuchelle氏、Trudy Scott氏に、風邪にかかりにくくするためのコツを伝授してもらいました。 医師は健康の専門家であるのみならず、毎日何人もの患者と接し、細菌にさらされながら病気にかからずに職務をこなす最前線の人。何か秘策があるに違いありません。 Photos remixed from originals by caimacanul and Yuganov Konstantin / Shutterstock. 1. 十分な睡眠をとる 睡眠不足と病気は密接に関係しています。十分に休息をとらなければ、アタマにもカラダにも負担がかかり、適切に機能しません。実際、「睡眠不足は

  • fb:comments 旧コメント欄から新バージョンへの移行:利点と注意点

    2011年03月10日00:40 by oklahomer fb:comments 旧コメント欄から新バージョンへの移行:利点と注意点 カテゴリTipsSocial Plugins 今月に入ってFacebookのコメント欄プラグインの仕様が変わったので(「Comments Pluginドキュメントの和訳 」をご覧ください)、このブログにも新バージョンを導入してみました。今回は、旧コメント欄を使ってた状態から新バージョンへ移行する利点と注意点などを紹介します。 目次:移行する利点バグ?既存のコメントを残しつつ移行したい注意点まとめ 移行する利点旧バージョンのままでも特に問題なく使えるかもしれませんが、それでは、今回のバージョンアップの目玉である「Facebookページ人格でのコメント」や「他サービスアカウントでコメント」ができません。僕としては、普段の活動には自分自身のgo hagiwara

    fb:comments 旧コメント欄から新バージョンへの移行:利点と注意点
  • Facebook: コメントにスパム&荒らし対策を実施 | ブログヘラルド

    フェイスブックがコメントサービスをアップグレードした。ディスカスやインテンスディベート等のライバルとの覇権争いで脱落したないためだ。 改善されたアンチスパム機能は、ブロガーのスパマー対策に役立つはずだが、フェイスブックの“ソーシャルシグナル”機能には、コメントを迷惑な荒らしだと読者に思われないようにする効果もあるようだ。 アップグレードされたコメントボックスは、ソーシャルシグナルを使って、最も質の高いコメントを浮上させます。コメントは、最も関連性の高い友達のコメント、友達友達のコメント、そして、最もいいね!されたコメント、または、議論がアクティブなスレッドを表示し、一方、スパムとしてマークされたコメントは閲覧されないように隠します。 […] 管理者は、新たに投稿されるコメントに対して、「全員に公開」か「限定的に公開」(例えばコメントを残した人とその友人に限り、コメントを公開)をデフォル

  • 多機能すぎてコワイFacebookの新しいコメント欄に入れ替えてみました : Blog Start All Over

    さくっと報告ですが、3月になって新しくなったFacebookの新コメント欄に入れ替えてみました。 詳しくはこちらの記事を見てください。Facebookプラグインの日語訳を現在進行形で行っている同僚のブログです。 fb:comments 旧コメント欄から新バージョンへの移行:利点と注意点 : Facebook開発者向けドキュメントの日語訳とTips http://facebook-docs.oklahome.net/archives/51906129.html 新コメント欄は「いいね」と切り離されたので「いいね」プラグインを追加する必要があると思ったが、そもそもzenbackのセットの中にあったのそのま ままにしました。また、Shareボタンは機能的にはいいねと統合されていつ廃止になるかわかりませんが、やっぱり「いいね」したい時と「シェア」したい ときの動機って違うと思うので使える限りは

    多機能すぎてコワイFacebookの新しいコメント欄に入れ替えてみました : Blog Start All Over
  • 今から作るiFrame対応Facebookページの作り方 Part.1 - EC studio デザインブログ

    最近は、企業や製品・サービスなどで Facebookページをもつことが増えてきています。 EC studio でも先日チャットワークのFacebookページをリリースしました。 そこで、今回はFacebookページの作り方について書きたいともいます。 Facebookページとは すでに知っている方も多いかもしれませんが、 Facebookページとは何かということを少し書きたいと思います。 Facebookページは、旧ファンページのことを言います。 企業や団体、製品やサービス、芸能人やアーティストなどが 情報を発信する、コミュニティページのことです。 ユーザーは、お気に入りのFacebookページに対して 「いいね!」をクリックすると、最新の情報がウォールに流れてきたり、 そのページに対し、自由にコメント投稿できます。 また、「いいね!」をクリックすると、自分の友達にも「いいね!」をした F

  • Facebook Commentsが仕様変更されて設置が簡単になったっぽい

    先日、Facebook Commentsをブログに導入する方法というのをメモ代わりに記事化してたんですが、実はFacebook Commentsの仕様が変更されました。 具体的にコメントの表示などは、あんまり見た目変わった感じがしませんけどね。 ただ、設置方法が以前よりも簡単になったっぽいので、ちょっとそこらへんをフォローしておくべきかなと思ったので、以下に改訂版として掲載します。 コピペでOKなFacebook Comments新コード 以前は「xid」という固有の変数を入れる必要があったんですが、今回の新Facebook Commentsではxidが廃止され、普通にURLで設定できるようになりました。 <div id="fb-root"></div> <script src="//connect.facebook.net/en_US/all.js#xfbml=1"></script>

    Facebook Commentsが仕様変更されて設置が簡単になったっぽい
  • MovableTypeとWordpressにFacebookコメントを設置する方法。 – 和洋風KAI

    ふむ。かなり便利そうですね。 Facebookのコメントを設置しよう。 それじゃさっそくFacebookのコメントを設置してみましょう。Create an App - Facebook開発者にいって、設置したいブログの名前とURLを記入し、Create appをクリックします。 このような画面になったら登録は完了です。 次は、Comments - Facebook開発者にアクセスしてコメント欄のHTMLコードを取得しましょう。各項目の説明は以下の通り。 - URL to Comment on (あなたのサイトのURLを入力するところですが、このままでOKです。) - Number of posts (コメントを表示する数です。) - Width (このコメント欄の横幅です。) - Color Scheme (コメント欄のテーマですね。背景が白ならlight、黒ならDark) 設定がすんだら

  • Facebook Comments for WordPress

    This plugin has been closed as of October 19, 2018 and is not available for download. Reason: Guideline Violation.

  • Facebookコメントに切り替えたのでブログ導入の手順をメモ

    ついぞ先月、コメント管理のために「DISQUS」を導入したばっかりなんですが、やっぱりFacebookコメントにしよーってことで、サクッと切り替えてみました。 コメントなんてそうそうくるブログでもないので、別にコメントシステムそのものが必要ねーっていう気がしてますが、一応体裁としてね。。 Facebook Commentsの仕様が変更になり、以下の導入方法が変更になりました。 以下の記事でフォローしているので、そちらもお読み下さい。 Facebook Commentsの仕様が変更されて設置が簡単になったっぽい 実際の導入イメージ 導入するとこんな感じになります。 これはFacebookにログインして見ている状態ですね。 一応、Facebookを使っていない人や、ログインしていない状態でもコメント投稿できる(名前とメールアドレス必須)ようにしてあって、そういうユーザーの場合は「Anonymo

    Facebookコメントに切り替えたのでブログ導入の手順をメモ
  • [Facebook]ブログに設置したFacebookコメントを一括で管理しよう!「Comment Moderation Tool」

    facebook logo / marcopako  こんにちは、@OZPA です。 さて、世間様の動きはどんどんとfacebookへ流れていっているようで、ブログに「facebookコメント」を設置してみたところから、少しずつコメントを頂けるようになりまして、当にありがたいかぎりでございます。 やはりこうしてcomment欄が賑わうのもfacebookコメントのおかげ。 一元管理したい すこぶるご機嫌だったfacebookコメントなのですが、一つ気がかりだったのが 「Disqusのようにコメントを一元管理出来る方法は無いんかえ?」と言うこと。 と、言うのも、一つ一つの記事にコメントが着いたのをメールで受け取っては各記事の末尾に行く、と言う非常に頭の悪い行為を2週間ほど続けていたわけなんです。 で、まぁ調べてみたらfacebookコメントを一括で閲覧・管理するためのページを発見しました

    [Facebook]ブログに設置したFacebookコメントを一括で管理しよう!「Comment Moderation Tool」
  • facebook:「いいね!」の押された数がわかる、アクセス解析「insights(インサイト)」設定方法 | 30代サラリーマン本気で副業

    Blog > SNS > facebook > facebook:「いいね!」の押された数がわかる、アクセス解析「insights(インサイト)」設定方法 facebookのソーシャルプラグイン「いいね!」ボタンを設置しているブログやサイトをよく見かけるようになりました。 そこで、あまり知られていない、「いいね!」の押された数がわかるfacebookアクセス解析「insights(インサイト)」を紹介。 サイトに設置した「いいね!」ボタン。ページや記事ごとに、押された数は設置したサイト上で見れるのですが、facebookが提供している「insights(インサイト)」を使えば、そのサイト(ドメイン)単位で、押された数の推移や、押してくれた人の統計(性別、年齢、地域など)がわかるようになります。 以下に、設置方法をメモ。 前提として、facebookのアカウントを持っていることが必要です。

  • 手軽になった!Google Maps API V3 (1/2)

    Web上で地図を表示するツールの定番といえば「Googleマップ」。独自の地図を簡単に作れる「Google Maps API」を使って、会社案内のページに地図を埋め込んだり、地図と連動するネットサービスを運営している方も多いでしょう。 このGoogle Maps APIの新バージョン「Version 3」(以下V3と略)が5月27日に公開されました。今回は、V3を使って地図を表示する基的な手順を紹介しましょう。 Google Maps API V3の主な変更点 Google Maps API V3では、以下の点が新しくなりました。 (1)API Keyが不要 V2まででは、Google Maps APIを使うためにはAPI Keyを取得する必要がありましたが、V3では不要になりました。 (2)iPhoneAndroidへの対応 iPhoneAndroidで地図を高速に表示できるように

    手軽になった!Google Maps API V3 (1/2)
  • Browse Fonts - Google Fonts

    Making the web more beautiful, fast, and open through great typography

    Browse Fonts - Google Fonts
  • Mac Fan.jp ログファーム社について重要なお知らせ

    2024.02.13 周辺機器/アクセサリ 電話の着信も運動のログもおまかせ! iPhoneと連係するG-SHOCK GPR-H1000-9JR

    Mac Fan.jp ログファーム社について重要なお知らせ
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

  • 目的とインターフェイスの関係で変わるシンプルの意味

    先日、帰省した際に母と家電量販店を訪れました。そこで、いろいろな製品を見学したり質問に応えながら雑談していたわけですが、母が興味深い言葉を残していました。 「私とあなたではシンプルの意味合いが違う」 例えば Apple TV は、TVに接続するとパソコンからメディアをストリーミングしてくれるだけでなく、TV番組や映画、YouTube も見れるようになります。録画して残すという考えから、クラウドを利用してオンデマンドでいつでも好きな時間に見るこという考えに変わります。何が出来るのかを理解しているのであれば 1台で様々な役割を果たす Apple TV のようなデバイスは便利でシンプルです。 しかし、1台で何でも出来るということがシンプルにならない場合があります。使い方によって様々なメディア体験ができる Apple TV より、録画・観覧するためのデッキ、ケーブルTVをみるためのチャンネル、ゲー

    目的とインターフェイスの関係で変わるシンプルの意味
    k_ume75
    k_ume75 2011/11/29
    「私とあなたではシンプルの意味合いが違う」
  • 職種ではなく自分として仕事をするためのヒント

    先週末、パンダの会 その陸が開催されました。5月に @3panda さんと対談をしたことがキッカケで実現した今回のイベント。パンダの会は Web サイト制作をはじめてまだ 1, 2年くらいの方を主な対象としていますが、この日はおなじみの顔ぶれもチラホラあり、リラックスした雰囲気で行われました。今回のお題は『Webをつかって何をしたいか見つけ出そう』。先月開催された WebSig 1日学校では、多くの先生がキャリアについてお話されていましたが、私はパンダの会でキャリアについて話すことになりました。 2006年に流行していた言葉や技術を前面に押し出してアピールしている企業や個人はいるでしょうか。2011年のトレンドも同じようなことになるでしょう。 Webは動きが目まぐるしく、トレンドについていくのが精一杯になりやすいところから、数年先を見据えたプランが立てれないことがあります。誰もが予測は出来

    職種ではなく自分として仕事をするためのヒント
  • WordPressでどんなサイトでも作れちゃう気になれる無料プラグイン9個

    2016年6月8日 Webサイト制作, Wordpress WordPressのプラグインってすごいですよね。少しカスタマイズするだけで思い通りの機能のついたWebサイトを作ることができます。今回は「えっ、こんなことまでできちゃうの?」と思わせてくれるような高性能プラグインをいくつか紹介します。WordPress 3.0から追加されたマルチサイト機能を使えばWebサービスとして運営することもできそうなもの多め。どんな風に使おうかわくわくしちゃいますよ! ↑私が10年以上利用している会計ソフト! 1. SNS BuddyPress WordPressSNSとして運営することができるプラグイン、BuddyPress。過去記事「WordPressプラグイン「BuddyPress」でSNSサイトを作成」で詳しく紹介しています。

    WordPressでどんなサイトでも作れちゃう気になれる無料プラグイン9個
  • デザイン、コード、マルチスキルの世界と私たち

    比較は実はナンセンス デザイナーはコードが書けたほうが良いのか? ハイブリッドなのか専門家なのか・・・長く議論されてきているトピックのひとつです。Webデザインの分野でもデザイナーは HTML / CSS / JavaScript くらい出来た方が良いのでは?という意見がありますし、最近では UI デザイナーが Object-C や Java を学んだほうが良いのでは?という意見もあります。 デザイナーがコードの領域に踏み込めるようになることで、インタラクションや画面遷移など、見た目だけでなく細かい動きの制御の設計に直に触れることが可能になります。コードから物事が見れるようになることで、初めて視覚化・具体化できるアイデアもあるでしょう。では、コードも書けるハイブリッドデザイナーのほうが優れているのかといえば、答えは「YES」であり「NO」でもあります。多くの技能をもつということは、何でも屋

    デザイン、コード、マルチスキルの世界と私たち
  • コンテンツを意識してWebデザインするとは

    11月27日に WordCamp Tokyo 2011 が開催されました。そこで「コンテンツ戦略を意識した今後の CMS の姿」という講演をしました。WordPress を中心にしたイベントでしたが、私の講演では WordPress に留まらず、今後必要とされる Web コンテンツに必要とされる CMS のあり方について解説しました。講演の意図について知りたい方は前回の記事「コンテンツを軸にしてCMSを使おう」をご覧ください。 機能至上主義からの離脱 CMSの話になると、どうしても機能の話になるのは以前から疑問を感じていました。日だと Movable Type の支持は高いですが、MT と WordPress を機能比較でしか議論できないのはどうも寂しい気がします。機能は重要ですが、機能を前提にしてサイト構築すると、結局クライアントやサイト観覧者のメリットにならない場合があります。ニーズ

    コンテンツを意識してWebデザインするとは