タグ

ブックマーク / ozpa-h4.com (18)

  • [Webデザイン]サイトのスクリーンキャプチャ管理に「Clipular」を使い始めてみたけどいいですねこれ

    カッコイイなぁーと思ったWebサイトのスクリーンショットやURLをまとめるためにEvernoteのクリップを使用していたのですが、ちょっとEvernoteダイエットをしようと思い立ち他のサービスを探していた私。 そんなおりに知った、スクリーンキャプチャ管理ができるChromeエクステンション、Clipularを使い始めてみたのでご紹介。 まずはChromeエクステンションをChromeストアよりダウンロードしましょう。 ツールバーにClipularのアイコンが追加されたらOKです。 エクステンションを使用するためにはまずログインから。 facebookかGoogle+アカウントでログインできます。しましょう。 使い方はいたって簡単。スクリーンショットを保存したいなと思ったサイトを開いたら、ツールバーにあるボタンをクリックしてカメラアイコン(全画面キャプチャ)かハサミのアイコン(範囲を指定

    [Webデザイン]サイトのスクリーンキャプチャ管理に「Clipular」を使い始めてみたけどいいですねこれ
  • Chromeのブックマークがめちゃくちゃ便利になる機能拡張「DEWEY」に惚れた!!

    なんのかんのでメインブラウザをChromeにして久しいのですが、増えすぎて整理が追いつかず悩みの種だったブックマークをめちゃくちゃ使いやすくしてくれる拡張機能DEWEYを導入してみました。タグ付けめっちゃ捗るんですけど!! これはオススメだ! DLはこちら:Dewey. Better bookmarks for Google ChromeChromeのブックマークに「タグ付け」 この拡張機能は@Jacminik さんのツイートで知りました。アザマス!!ハヨザイマス!!! 今までずっと求めていたブックマークをタグで管理/検索出来る機能拡張がついに出た! [Link] Dewey. Better bookmarks for Google Chrome™ : http://t.co/XXtHz3H7Ag — masahiro k. (+Beans) (@Jacminik) 2014, 2

    Chromeのブックマークがめちゃくちゃ便利になる機能拡張「DEWEY」に惚れた!!
    sbtqe
    sbtqe 2014/02/25
  • Web初心者だった私がWEBデザイナーになって1年半で勉強したこと・使用しているツールまとめ

    プロフィールに記しておりますとおり、私は現在デザイン会社にて働いております。 昨年の3月、5年ほどやっていた「DTP・グラフィックのデザイン・レイアウト業務」から「Web担当」に相なり、日々勉強しながら仕事に臨んでおると言う状況です。 そのちょっと前までHTMLは妖精が書いていると思っていた私にとって、あまりに勝手の違う作業内容。最初は途方に暮れておりましたが、Twitter等で知り合うことのできた先輩Webデザイナーさん達のおかげもあり、現在では自分でWordPressのテーマを作成できるまでに成長することができました。頭を叩くと「セマンティック!」と音が鳴るまでになりました。 そんなわけでここいらで一度、自分がDTP→WEB担当になるにあたって勉強したこととか使っているツールとかをデロッとまとめておきたいと思います。 まずは業務をする上で必要不可欠になった言語や、作業効率を上げるために

    Web初心者だった私がWEBデザイナーになって1年半で勉強したこと・使用しているツールまとめ
  • abrAsusさんの新商品「旅行財布」レビュー|かさばらないのに使いやすい!旅行にはこれだ!この財布なんだ!

    はじめて訪れた海外旅行先でのショッピング。慣れない外貨でもスムーズに支払い、受け取りができる財布はないだろうか。そこで誕生したのがabrAsusの「旅行財布」。 財布を開けば、お札も小銭もカードも一目瞭然。 大きな「かぶせ」が周りの人の視界を遮り、財布の中身を覗かせません。セキュリティ効果の高いつくりになっています。 via: 旅行財布 abrAsus〜海外旅行先での安全性も考えた二つ折り革財布〜  アブラサス SUPER CLASSIC もはやおなじみの黒いシックな外箱。 そうだね。不織布だね。もういいね。 色はネイビーをチョイスいたしました。あとはチョコとキャメルがございますことよ:) 外装、内装、ステッチは、国旗に多く見られる三色旗がモチーフとなっており、ネイビーの場合は綺麗な赤色とのコントラストが目に鮮やか…。 ちなみにこのかぶせは財布の中身が対面から見えないような仕組みになってお

    abrAsusさんの新商品「旅行財布」レビュー|かさばらないのに使いやすい!旅行にはこれだ!この財布なんだ!
    sbtqe
    sbtqe 2013/06/21
  • Webフォント「Google web fonts」の使い方・実装手順メモ

    商用・非商用を問わず無料で利用できるWebフォント、「Google web fonts」の実装方法をさっくりメモっておきたいと思います。 Google Web Fonts Google web fontsとは Webページ閲覧時、通常ではパソコンにインストールされているフォントしかブラウザで表示することが出来ませんが、「Webフォント」を使用すると任意のフォントを表示することが出来ます。 Googleの提供するGoogle Web Fontsはアカウント登録の必要も無く、実装が非常に簡単なそれの一つです。商用・非商用ともに無償で利用が可能と言うのもポイント:) ちなみに当サイトでも日付の表示とサイドバー・フッターの見出しにGoogle web fontsの「Coda」を使用しています。 Google web fontsの実装方法 実装の手順は3ステップ。 1.使いたいフォントを選択する 2

    Webフォント「Google web fonts」の使い方・実装手順メモ
  • 「間抜けで気持ちの悪い文章」を書くために知っておかなければいけない6つのテクニック

    ブログや日記、メールなどを作成している際についつい「正しい文章」を書いてしまい、読んでいる人を辟易させたことはありませんか? 日語が乱れがちな現代社会。 没個性を重んじる風潮が強いこの国において、”この人は正しい日語が扱えるきっちりした人だ”と言う印象を与えることは、あなたのイメージを損ねる原因となりかねません。 そこで日は、読んでいて気持ちの悪い「間抜けな文章」を書くために知っておくべき6つのテクニックをご紹介しましょう。 間抜けな文章を書くために では実際に気持ちの悪い文章テクニックと文例を見ていきましょう。 最初に出ている青枠は気持ちの悪い(今回の講座においては正しい)文章、赤枠はきっちりと構成された大変に読み応えのない悪い例です。 1.敬体と常体を入り混ぜましょう。統一性が無くなるからだ。 私は篠崎愛ちゃんが大好きだ。 彼女の豊満な体にばかり目がいきがちですが、注目すべきはそ

    「間抜けで気持ちの悪い文章」を書くために知っておかなければいけない6つのテクニック
    sbtqe
    sbtqe 2013/02/28
    間抜けで気持ち悪い文章でもいいからこんな綺麗な字が書けるようになりたいわ
  • デザイナーの私が色選択に迷った時に使用している配色ツール・カラーチャートなどのまとめ

    New/ old tin palette / jessiecchapman 「色彩検定2級」と言う自慢していいんだかよくわからない資格を持っている私。…が、デザイン会社勤務でありながら、どうも「色使い」と言うものに苦手意識を持っておりまして。 いざデザインに取り掛かろう!となってからメインカラーを決めて、サブのカラーを決めて、よしこれだ、あ、でも待って、こっちの色の方がいいかも、ううん、元に戻そう…あ、やっぱりこのキャミソールにしようかしら…etcetc。 さっぱり作業が進まないこともしばしばなのですが、そんな時に使用しております配色の手助けツールをまとめておきたいと思います:)

    デザイナーの私が色選択に迷った時に使用している配色ツール・カラーチャートなどのまとめ
    sbtqe
    sbtqe 2012/11/27
  • 7つのサンプルでjQueryを学ぼう!「jQueryが全く分からない人のため」の超初級者向け入門講座

    HOME>jQuery>7つのサンプルでjQueryを学ぼう!「jQueryが全く分からない人のため」の超初級者向け入門講座 約半年前まで、興味はあれども全くもって触れたことのなかった「jQuery」。それどころか、「Javascript」を「Javasprict」と何度となく書き間違える癖のあった私。 結局、「スク水すいすいスクリプト」と語呂を合わせることによりようやく正しい綴りをマスターしたわけなんですが、仕事で扱うと言うこともあり多少はjQueryの仕組みが分かってきた今日この頃です。 そんなわけで、今回は「jQueryが全く分からない人のため」の超初級者向け入門講座と銘打ちまして、jQueryの基礎の基礎を学ぶための記事を書いてみました。 とは言っても「jQueryとはなんたるか」などといった難しい理論を記すつもりは一切ございません。(っていうかそんな偉そうなこと言える程修めてない

    7つのサンプルでjQueryを学ぼう!「jQueryが全く分からない人のため」の超初級者向け入門講座
  • 日本語住所を英語表記に変換するWebサービス「JuDress」がちょー便利!!

    英語の通販サイトを利用する際などに手間取るのが、自宅の住所を英語表記で入力しなければいけないという点。 いつもと違う番地や町名の表記の順番に頭を悩ませる方も少なくないはず。 そんな時にすっごく便利なWebサービス、「JuDress」をご紹介。 JuDressは日語住所を英語表記に変換するWebサービスです。 当サービスは英語表記の変換結果を保証するものではありません。 また、Stylish変換は実用性がありませんのでご注意ください。 変換結果が正しいか必ず確認の上、表記の参考としてご利用ください。 via: JuDress | 住所→Address変換 使い方はいたってシンプル。まずはJuDressにアクセスしませう。(ちなみに今回のデモはAppleStore銀座店の住所で行っております。) そして、郵便番号を入力して、「住所検索」ボタンをクリック! すると、都道府県名と町名までが自動入

    日本語住所を英語表記に変換するWebサービス「JuDress」がちょー便利!!
  • 「htmlすら知らなかった私が2週間でWordPressの新テーマを作成するまでにやったこと」と参考にした記事まとめ

    どうも、@OZPA です。 先月、当ブログのテーマをWordPressにて自作した私。 しかしながら、実はそれまでWordPressの知識どころかhtmlすらろくすっぽきちんと理解していない人間だったのです。 今回はそんな私がWordpressのテーマを一から自作するまでにやったことを備忘録がわりに纏め上げておこうかと思います。 ひとりじゃ出来なかった 今回、テーマを作り始めたのが2011年の12月29日、そしてテーマが完成したのが年が開けて1月の12日。 だいたい2週間弱で自作テーマ発表まで漕ぎ着けたわけなんですが、そこにはそうそうたる方々によります手助けがありました。 そんな方々に敬意を払いつつ、テーマ自作までにやったことと手順を備忘録として残しておこうかと。 WordPressのテーマ作成の手順 さて、WordPressのテーマを作成するためには、 0.WordPressをローカルに

    「htmlすら知らなかった私が2週間でWordPressの新テーマを作成するまでにやったこと」と参考にした記事まとめ
  • 死ぬほど簡単にローカルにWordPress環境を構築できる「BitNami」の導入方法!(Mac編)

    どうも。生まれて初めて当たり付き自動販売機で当たりが出た@OZPA です。 さて、かねてより和洋風◎の@isloop くんより 「ブログのデザイン、テンプレートじゃなくて自分で作ったほうがいいよ」 とのアドバイスをうけていたのですが、phpcssどころかhtmlすらろくに理解していなかった私。 プロフィールページを作るのに戸惑ったり、はたまたサーバを移転するのにしこたま苦労したりと当に手のかかるお子様だったわけです。そんな私がWordPressのテーマですって・・・?汚らわしいっ! [blackbirdpie url=http://twitter.com/#!/OZPA/statuses/64271506724757504] ですが今年の4月の終わりに上のようなつぶやきをしていることをふと思い出し、新しいことを覚える良いチャンスだなということで、WordPressのテーマを作るためにB

    死ぬほど簡単にローカルにWordPress環境を構築できる「BitNami」の導入方法!(Mac編)
  • とんでもなく参考になりすぎるEvernote使用例 4 〜@Surf_Fish のノートブック超整理術〜

    今回寄稿の機会をいただきました@Surf_Fish こと「はま」と申します。「はまラボ」というブログを運営しています。ブログの方では、Evernote、TaskChute、ライフハックに関する記事を書いています。 はまラボ ブログ名の通り、リアルでは化学の研究を仕事としていますが、その実態はサラリーマンです。一人のサラリーマンがどのようにEvernoteを使用しているのか、という一例として見ていただくのが良いかと思います。 @Surf_Fishのノートブック 運用の基思想は「GTD」 原典通りのGTDを再現しているわけではないのですが、私がEvernoteを運用する際の基にしているのは「GTD」です。ノートブックは「タスクの状態(可動)」、タグは「属性(不動)」を表すために使用します。 タグは後から見返すときに絶対に見失いたくないものにしか付けませんので、タグの使用数は少ないです。その

    とんでもなく参考になりすぎるEvernote使用例 4 〜@Surf_Fish のノートブック超整理術〜
  • 私が現在最も使っているiPhoneアプリ20選。2011年上半期ホーム画面まとめ!!

    iPhoneの ホーム画面は 持ち主の 全てを表す ウルトラソウル (詠み人知らず) 2011年もまもなく半分が過ぎようとしております。 昨年の大晦日に更新しましたホーム画面晒し記事より6ヵ月。 ちょいと早いですが、2011年度上半期、私のiPhoneホーム画面まとめということで晒し上げておきたいと思います。 前回のまとめ:iPhone歴1年そこそこ、私のホーム画面2010決定版

    私が現在最も使っているiPhoneアプリ20選。2011年上半期ホーム画面まとめ!!
  • とんでもなく参考になりすぎるEvernote使用例 〜@knk_nのYahoo Pipesを使ったノート作成術〜

    全世界のOZPA Fanの皆さま、はじめまして。新参エバーノーターの@knk_n と申します。 普段は大学生のかたわら、Knk_n, aN unsKilled everNoterというブログにてEvernoteiPhoneMacについての記事を書いたりしています。(最近は読書ログやべログにも手を伸ばしてみたり) Knk_n, aN unsKilled everNoter さて、今回記事を書くきっかけとなったのが@OZPA のこの記事。 参考:お気に入りのツイートをEvernoteに全て放り込む方法(と関連するちょいと便利なTips) この記事を読んで、@OZPA にこんなメンションを飛ばしたんです。 [blackbirdpie url=”https://twitter.com/#!/knk_n/status/63911569171554304″] [blackbirdpie url=

    とんでもなく参考になりすぎるEvernote使用例 〜@knk_nのYahoo Pipesを使ったノート作成術〜
  • とんでもなく参考になりすぎるEvernote使用例 2 〜@ika621の全ノートブック〜

    全国のOZPAファンの皆様はじめまして。 この度、寄稿させていただくことになりました、@ika621 と申します。 Punksteadyというブログを書いています。誰かの役に立てればいいなと思って書いています。よかったらのぞいてやってください。RSS登録してくれたら更に喜びます。 さて、Evernoteといったら、@goryugo さん。 昨年12月に@OZPA と時期を同じくして、@goryugo さんのブログに寄稿させていただきました。 参考:参考になりすぎるEvernote活用例2 – @ika621 – | goryugo, addicted to Evernote そして今回、@OZPA のブログにも寄稿させていただき大変光栄に思っています。 内容は@goryugo さんのブログに載せて頂いたの際と同じ、Evernoteのノートブック晒しです。 あまりにも自由度が高すぎるEver

    とんでもなく参考になりすぎるEvernote使用例 2 〜@ika621の全ノートブック〜
  • Evernoteの超具体的使用例 〜ノート総数「4100」私のノートブックを公開します〜

    先日アップしたエントリーでは、私が現在Evernoteと連携させているiPhoneアプリWebサービスをご紹介いたしました。 そこでふと気がついたのが、最近Evernoteのノートブック晒しをやっていないなと言うこと。 参考:参考になりすぎるEvernote活用例4 –@OZPAのノートブック晒し– | goryugo, addicted to Evernote 昨年の12月、@goryugo 氏のブログに寄稿させていただいたのが上の記事。 格的にEvernoteを使い出した昨年5月からの7ヶ月間で、ノート数は2200程度でした。 で、それから4ヶ月。現段階での私のEvernoteノート数は4100ほど。 Evernoteにライフログを叩き込もう!と勢いごんでから、そのノート数は加速度的に増加しております。 この4100という数が多いのか少ないのかは皆様の判断に委ねるとして、現時点での

  • [図解]Evernoteユーザに捧ぐ!現在使用中のiPhoneアプリ+Webサービス17選!!

    HOME>Evernote>[図解]Evernoteユーザに捧ぐ!現在使用中のiPhoneアプリ+Webサービス17選!! 新年度ですね。何かを始めたり、見直したりする格好の機会ですね。 と言うことで日は、Evernoteに情報をインプットするために現在私が使用しているiPhoneアプリWebサービスを挙げ連ねておこうと思います。 (アプリの値段は執筆時のものです。購入時はご確認ください。) 今年の一月にエントリーした記事では、iPhoneアプリのみに絞って現在のEvernote周りを晒しあげたのですが、今回は大変便利なWebサービスも一緒にご紹介したいと思います。 以前と変更していないところもありますが、それらについてもサラッと触れつつ進めていこうかと。 (クリックでPDFが別窓表示されます) 上が、2011年4月現在の私のEvernote連携事情。NANAの人物相関図よりは簡単だね

    [図解]Evernoteユーザに捧ぐ!現在使用中のiPhoneアプリ+Webサービス17選!!
  • Evernoteを使うなら絶対に知っておくべき神ブックマークレットの使い方

    いらぬ親切余計なお世話。 あまり好きな言葉ではございませんが、Evernoteを使っている時にそれをふと感じる事があります。 EvernoteでWebクリップをする際、ChromeエクステンションやFirefoxアドオンを用いている人が大半でしょう。 ただ、単にクリッパーをクリックするだけだとサイドバーやらヘッダーなどのいらない情報がクリップされてしまう事があります。 これぞ、The・いらぬ親切。 上は当ブログの過去記事を適当にクリッピングしたものですが、Webクリップにはヘッダーやらなんやら不要ですよね。 ロゴはカッコイイけど。 で、この間@goryugo さんのブログで紹介されていた、とあるブックマークレットが、こんな時に超絶便利だって言うお話なんです。紹介せざるを得ない感じで便利。 その名も、「Print what you like」! 参考:[link]Evernoteのクリップに

    Evernoteを使うなら絶対に知っておくべき神ブックマークレットの使い方
  • 1