当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
2012年07月02日22:55 by tkfire85 禁煙率90%!読むだけで絶対やめられる「禁煙セラピー」がすごい。 カテゴリ管理人 雑談 tkfire85 読むだけで絶対やめられる禁煙セラピー [セラピーシリーズ] (ムックセレクト)posted with ヨメレバアレン・カー ロングセラーズ 1996-05-01 Amazon楽天ブックス図書館 最近では横浜市を筆頭に路上での喫煙禁止や、飲食店では喫煙ルームなど分煙化が進んで喫煙家の肩身は重いです。ハリウッドの戦争映画にあるような喫煙シーン、ルパン三世での次元の喫煙シーンなど一時は男の象徴みたいにカッコイイものとして捉えられていました。しかし、今やたばこの害の方が強く表に出ています。たばこの箱に「あなたの健康を害するものです。」と書かれているのにも関わらず…。それに加えて、国には毎年約2兆円ものたばこ税収が入っています。喫煙者では
HTMLとJSだけで何か作ることが多くて,開発環境をどう作るかとか,ノウハウみたいなのがたまってきたと思う. ローカルのHTMLファイルをブラウザで開くと,いろんな制約がある.たとえば,ファイルAPIを使えないとか,YouTubeのプレイヤー貼り付けできないとか,/js/みたいに絶対パスで指定することもできない.ページ1枚なら他のページにリンクとかいらないけど,ウェブサイトを作ってるときとかは,/help/でヘルプページを表示するとか書いたときに,ローカルのファイルを見てリンクが切れてるということになる.開発中はリンク切れだけど本番サーバーに置くと見れるはずとか言って開発するのは怖い. サーバーでRubyとかPerlが動いてるみたいなときはローカルでサーバーを立てて開発してると思う.HTMLとJSだけ使うときでもローカルでサーバーを立てて開発したほうがいいと思う. 開発中は,nginxでフ
iPhoneでSafariなどのブラウザアプリを使用中に表示される画面中の広告。 その広告を、愛用しているiCab Mobileというアプリを使って、非表示にする方法を紹介します。 iCab Mobile (Web Browser) 5.3(¥240) カテゴリ: ユーティリティ, 仕事効率化 販売元: Alexander Clauss(サイズ: 4.3 MB) iPhone/iPadの両方に対応 追尾型広告とは? 多くの広告の中でも、スクロールの度に画面下部に表示される追尾型広告は、iPhoneの限られた画面の中ではかなりのストレスを感じます。 追尾型広告を消す方法 表示された追尾型広告上で長押しし、URLをコピーします。 設定でフィルタの項目がONになっていることを確認し、コピーしたURLを貼り付けます。 ここで必要なのはコピーしたURLの先頭の「http://d.amoad.com/
2012年05月07日09:00 計算式をすばやくチェックできるExcelの便利ワザ【知っ得!虎の巻】 カテゴリ Excelで表を作成したら、計算式が正しいかどうか確認する作業は欠かせない。ちゃんと目的のセルを参照しているかどうかをチェックしたいときに使える、便利ワザを紹介しよう。 ■知っ得No.302 参照しているセルを一発表示する セルにカーソルを合わせると、そのセルに入力されている計算式を見ることができる。とはいえ、いちいちこの計算式のセル座標を見ながら参照元を確認していくのは面倒だ。Excelには、そのセルがどのセルを参照しているかを一発で表示してくれる機能があるので、これを利用しよう。 ●[参照元のトレース]を利用する 参照元を知りたい計算式が入力されているセルにカーソルを合わせ、[数式]タブの[ワークシート分析]グループで[参照元のトレース]をクリックする(画面1)。 画面1
先日このブログをリニューアルさせて頂いた旨をご報告させて頂きましたが、今回のリニューアルの主目的だったレスポンシブデザイン化について、とにかく効率優先で作業させて頂いた時のリソース関連や情報を一度僕自身の忘備録として抜粋してまとめさせて頂こうと思います!以前別のブログを作った時もそうですが、基本僕はとにかく効率重視派です。細部に渡る美しいデザインや、ガリガリのプログラミング。標準に法ったコーディングとかはその道のスペシャリストが仲間内に居るので、今回も僕は効率化に焦点を当てています! ご紹介させて頂くのは主にFacebookやTwitter周りで共有させて頂いてきたリソースばかりですが、実際に使ってみると見えてくる注意点や、戸惑った部分、周りのデザイナーにも知っておいて欲しい部分等が見え隠れしてきたので、まずはその辺りを中心に、作業ステップ毎に簡単にご説明させて頂こうと思います。 僕と同じ
2012年07月03日15:00 iPhoneに直接転送できるスキャナ!「iスキャミル ミニ」が凄い カテゴリモバイル iPhoneで使えるスキャナをさがしている人に朗報だ。 キングジムは2012年7月3日、iPhoneに接続して、書類や写真を手軽に電子データ化できるドッキングスキャナ「i スキャミル ミニ」を8月8日より発売すると発表した。専用アプリ「i-Scan mini」はApp Store にて無料配信中だ。 メーカー希望小売価格は、1万5,540円(税込み)。 「i スキャミル ミニ」は、スキャナ本体とiPhone をDock コネクタで接続してiPhone に直接データを取り込める、iPhone 用のシートフィードスキャナだ。 使用方法は、スキャナの電源をON にしてiPhone を接続。次に、スキャナ本体に書類や写真をセットして、「i-Scan mini」アプリを起動したiP
「Syncslide」というシンプルで素晴らしいサービスのご紹介。 ネットに繫げるだけで同期可能 スマホをプレゼンのコントローラーにできるクールなサービスです。利用は無料。iPhoneだとRemoteというアプリがありますが、不安定かつ有料アプリなので、個人的にはSyncslideがおすすめです。 使い方はシンプル。手持ちのスライド資料(pptx,ppt, pdf)をアップするか、またはサイト上で作成します。「ブログを書くのと同じくらい簡単にしたかった」という開発者の乾さんのコメント通り、スライド作成機能も優れています。 スライドが完成したら、パソコンとスマホの両方で、同じスライドにアクセスします(要ネット回線)。 syncslideの設定はこれで完了(!)です。これだけで、手元のスマホで、PCのスライドを操作することができるようになります。これはすごい。 開発したのは弱冠19才の起業家、
2012年07月03日08:00 不正コピーの発覚で多額の賠償金!組織内不正コピー防止キャンペーンを実施した理由 カテゴリセキュリティ 一般社団法人コンピュータソフトウェア著作権協会(ACCS)は、企業や団体等の組織内におけるコンピュータソフトウェアの不正コピーを防止するため、ソフトウェア管理者養成講座の開催、ソフトウェア管理チェックセットの企業への送付など、「組織内不正コピー防止キャンペーン」を実施中だ。 ACCSでは、これまでも、ソフトウェア管理の普及・啓発活動を継続的に進めてきた。その結果、ソフトウェア管理の重要性について多くの組織において認識されるようになった。しかし、ACCSの不正コピー情報受付窓口には依然として企業や教育機関等における不正コピーに関する情報が寄せられている。 また、ACCS会員企業からの報告によると、2011年度にACCSの不正コピー情報受付窓口に寄せられた情報
twitter facebook hatena google pocket 画像をドットっぽく加工するとひと味違った見た目になり、印象的です それをjQueryでやってしまうプラグイン「SeuratJS」を紹介します。 sponsors 使用方法 SeuratJS - A Raphae"l plugin for creating beautiful pointillized animations.からファイル一式をダウンロード。 また、今回はRaphae"l―JavaScript Libraryも必要になるので、こちらもダウンロードしておきます。 <script type="text/javascript" src="raphael-min.js"></script> <script type="text/javascript" src="jquery-1.7.2.min.js"></sc
2013年3月25日 Photoshop 暗い場所や室内で取った写真はノイズが入りやすいですよね。画像を補正する際、意外とやっかいだったりします。Photoshopには「ノイズを軽減」機能もありますが、なんだかあまり変化がなかったり…。そんなノイズを簡単に軽減する方法をいくつか紹介します。ビフォー・アフターの差にびっくりしちゃうと思いますよ! ↑私が10年以上利用している会計ソフト! Neat Image Neat Imageは画像のノイズ除去を自動で行なってくれるソフトです。Windows、Mac、Linuxで利用でき、Photoshop用のプラグインも使うことができます。無料版と有料版があり、無料版では大きなサイズと商用利用は不可です。今回は無料版を試してみました!
Windows Updateの自動更新や更新プログラムで、ダウンロードにものすごく時間がかかったり、ことごとく失敗してしまったりするということはないでしょうか(画面はWindows XP)。 この事象、更新プログラム側のサーバが輻輳しているとか、接続タイムアウトで失敗しているのではなく、ローカルPCのWindows Updateコンポーネントなどに問題があるようです。 私の場合、「Windows Updateで「KB2686509」が失敗する件の対処」で紹介したKB2686509のインストールに1度失敗したあと、更新プログラムのダウンロードやインストールがまったくできなくなってしまいました。 で、色々調べていたところ、Microsoftの「Fix it」という診断ツールにたどりつきました。 半信半疑で試してみたところ、嘘のようにダウンロードやインストールがさくさくと完了するようになりました
[対象: 全員] 自分が望まないバックリンクを無効化するための「Disavow Links」という機能をBingウェブマスターツールが実装したことを昨日お伝えしました。 Googleウェブマスターツールにも一刻も早く実装されることを期待している人も多いはずです。 しかしGoogleに限っていえば、僕たち側からアクションを起こさなくてもGoogleによってすでに無効化されているリンクが存在するようです。 GoogleのJohn Mueller(ジョン・ミューラー)氏が具体的なサイト名について言及しました。 英語版のGoogleウェブマスター向け公式ヘルプフォーラムで、 updowner.com というサイトから大量のリンクが張られていることに不安を感じたサイト管理者に対してMueller氏は次のようにコメントしています。 we do ignore the links from updowne
REVIEW(12/07/03) マイク入力やレコードのミックスにも対応したフリーの本格PCDJソフト「Mixxx」 BPM検出や自動テンポ合わせ、自動ノーマライズ、イコライザーといった機能を搭載 「Mixxx」v1.10.1 「Mixxx」は、PC内の音楽ファイルをつなげて再生したり、スクラッチするといったDJプレイができるPCDJソフト。Windows XP/Vista/7/8および同64bit版などに対応するフリーソフトで、本ソフトの公式サイトからダウンロードできる。 2つの出力系統をヘッドフォン用と外部出力用に分けて利用できるほか、BPMの検出や自動テンポ合わせ、自動ノーマライズ、3バンドのイコライザー、3種類のフィルター、フランジャーといった機能を備える。また、PCの外部入力を利用してマイクの音声をインサートしたり、PC内の音楽ファイルの代わりにPCへ接続したアナログレコード・C
10 Pinterest-Like WordPress Themes Pinterest風のWordPressテーマ集。 超人気のPinterestのUIはなかなか凄いと思っていますが、WordPressであのUIをテーマにしちゃおうというテーマ集です。 WordPressテーマになっても良い感じです。 どれも有償ですが50ドル前後と安価なので自分で作るより時間を節約できそう 関連エントリ フリーでレスポンシブなWordPressテーマ28 新しめのWordPressテーマ40 TwitterBootstrapを使ったWordPressテーマ「BootstrapWP」 フリーのハイクオリティでレスポンシブなWordPressテーマ30
テキストボックスに入力するとき、ユーザーに入力候補を表示してあげることのできる要素です。 個人的には早く普及するといいなと思っています。 4.10.10 The datalist element — HTML5 ブラウザの対応状況Internet ExplorerIE 10から対応。datalist object (Internet Explorer)Mozilla FirefoxFirefox 4から対応。datalist - MDNGoogle ChromeChrome 20から。Changeset 114545 – WebKitこのへんかなあ。 「datalist landed in Chrome Canary - HTML5Rocks Updates」に、Canaryで使えるようになったときの告知もある。Safariまだ。たぶん次のSafari 5.2ですかね。Opera一番古いの
去年の10月に「iOS5のMobile Safariから使えるようになったHTML5・CSSを試してみました【前編】」というタイトルのエントリーで、Web Symbols TypefaceというWebFontを使って、タイプフェイスでアイコンを表示する方法について紹介しました。それ以来、似たようなFontが作成され公開されていますが、つい最近知ったsymbolsetというサイトで紹介しているsymbol fontには感心しました。 それまでのSymbol Icon Webfontには、それを使用する際の表現としてあまり適切でない部分がありました。アルファベットの「t」などに直接アイコンを割り当てていたため、code上では意味を成さない(コンピュータに理解できない)文字が並ぶことになってしまいました。そのため私が使用するときは、HTMLでは意味のあるの文字列(Twitterなど)を記し、CS
スマホ関連のリモートホストを調査する事があったのでシェアです。 Wifiからのアクセスもかなりを占めるので、ホスト名でスマホかどうかを判別するという用途には使えませんが、3Gであるか、そうでないかを調べて、回線が遅い場合には軽量になるようページを出し分けるといった用途に使えます。 iPhone softbankの場合 *.panda-world.ne.jp auの場合 *.au-net.ne.jp Android docomoの場合 *.spmode.ne.jp softbankの場合 *.openmobile.ne.jp auの場合 *.au-net.ne.jp e-mobileの場合 *.pool.e-mobile.ne.jp 最近はXiや4Gな端末もありますので、単純に、回線が遅いかどうかという部分は分けられませんが、スピードが速いほどアクセスは増える傾向にあるので出し分けてもよいか
大好きなアーティストやお気に入りのニュースサイトなど、「いいね!」したFacebookページの情報を絶対見逃したくない方にオススメなのが「Fan Page Mobilizer」というFacebookアプリです。Facebookページをあっという間にアプリに変換してくれるので、iPhoneのホーム画面に置いておけばいつでもすぐにお気に入りのFacebookページにアクセスできます。 まずは、Facebookにログインした状態でFan Page Mobilizerにアクセスし、「Like」ボタンをクリックしましょう。「いいね!」すると、無料で使えるようになります。その後アプリの認証を進めたら、アプリにしたいFacebookページを選択する画面になります。
今までスマホサイトを制作したことが無いので、サイト設計から基礎知識、デザインの知識など一から全て勉強していきますので、その点についてまとめて行きます。 用語整理 まず初めてに新しい用語などについて整理していきます。用語については自信ある方はこの項目は飛ばして下さい。 「スマホ」と「スマフォ」どっちが一般的なのか 今まで「スマホ」だと思っていたのですが、最近「スマフォ」と呼称する人を見かけるようになりました。確かに「スマートフォン」を略すなら「スマフォ」の方が正しそうな気がしますが、Google で調べた所検索ボリュームの数が「スマホ」の方が圧倒的に多いので、私は略す場合は「スマホ」で通していくことにします。 フィーチャーフォン (ガラパゴスケータイ) 日本独自の進化を遂げた携帯をガラパゴス携帯、略してガラケーと呼びます。個人的にはガラケーという言葉を使っていたのですが、ガラケーではなく「フ
Google Analyticsに最近実装されたソーシャル解析では、ソーシャルブックマークへ追加されたり、トラックバック通知を受けた際に、Google Analytics上で追加されたり通知を受けたデータを、ページごとに確認することができます。 そのデータをさらに深掘りすると、どのようなページからリンクされたのかもわかるようになっています。 そこで今回は、自サイトのコンテンツへリンクしているページを調べる方法をご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! Google Analyticsで自サイトへの被リンクURLを調べる方法 ここではGoogle Analyticsで、自サイトの特定ページへリンクしているサイトを調べる(開く)手順をご紹介します。なお、このデータで得られる被リン
ホバー時:回転完了 実装 HTML パネルは、通常時の一枚画像、ホバー時のインフォメーションをdiv要素で内包します。 <div class="wrapper"> <div class="item"> <img src="images/contact.png"> <span class="information"> <strong>Contact Form</strong> The easiest way to add a contact form to your shop. </span> </div> </div> 実装のイメージは下記のようになります。 通常時は「front side」の画像が表示され、ホバー時に「bottom side」のインフォメーションが表示されます。 CSS まずは、ラッパーのスタイルです。 perspectiveを使用して3Dの奥行きを与え、transfor
Android端末のブラウザ仕様やバッドノウハウをまとめたスライド資料「スマートフォンブラウザ不具合特集」 Tweet 2012/5/7 月曜日 matsui Posted in Android, 記事紹介・リンク | No Comments » GWを挟んでしまい更新しそこねたので、少し前のものになってしまいますが、Android端末のブラウザ仕様やバッドノウハウをまとめた「スマートフォンブラウザ不具合特集」という良いスライド資料がありましたので、ご紹介させていただきます。 スマートフォンブラウザ不具合特集 View more presentations from Hiroaki Wakamatsu Android(一部iOS)のブラウザの不具合と、その回避方法がまとめられています。 実際にHTMLコーディングを行う現場の方々にとって、これは大変に貴重で役に立つ資料ではないでしょうか。
malaさんはNHN Japanのエンジニアとして多くのウェブサービスの設計に関わるだけでなく、セキュリティやプライバシの観点から見たアーキテクチャについて、ブログでさまざまな情報や問題提起を発信されています。 特に昨年末に公開されたブログ記事「はてな使ったら負けかなと思っている2011」は、インターネットはどこへ行くかという私のもやっとした問題意識にピッタリとハマる素晴らしい文章でした。あの記事を読んで、これはぜひ一度お会いして、インターネットの現状やエンジニアの役割について、お話を聞いてみたい、と思ったのが今回の企画の発端です。未読の方は、まずそちらからどうぞ。 なお、インタビューは三月末に行われました。無職期間中に公開する予定で、ずいぶん時間がかかってしまいました。文中、私の所属する企業の話も出てきますが、例によってここは個人ブログであること、そもそも私が転職する前のインタビューであ
巷ではアップルが新入社員に向けたメッセージが話題を呼んでいる(参照)。普段、私が言っている「週末が待ち遠しいような仕事を選ぶな。喜んで週末働きたくなるような仕事を選べ」と同じ意味だ。 せっかくこの世に生まれて来たのだから、思いっきり人生は楽しむべき。そのためにも、夢中になれる職、人生を賭けることのできる仕事を選ぶことが何よりも大切。好きだから、誰よりも頑張れるから、他人よりも良い仕事ができる。成功できる。充実した人生が楽しめる。 仕事には、ただの「仕事」と「人生を賭けるべき仕事」の二種類があります。 あなたの足跡がそこら中に付いた仕事。徹底的にこだわりたくなるような仕事。喜んで週末働きたくなるような仕事。 アップルでならそんな仕事ができます。 安定を求めてアップルに来る人はいません。危険を承知でプールの一番深いところで泳ぐために来るのです。 彼らは自分たちの仕事が「何か」を生み出すことを望
まずFBログにアクセスして、Facebookアカウントでログインしましょう。しばらくすると、ログの取得が完了します。 このように過去のFacebookの投稿を閲覧することができます。サイドバーにカレンダーがあるので、日にちが遡りやすいですね。検索機能もあるので、過去の投稿を探すのも簡単にできます。 Facebookへの投稿をグラフ化して閲覧することもできます。何月に投稿が多いかなどがひと目でわかりますね。 Facebookを普段利用している方は一度使ってみる価値はありますね! ぜひお試しあれ。 FBログ (カメきち)
コンテンツは現場にあふれている。会議室で話し合うより職人を呼べ。営業マンと話をさせろ。Web 2.0だ、CGMだ、Ajaxだと騒いでいるのは「インターネット業界」だけ。中小企業の「商売用」ホームページにはそれ以前にもっともっと大切なものがある。企業ホームページの最初の一歩がわからずにボタンを掛け違えているWeb担当者に心得を授ける実践現場主義コラム。 宮脇 睦(有限会社アズモード) ゴールデンウィーク明けに「転職」を考える人が多くなると聞きます。まとまった休みにいろいろ考える時間ができるからだといわれていますが、それに加えてゴールデンウィーク以降、7月の海の日までの2か月以上、祝日がないことが勤労意欲を減退させるのではないかと見ています。ゴールデンウィーク明けからの2か月半(今年は10週間)は、1年間で最も永い「無祝日」なのです。 会社員なら一度ならず「転職」を考えたことがあるでしょう。人
PhotoShopでWebデザイン PhotoShopVIP PhotoShopだけでなく、他のソフト共通で使える素材やネタも多い。 これからPhotoshopでWebデザインをしたい初心者さんのためのツールパネルとかいろいろ PhotoshopをつかってWebデザインする視点で使う機能解説なので、知ってることも多いけど、ここはまず抑えておいたほうがいい! Webデザインの1pxを作るためのPhotoshopのレイヤースタイルいろいろ この辺りの設定数値は覚えておこう!他のソフトでも応用できます。 PhotoshopでWebサイトのモックアップをつくるチュートリアル 海外のチュートリアルの日本語訳での解説、グリッドシステムの勉強にもなる。 日本語で読めるPhotoshopチュートリアル集 まとめ まずは、日本語でのチュートリアル!どんな使い方をしているのかを知るのが大事! photos
ウェブサイトのパフォーマンスを測定できるサービス「WebPageTest」を紹介します。 「WebPageTest」はもともとAOLによって開発されたプログラムで、2008年にBSDライセンスの下でオープンソース化されました。現在はGoogle codeとして管理されています。 今回紹介するオンライン版はWebPagetest LLCによって運営されているもので、かなり高機能です。 WebPageTest 当ブログでは最近、このサービスを使ってチェックし、あまりにパフォーマンスが悪かったため、一部最適化を実施し、何秒か改善させました。まだかなり遅いですが。 1.測定 測定したいURLを入力。地域やブラウザの選択を行うこともできます。 「START TEST」をクリック。 測定待ちになります。空いていればすぐに開始します。 測定実施中です。 結果が表示されました。すべての測定が終わるまで30
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
easel.lyはドラッグ&ドロップスタイルで自由なインフォグラフィックが作成できる簡単かつ自由度の高いオンラインツール。 あらかじめ用意されているいくつかのテンプレートをカスタマイズしながら作っていけるのはもちろん、白紙の状態から全くのオリジナルとして創り上げていくことも可能なツールになっているのが特徴です。 先ずは手始めということで、用意されているテーマを使っていろいろと弄ってみましょう。 適当なテーマを下のキャンバスにドラッグ&ドロップすると読み込まれます。 それぞれのオブジェクトをクリックすると矩形が現れリサイズや変形或いは上部メニューから様々な編集が行えます。 文字情報などはダブルクリックすると入力ボックスが出るのでそこから入力できます。(日本語は不可) 『Objects』や『Shapes』には多くのオブジェクトが用意されているので、ここから好きなものを選んでキャンバスに配置して
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. キャッチコピーは、コピーライティングの中でも群を抜いて重要だ。 キャッチコピーで、一瞬でターゲットの注意を惹き付けることができなければ、ボディコピーにどれだけ素晴らしいことを書いていても、完全にムダに終わる。 そこで、今回は、全く売れないキャッチコピーの共通点とその解決策をご紹介する。あなたがキャッチコピーで失敗してしまうことを防ぐために役立てて欲しい。 それでは、早速解説していく。 また、私たちバズ部は12年で400社以上のメディア支援を行い、 立ち上げから10ヶ月で14.6億円の売上を産んだ不動産メディア8ヶ月で月間140万PVを実現したアプリメディアなど大きな成果を挙げ続けている。 各サイトの成功要因をインタビューしているので、 あ
先週くらいのお話ですが、“カナダで留学した後自分たちでスモールビジネスをやるからサイトが欲しい、でもお金無いから自分たちで作りたい。”的な相談があって、「そんな、サイト作るだけのサービスなんぞ、腐る程あるわぁああ!!」と、半分ヤケくそになってお話したので丁度いい機会だからまとめてみようと思います。 まぁ、今日はどちらかというと、完全に非WEB屋な人に向けたサイト自体を作るサービス、問い合わせなどのフォームを作るサービス、ユーザーテストを低コストで行うためのサービス、そういう物をご紹介していこうと思います。 たぶん、趣味やとりあえずサイト作りたいと思っている人には朗報として、とりあえずサイト作れる人がWEBデザイナーだと思っている人へは啓発(的な?)として、記事を書かせて頂けると幸いです! 加えてたまに、「サイトが作れるようになりたい。」と僕の元に来てくれる人がいますが、もしそういった人が「
このリサーチ機能は文書内の単語を検索すると同一ウィンドウ内に表示してくれる機能。WordとGoogle検索が一緒に使えるような感じです。検索結果のリンクを貼り付けたり、ドラッグ&ドロップで画像や動画を挿入できたり、直感的に作業ができるようになっています。 いまいちイメージできない、という方は京都のWeb制作会社「マイプレス」さんがわかりやすい動画をアップしてくれていましたのでご覧ください。 もうこれでわざわざ「Alt+Tab」キーでウィンドウを切り替えながら作業する必要はありません(もっとも「Alt + Tab」や「Alt + Esc」のショートカットも便利ですが)。使い方も簡単で、調べたい単語を選択して上部メニューの「ツール」から、または右クリックメニューから「リサーチ」(Ctrl+Alt+RでもOK)を選ぶだけ。 詳細については、Googleの公式ヘルプをご参照ください。 このリサーチ
グリッドに沿ってタイル状に配置した画像やテキストなどのエレメントをランダムな順番でふわりと表示するjQueryのプラグインを紹介します。 champagne.jsを実際に使用しているサイト「Perkstreet」 [ad#ad-2] champagne.jsの使い方 champagne.jsは、3ステップで簡単に実装できます。 画像やテキストをタイル状にCSSで実装。 jQueryと当スクリプトをインクルード。 親エレメントをjQueryのセレクタで指定し、スクリプトを実行。 下記に、デモページを例に実装方法を紹介します。 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery
要するにSNSの本質である、 「ユーザー活動のコンテンツ化」を忘れると、力を失う。 ということ。 mixiはあくまでも元々は純粋なSNSをやりたかったんだと思う。 純粋なSNSをやりたいならユーザー活動にフォーカスしなければダメだ。 mixiはたしか2006年ごろニュース機能を導入した。 Facebookはその何倍の規模になってもユーザー活動にフォーカスしている。 あのブレない姿勢はえらい。 2006年に書いた記事。 mixiの変化 mixiがSNSの中で一番成功した理由は 「ユーザーの些細な動きも増幅して、それを別のユーザーへのコンテンツとして提供する」 事に徹底的に注目した所にあると思います。 「独特の9面レイアウト」「プロフィール写真」「日記」「コミュニティ」「あしあと」 等が特徴的ですが、「あしあと」なんかは最高の例だと思います。 発言をしないユーザーが他のページにアクセスしたとい
Normalize.cssって何? CSSリセットとは違うの? どうやって使うの? といった疑問を解決するNormalize.cssの制作者自らの解説を紹介します。 About normalize.css [ad#ad-2] 下記は各ポイントを意訳したものです。 Normalize.cssとは Normalize.cssの特徴 ノーマライズ vs リセット Normalize.cssの使い方 終わりに Normalize.cssとは Normalize.cssとは、クロスブラウザにHTMLのエレメントのデフォルトのスタイルを提供する小さなCSSファイルです。HTML5にも対応しており、従来のCSSリセットに代わるものです。 normalize.cssの関連サイト Normalize.cssの本サイト Normalize.cssのソース Normalize.cssのドキュメント Normal
2012年05月16日10:00 個性派Facebookにしよう! みんなと違う背景にする方法【知っ得!虎の巻】 カテゴリ Facebookのタイムラインページはみんな同じ感じでちょっとつまらないなぁなんて思っていないだろうか。プロフィール写真だけでは自分をアピールしきれない!というのなら、背景に「カバー」を追加するといいだろう。 ■知っ得No.309 タイムラインにカバーを追加する 通常、タイムラインを表示すると、プロフィール写真の後ろは水色になっているだけでなんとも味気ない。実はここには「カバー」と呼ばれる写真を貼り付けることができる。 ●写真をカバーに追加する タイムラインを表示し、右上にある[カバーを追加]をクリックする(画面1)。 画面1 タイムラインの[カバーを追加]をクリックする。 最初に[カバーを追加]をクリックした場合は、メッセージが表示されるので内容を確認し、[OK]を
GoogleのPageRankをPHPから得られるPEARパッケージ「Services_PageRank」 2012年05月16日- Services_PageRank GoogleのPageRankをPHPから得られるPEARパッケージ「Services_PageRank」。 特定サイトのPageRankをPHPから簡単に得ることが出来ます。サイトの信頼性を調べたいといった場合に使うことができそうです 使い方は次のように超簡単。読み込んで1行でOK。 <?php require('Services/PageRank.php'); echo new Services_PageRank('example.com'); # returns 7 ?> PageRankというとあんまり最近聞かなかったワードですが、サイトの重要度を計る上においてはそれなりに使える指標であると思われます。 覚えておけ
Facebookアプリの「Page Tab Edit URL:」について調べてみました。 「Page Tab Edit URL:」はFacebookアプリ管理ページの「ページタブ」に表示されている項目のひとつですが、この項目に言及している記事がほぼありません。 ということで、ざっくりですが調べた内容を展開します。認識誤りがありましたらご指摘ください。 1.「Page Tab Edit URL:」の役割 「Page Tab Edit URL:」は、Facebookページにアプリを登録したあと、アプリの編集を行う場合のURLを設定するためのもののようです。 Facebookアプリを開発されている方は、この項目についてよくご存知かと思いますが、アプリというほどのものでもない、いわゆる「IFrameタブページ」を表示するだけであれば、この項目は利用することがないと思われます。 2.アプリの編集リン
TOYOTAの「CREATE THE FUTURE PROJECT」記者発表会会場で, カーナビをニンテンドーDSで操作できる「クルマでDS」を体験してきた http://www.4gamer.net/games/160/G016092/20120515069/ TOYOTAは,2012年5月15日,同社のエスティマハイブリッドとアーティストのDREAMS COME TRUEとの共同企画「CREATE THE FUTURE PROJECT」の記者発表会を,東京都内で開催した。 (略) 会場には,6月1日発売となる「スマートナビ NSZT-W62G」が展示されていた。この製品は,ニンテンドーDS用ソフト「クルマでDS」と連携するという,新しいカーナビゲーションシステムだ。今回は,短い時間ではあるが「クルマでDS」を体験させてもらったので,そのレポートをお伝えしよう。 「クルマでD
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
Pie Menu (like Path Menu) using jquery and CSS3 by Nikesh Hayaran jQueryとCSS3を使ったPath風の円形メニューサンプル クリックするとアイテムが回転して良い感じに配置されるPathですが、それをjQueryとCSS3で実現できるスクリプトがGithubにて公開されています。 ウェブ上でカスタマイズをすることも可能。 スマートフォン等で使うとオッ、という感じでインパクトを与えられそうですね。 関連エントリ ページの目次ナビゲーションを自動で作ってくれるjQueryプラグイン「AutoAnchors」 面白いフローティングナビゲーションを実装できる「jQuery Floater」 今までなかったスマートなページ内ナビゲーションを実装するjQueryプラグイン「Flexible Nav」 ページ内スクロールならコレにおま
「CSSスプライト」とは、複数の画像を1枚の画像ファイルにまとめ、表示の際にCSSでクリップ位置をずらすテクニックです。これにより、通信回数を減らし描画速度を上げることができます。既に定番化したテクニックですが、これまでFireworksをはじめとするデザイン用のソフトウェアには、直接CSSスプライト用の画像&CSSを生成する機能はありませんでした(生成をサポートする拡張機能やWebサービスは存在しました)。 Fireworks CS6には、CSSスプライト用の画像&CSSを生成する機能が追加されました。本記事では、この機能の使い方から、書き出した素材を使ってDreamweaverでマークアップするまでを解説します。 CSSスプライトの作り方を簡単に説明すると次の流れになります。 CSSスプライトでまとめたい画像を作成、もしくは、既にある画像からピックアップする。 Fireworks上で集
先日友達が家に置いて行った「キャサリン」というゲームを、睡眠時間を生贄に2日でクリアした seki です。かなり久々にゲームしましたが、なかなか楽しめました。おススメです。 さてさて。今回は前回に引き続き、みんな大好き(※主に私) Fireworks の講座です。 今回は、「マル得」「合格」「請求書在中」「履歴書在中」「確認済」「支払済」などなど、ビジネス現場などでもよく目にする事が多い、シャチハタ(印鑑)っぽい文字を、 Fireworks で手軽に再現する方法をご紹介します。 例といたしまして。笑えるくらい今更ですが、今年入学した学生さんを祝って! 「合格」印を作りましょう。 まずは普通に楕円形ツールを選択。 今回は解り易い様に大きめに作るので、180×180px の円を描きます。 塗りは「透明」、ストロークの太さは「14」色は「赤」。 種類は「エッジが硬い線(丸)」、位置は「中央」。
Google Chromeはサクサク動作する軽量で高速なブラウザですが、その代償として非常に多くの量のメモリを消費します。メモリをたくさん積んだPCならば問題になりませんが、そうでない人にとっては結構深刻な悩みのタネかもしれません。 実は、Google Chromeには特別なメモリ解放ツールを使ったりブラウザを再起動しなくても、サクッとメモリ使用量を最適化できる”隠し機能”があるので、非力なマシンのメモリ不足に困っている人はぜひこの方法を試してみましょう。 Google Chromeのメモリを解放する簡単な方法 1、デスクトップのGoogle Chromeショートカットを右クリックし「プロパティ」を開きます。 2、「リンク先」の部分の末尾に「 -purge-memory-button」と追加(ハイフン前の半角スペースに注意)し、「OK」をクリックしてウィンドウを閉じます。 3、Google
はじめまして。ウェブサービス本部の鳴海と申します。今回はここ数年注目を集めている「メールマガジン」についてお話します。なぜメルマガかというと、私の担当が「BLOGOSメルマガ」というメルマガサービスだからです。 BLOGOS メルマガ 〜 ブログでは読めない特別な話、あります。 BLOGOSメルマガのご紹介もかねて、WebディレクターをはじめIT業界ではたらく皆さんにおすすめのメルマガを選んでみました。 BLOGOSメルマガとは NHN Japanでは良質な時事分析やオピニオンを含むブログを整理・紹介するサイト「BLOGOS」を運営しております。BLOGOSメルマガはこのBLOGOSブランド冠したメルマガサービスとして約1年前にオープンしました。現在、約20人の有名ブロガーやジャーナリスト、オピニオンリーダーの方々が参加し、“ブログでは読めない、特別な話”を発信していらっしゃいます。 We
PS3やXboxなどのデバイス形式を選択するだけで、デバイスに合う形式へ動画を変換でき、YouTubeや他の動画サイトから動画を好きな形式に変換し保存することが可能で、動画に限らず音楽や画像もいろいろな形式に変換できるのが「Adapter」です。WindowsとMacに対応している「Adapter」のインストールと操作方法は以下から。 ◆動画の変換形式 デバイス別に分けると以下の通りに。 Apple Android Sony Microsoft Nintendo BlackBerry Misc.Cell Phone Audio Only Other ◆音楽の変換形式 音楽については、これらが変換形式になっています。 ◆画像の変換形式 画像は以下の通りです。 Adapter - Free Image and Video Converter for Mac and PC http://www.
スマホサイトでも使えそうなかっこいいドロップダウンメニュー実装jQueryプラグイン「ddSlick」 2012年05月17日- ddSlick - a jQuery plugin for custom drop down with images スマホサイトでも使えそうなかっこいいドロップダウンメニュー実装jQueryプラグイン「ddSlick」。 タップすればリストが開いてアイテムをクリックすると選択できるというウィジェットを簡単に実装できるプラグインです。 デモではソーシャルサイトの選択という感じになっていますが、色々応用ができそうです。 スマホのメニューとして使ってもよさそう。アイテムの内容には画像、タイトル、デスクリプションが含まれますが、これら値はJSONで渡せます もちろんPCサイトでも使えますね 関連エントリ スマホのホーム画面っぽいものを作れるjQueryプラグイン「Pr
twitter facebook hatena google pocket ページをめくるような表現付けたくなる時ありますよね。 そんな時はturn.js - The page flip effect for HTML5を利用すると簡単に実現できます。 スマホ、タブレット対応していますが、HTML5なので一部のIEには非対応です。 sponsors 使用方法 turn.jsからファイル一式をダウンロード。 <script type="text/javascript" src="jquery-1.7.2.min.js"></script> <script type="text/javascript" src="turn.min.js"></script> <script> $(function(){ $('#magazine').turn(); }); </script> 上記のようにJav
【ゆっくり実況】パトカーを進化させていくバカゲー!?最高級の車にする!!パトカーの進化がすごすぎるゲームをやりこんだらヤバすぎた…!!【 Super Car 3D 】【たくっち】
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
グラフを描画してくれるjQueryプラグインは、多分”jQuery Visualize”がベスト! 2011 10/11 グラフを描画してくれるjQueryプラグインを紹介します。 グラフを動的に作ってくれるものとしては、他のjQueryプラグインやGoogle Chartというサービスなどがあります。 が、今回の”jQuery Visualize”は、中でも一番使いやすそうでしたので、ご紹介します。 他のプラグインについては、【jQuery】IEでも使えるグラフ描画ツール | 岡山のWebプログラマーがつぶやくブログ | 神歌.blogでまとめて紹介されています。 作れるグラフの種類 グラフは以下のものを使うことができます。 棒グラフ 線グラフ 線グラフで線の下を薄く塗れるやつ 円グラフ デザインは二種類 冒頭写真の黒っぽいCoolなのと別に、白っぽいのも用意されています。 また、背景画
昨日話題になってたFlipboardの日本語化。 ASCII.jp:Flipboardの日本語版公開! CEOが語る誕生秘話 Flipboard: あなたのソーシャルニュースマガジン カテゴリ: ニュース 無料 パラパラめくりが楽しい ソーシャルニュースマガジン もちろん、早速アップデートして、さあ日本語化を楽しもう! と思ったけど、コンテンツを入れ替えたり追加するのが面倒くさい・・・ てことで、日本語化したコンテンツを一気に入れ替える方法のメモ。 その方法が以下。 Flipboardを再インストールする 再インストールしたら、現在のコンテンツは全て消えます。当然のことですが、ご注意ください。 再インストールした後の初回起動時に、アップデート時には出現しない(と思われる)「Flipboard作成」メニューが出てきます。 せっかくなので、全部選択してみることに。 ちょっと待ったら、こんな感じ
楽天グループの通信事業会社フュージョン・コミュニケーションズは5月15日(火)、スマートフォンからIP電話をかけられるサービス「FUSION IP-Phone SMART」のベータ版をリリースしました。通話料は30秒につき8.4円で、サービス利用者同士は無料。初期設定費や月額基本料も無料です。専用のアプリは提供されず、通話制御プロトコル「SIP」に対応したアプリから自由に利用できます。 ▽ スマホの通話料をトコトン安くする | SMARTalk ▽ 月額基本料無料で、スマートフォン上でのIP電話の利用を可能とする「FUSION IP-Phone SMART」β版サービスを提供開始|楽天コミュニケーションズ株式会社 FUSION IP-Phone SMARTは、同社のIP電話サービス「FUSION IP-Phone」を任意の通話アプリで利用できるスマートフォン向けサービスです。携帯電話に割り
こんにちは! 最近、PCの見過ぎが原因か目がショボショボの鈴木です。 流行のPC用メガネが気になってます。 さて、今日はFirewoorksでかっこよさげなイケテルボタンを作ってみたいと思います。海外のサイトとかでよく見ますよね! こちらが完成イメージ。 1)背景 では早速背景を作っていきます。 こんな感じで長方形を書きます 微妙にグラデーションをかけるのがポイント! 2)背景にノイズを追加 フィルター > ノイズ > ノイズを追加 今回はこんな感じで適用しました。 これを背景の上に配置して、乗算をかけると 見た目だとわかりにくいですが、こんな感じになります。 3)検索ボックスの背景 真ん中に角丸長方形を書きます こんな感じで背景より少し濃いめのグラデーションと、少し薄めの線です。 4)立体効果の追加 非常にわかりにくいですが、ベベルとエンボスと光彩(外側)をかけて深みをだします。 詳細は
もし私が「どうやったら企業はWebマーケティングを成功させることができるのか?」と問われれば、数多くのクライアントのコンサルティング経験を元に、まずはじめにウェブ担当者とチームの大切さを語ることになる。 どんなにサイトを素晴らしいものにリニューアルしても、Facebookページを作っても、Twitterにアカウントをとっても、それがウェブ担当者とチームによって適切に運営されなければ、はっきり言って成功するわけがない。 そこで今日は、ウェブ担当者は普段どのような点を心がけておくべきなのか、ウェブ担当者に不可欠な資質としてお話ししたい。もちろん、この場合の資質というものは育てることができるし、一人で満たすものではなくチームでカバーしてもいいということを付け加えておこう。 できるウェブ担当者は、PDCAサイクルを回せる。まず第一にできるウェブ担当者はPDCAサイクルをまわすことができるという点を
ソーシャル対策とSEO対策をしっかりと施すことで、アクセス数は確実に上がる。そうした観点から、以下の5つのプラグインは必須だと言える。 1.WP Social Bookmarking Lightブログに、「いいね」や「ツイート」などのソーシャルボタンを表示させるプラグインは多数あり、デザインや機能はどれも一長一短だ。その中で、総合的に考えて一番良いものが、このWP Social Bookmarking Lightだ。 これを導入すると、下図のように各種ソーシャルシェアボタンを、ブログ記事やページ上に表示させることができる。 WP Social Bookmarking Lightが良い理由は、日本人が開発したプラグインであるため、日本のインターネット事情にうまくマッチしているからだ。外国人の開発したプラグインでは、「はてなブックマーク」などの日本のサービスに対応していない。 従って、現状では
[JS]異なる高さのdiv要素を揃えるだけでなく、均等割付やグリッドに揃えることもできるスクリプト -jQuery.grrrid.js
管理者のTwitterです。更新情報もお伝えしてます facebookページです。是非いいね!を RSSの登録はここからどうぞ ご連絡の際はこちらか"Contact"へどうぞ Fireworksでテキストや図形の大きさを変える場合、プロパティから数値を入力する以外に、「拡大・縮小ツール」等でキャンバス上でドラッグし、大きさを変更する事もできます。その際、テキストを他オブジェクトと一緒に選択していたり、変形後の図形に角丸を付けようとすると表示がおかしくなる場合があるので注意が必要です。 ※Twitterにて、テキストの現象の対処法についてご質問を受けました。ついでに角丸部分の直し方も合わせ、情報共有のため記事にしておきます! まずはテキストの文字サイズがおかしくなる場合の、実証と対処法です。 テキストを選択し「拡大・縮小ツール」で縮小する この場合、何も問題なくテキストを小さくできますよね。
先日日本のWEBデザインが2003年で止まっていると話題にという記事で楽天のサイトなどのことが取り上げられていましたが、これを読んで思い出したポッドキャストインタビューがあったので一部抜粋してみます。 このインタビューはスタートアップ向けレクチャーイベント ZURBsoapbox シリーズのひとつ。昨年11月に、「サンフランシスコでの投資とギークな日々の20年間」といったタイトルで 500 Startups 代表のエンジェル投資家デイブ・マクルーア氏が語ったものです。 「チームのメンバーに求める特徴は?」という客席からの質問のデザイナーの部分について、彼はこのように答えていました。 一緒に働くのが辛いデザイナーもいた。自分はなんでも知ってる、みたいなデザイナーと働くのにはほんとに苦労した。デザイナーと口論したいわけじゃないんだ。俺が見たいのは数字とお客さんの利用例。そして何がうまくいってい
How to Share Adsense Revenue With Your Authors | Wptuts WordPressをAdSenseのレベニューシェアで運用するためのチュートリアル。 それ用のWordPressプラグインはないのですが、ソースを直接書き換えてレベニューシェア可能なWordPressにカスタマイズするチュートリアルです。 記事の作者とWEBマスターとの間でAdSenseのpublisher id をシャッフルさせてレベニューシェアをするというモノを作れるようです。 ロジックを書き換えれば、記事を書いた人にはすべてのpublisher id を割り当てることも容易なので、そういう仕組にしてもよさそう。 複数人数でブログを書きつつAdSenseのレベニューシェアモデルでWinWinにするという仕組みをWordPressで容易に実現できるのは魅力 確か、1つのサイトに
Presenteer.jsは、効果的なプレゼンをするためのjQueryプラグインです。 とてもクール。 Presenteer.js is a jQuery plugin that enables an effective presentation. So cool.
MT4でFX自動売買のEAを検証するブログ|エアログ「FX自動売買で安定的して勝つことは可能か」を検証すべく、現金30万円を投資したリアル口座でMT4のEAを徹底比較 photo credit: roger4336 ちょっと前に下記のような記事が話題になっていたので、 若い頃にせどりを経験した僕なりの意見を書いてみようと思います。 1日30分で月30万円稼げるAmazon輸入せどりのやり方 ここに書いてある手法は 商品が届く ↓ マーケットプレイスに出品する ↓ と同時にAmazon倉庫へ発送する(Amazonで保管) ↓ 売れれば、Amazonが梱包して発送してくれる。 ↓ メールで売れたよっと報告してくれる。 とされています。これだけ見ると、とても簡単で確かに片手間で月に30万円ぐらい稼げそうな気がしますが、実際やってみるといくつかの事実に気がつきます。 販売価格が下落するリスクがある
IcoMoon : 好きなアイコンをピックアップしてWebフォントにできるサービス IcoMoon App IcoMoonは以前のエントリーでも紹介したようなアイコンフォントを配布しているサイト。 そしてこのサイトが立ち上げたサービス・IcoMoon Appは自社製のアイコンを始めIconic、Entypo、という3種類のフォントセットの中から好きなフォントをパッケージングしてオリジナルのアイコンフォントを組み立てられるサービスです。 アイコン一覧の中から気に入ったアイコンを選択したら下の『F』ボタンをクリック。 (隣の画像ボタンからそのままSVG画像としてダウンロードすることも可能) するとアイコンに文字コードが割り当てられるのでダウンロードボタンをクリックするとWebフォントとして一式(TTF, SVG,EOT, WOTF, CSS, HTML)がZIPでパッケージングされてダウンロー
新社会人の方は、そろそろ新人研修や試用期間が終わる時期だと思います。身のまわりが落ち着き、今度は新しい人間関係づくりに奮闘しているのではないでしょうか。新入社員に限らず、職場の人間関係でつまづいてしまう人は多いものです。 特に厄介なのは「クセのある人」ですが、前もってその人のクセの「原因」と「対策」を知っていれば、心の準備もしやすいでしょう。 様々な癒し情報を提供する「マイスピ」では、現在急増しているといわれているクセを「3つの症候群」と名付けて紹介していました。 Photo by Thinkstock/Getty Images. 説明症候群:周囲が興味を持っていなくても、持っている知識を披露したがる。 思考停止症候群:すぐに考えるのをやめてしまう。そうなるような言葉を吐く。 分けたがり症候群:人や物事を単純にふたつに分類し、わかったつもりになる。 身に覚えのある方は、それぞれの原因と対策
新生活が始まって早4ヶ月、慌ただしい毎日を過ごしていたが、ようやく落ち着いてきた今日このごろ。ふとデスク回りに目をやると、営業先で交換した名刺、展示会でもらったパンフレット、日々の業務でやりとりされた書類などが、今にも崩れそうに積み上がっている・・・。この書類の山をすべて整理できたら、仕事もサクサク進みそうだが、捨ててしまうわけにもいかない。かといって、書類を目に付かない場所に片付けてしまえばいいかというとそうではない。書類は、素早く活用できるように整理してこそ意味がある。 書類の整理というと大ごとで、大変そうに思える。しかし、毎日の行動をほんの少し変えるだけで、整理は習慣化できる。これには、ドキュメントスキャナーの「ScanSnap」が役に立つだろう。書類はScanSnapでスキャンしてデータ化してしまえば、まず机回りはすっきりと片付く。その上、データはデジタル化されているので、必要な書
CSS3Ps PhotoshopでデザインしたシェイプをCSS3に変換するプラグイン「CSS3Ps」 CSS3でちょっと凝ったオブジェクトを作りたい場合に、Photoshopがそのまま使えてCSS3にコンバートしてくれます。 CSS3で描画した驚きのグラフィックス、というのも、こうしたツールを活用すると驚きのCSS3グラフィックスでもなんでもなくなるのかも。 シェイプをデザインします グラデーションなんかもつけつつ プラグインのボタンをクリックで出力。そのまんま。 画像じゃないから軽いという点もポイントですね 関連エントリ CSS3でシャレオツなリストを作るチュートリアル アニメーションするバナーをCSS3で作るチュートリアル CSS3で出来たクールなLightBox実装チュートリアル CSS3で描かれたシェイプのサンプル集
3つ目の「重要ではないけれど、重要なものから気をそらすもの」についてよく考える必要があります。例えば、アスリート気分にさせてくれる高価なスニーカーや、いい気分にさせてくれるネックレスなどを考えてみましょう。これらは取るに足らないものであって、本当に重要なものから気を逸らせてしまいます。つまり重要であるかどうかの判断基準は、所有している「もの」には依らないということです。 またBerkunさんは、「物事」を以下のように明確に分けているとも言っています。 1つ目と2つ目をはっきり分けられない限り、自分の人生を大きく左右する決断をするための判断基準を明確にできません。いわゆる「型にはまった決断」で失敗しやすい人は、なんらかの外部要因に影響されているのです。なぜ他人の判断基準を真似するのですか? 何かを判断するなら、自分の声を聞きましょう。「物事」を分類することで、自分が人生で本当に必要としている
Unitag QR Generator- Create fancy QR Codes for free - Check out Premium access - Unitag - Connect to the world ロゴ入りのクールなQRコードが作れる「Unitag」。 WEBブラウザ上でサイトのロゴが入ったQRコードなどを簡単に作れるツールです サンプル例。なんかかっこいい。 ロゴ入り。こんなのでも読めるんですね ちょっとデザインされた感じのもの デザイナーの方はこういうところもデザインしたいということで、1つのツールとして試してみてもよさそう 関連エントリ Google Chart APIを使ったQRコードを超簡単に描画してくれるjQueryプラグイン「MyQRCode」
最近流行り(?)の「見積額」じゃないです。見積書自体の書き方。 ディレクターやってるとこういうのが気になってしょうがないのです・・・ sample.pdf 最下部にデータ置いておくんで、好きに使ってください。リンクも名前....MOREわかりやすい見積書の書き方 is a post from: Maka-veli.com
CSSの勉強中に色々困ることが起きて検索するのですが、だいたい同じところに行き着くので自分用のリンク集も兼ねてまとめておきます。 仕様を確認するとりあえずW3Cを見に行った方が早い。 そもそもプロパティや値について分かっていない場合はここで解決することが多い。 CSS current work & how to participate現在の状況と仕様書の目次。CSS3の日本語訳集 - 血統の森 web実験小屋日本語訳へのリンク集。W3Cの目次から探すのが面倒なときはGoogleで「w3.org プロパティ名」で探すと早い。「devs.w3.org」と「www.w3.org」を分けて検索するのもいいと思う。 ブラウザの対応と実装対応しているかどうかだけの場合は以下の2つのサイトで事足りる場合も多い。 When can I use… Support tables for HTML5, CSS3
最近パララックス(視差効果)を取り入れたサイトが増えてきました。 仕組みや簡単なものを作れるようにしておきたかったのでいろいろ試してみました。 ちなみにもっと効率良く作れる方法とかもあるかもしれませんので、一例ということで御覧ください。プラグインはまだ試したことがないので そちらを使ったほうが楽かもしれません。 パララックス効果のjQueryプラグインまとめ あと動作はこの記事時点でのFirefoxの最新版でしか確認はしていません。 スクロール量を取得する まずはスクロールすると動くので、スクロール量を取得します。ちなみにjQueryを使ってます。 $(function(){ $(window).scroll(function(){ var y = $(this).scrollTop(); $("#num").text("スクロール量:" + y);//表示用 }); }); サンプルペー
ブラシもぼけ以外に多数 PsDefaultsは有料の素材セットですが、無料のミニキットもダウンロードできます。 無料版の中身は下記の通りです。 Photoshop用のスタイル ボタンなど Photoshop用のシェイプ アイコン、アローなど Photoshop用のパターン モザイク、タータン柄、木、ノイズなど Photoshop用のアクション ヴィンテージ、セピア、レトロ、ロモ、モノクロなど Photoshop用のブラシ ぼけ、グランジ、スワールなど Photoshop用のグラデーション 鮮やかなカラーやパルテルなど 素材の利用にあたっては個人でも商用でも無料で、ウェブサイト・アプリケーション・紙などに使用できる、とのことです。詳しくはダウンロードファイルの「License.txt」をご覧ください。 無料版のダウンロードはトップページの「Get Updates」にメールアドレスを登録し、そ
2013年初頭にリリースを予定しているjQuery 2.0では、Internet Explorer 6/7/8のサポートをしないという方針が、jQueryのブログ「jQuery Blog » jQuery Core: Version 1.9 and Beyond」で明らかにされました。 jQueryは現在1.7が最新バージョンで、先週1.8β1が公開されたばかり。ブログによると、この先のロードマップは次のように説明されています。 jQuery 1.9 (early 2013) 1.8で使用されなくなったインターフェイスの多くを削除。そのうちのいくつかはプラグインか代替APIでサポートされる。 jQuery 1.9.x (ongoing in 2013 and beyond) 継続してバグフィクスを行う。 jQuery 2.0 (early 2013, not long after 1.9)
SellBoxを使えば、Dropboxにあるファイルに値段をつけて売ることができるようだ。 仕組みは簡単で、まずはDropboxで認証を行い、売りたいファイルを選択し、値段をつければ販売用のURLがもらえる、というものだ。あとはそのURLをサイトやSNSなんかで広めればいい。 なお、もろもろの手数料は9%で、販売価格の91%はあなたの利益となる。 まぁ、よくあるデジタルコンテンツ販売の仕組みであるが、Dropboxと連動しているのが新しい。なにかと管理も楽になるだろう。 まだリリース前であるが、興味のある人は招待状をリクエストしておくといいのかもしれない。
ICSにするとメモリ不足になる恐れが...。ドコモがXperia acroやarcのアップデートを見送りに2012.07.02 13:30 その他にもXperia rayやPLAYも...。 ドコモが新たにAndroid 4.0(Ice Cream Sandwich)にアップデートできる端末を発表しました。新しく発表された端末は以下のもの。 【docomo with series】 ・Disney Mobile on docomo F-08D ・Disney Mobile on docomo P-05D 【docomo NEXT series】 ・GALAXY Note SC-05D 【バージョンアップ開始時期】 ・2012年8月以降順次(予定) そうなんです、Xperiaファミリーのacro、arc、ray、PLAYの名前が入っていないんです。ずっとアップデートを検討中となっていましたが
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする >> 世界的なスマホの急速な普及とそれに伴う様々なアプリの登場と共に、モバイルデバイス向けのUIデザインも様々な試行錯誤と進化を続けているようです。今回は、デザインにはこだわりのある人気ITメディアThe Next Webのスタッフが選んだ次世代のモバイルアプリを担う15のUIデザインを紹介します。 — SEO Japan コードを学ぶのと同じように、デザイナーとして上達する一番の方法は、習うより慣れることだ。それでもやはり、優れた作品を称賛して模倣すること(という名の練習)が驚くべき効果を発揮しないというわけではない。何よりも、他のデザイナーが過去にしたことを見ることは、相当な時間の節約になる。なぜ
Let’s see what we got: WordPress as this flexible, easy to use Open-Source blogging and CMS system. More and more mobile devices flooding the market every day and being extremely popular. Plus the need of more beautiful designed and coded WordPress themes for users to choose from that will work well across all these different devices. So what are we waiting for? Let’s get to work! Let’s assess the
Zen-Coding、0.7のすすめ 2012-07-01 / 2013-02-27 HTML/CSSのコーディング速度が3倍上がる、といわれるZen-Coding。 使いこなしてコーディング速度が3倍になっていますか? SassとかLessとか流行ってる中、あえてZen-Codingを紹介します。 (Zen-Codingの現在のバージョンは0.7です。 古いバージョンを使用している方はアップデートをお勧めします。) 追記 Zen-Codingとは Zen-Codingは様々なエディタに対応しており、Webデザイナーでも導入が容易なのが魅力です。 エディタのサポートは、3つの分類に分かれます。 公式サポート Aptana/Zend Studio/Eclipse (Win/Mac/Linux) TextMate (Mac) Coda (Mac) Espresso (Mac) Komodo E
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く