mrtsuzuiのブックマーク (428)
-
mrtsuzui 2012/10/02
-
楽天「kobo Touch」で読める！簡単電子ブック(EPUBファイル)の作り方！【縦書き編】
先日、簡単な電子ブック形式のEPUBファイルの作り方の【横書き】をご紹介しましたが、今度は【縦書き】の作成方法をご紹介します。 ●連載記事 楽天「kobo Touch」で読める！簡単電子ブック(EPUBファイル)の作り方！【横書き編】 楽天「kobo Touch」で読める！簡単電子ブック(EPUBファイル)の作り方！【縦書き編】 本記事は連載記事です。前回までの記事は上のリンクをご覧下さい。 概要 EPUBファイルの縦書きは、前回の横書きよりも少しだけ難しく、タグとスタイルシート（CSS）の知識が少しだけ必要です。 また縦書きは作成手順が若干多いため失敗も多くなりがちで、横書きよりも試行錯誤が必要になるかもしれません。同じEPUBファイルでも、PCのEPUB表示ソフトでは表示できても、iPadのiBookでは表示できなかったり、なかなかうまくいかない場合もありますので、トライ＆エラーの精神
-
レビュー！楽天kobo touchが我が家にきた。 | necozine
楽天kobo touch さっそくレビュー！ 電子書籍が盛んな昨今、私も自分の家の本という本をなるべくなら電子書籍にコンパクトにまとめておきたいと思っています。 そんな自炊している人むけに今回記事を書いてみました。なので、少し偏った内容かもしれませんが、ざっと触ってみた色々をご紹介します。 楽天kobo touchってご存じない方は本記事にたどり着かないかもしれませんが、改めて動画を紹介します。 楽天BOOKSの公式サイトから、楽天kobo touchの詳細が色々とわかります。 こちらから購入することができます。 我が家に届いた楽天コボタッチ 悩みに悩んで「ライラック」にしました！ 色、悩みました。相当悩みました。 ブラックなら汚れ目立たないしカッコイイし、黒だけ全面黒。これはこれで良い！のか？黒すぎて味気ないか？ シルバーは無難だし他の色を冒険するよりか確実って感じです。スタンダード、持
-
これはすごい！HTML5とJSで繰り広げるアニメーションポートフォリオサイト | necozine
ポートフォリオサイトめぐりをしていたら、とんでもない怪物のようなペラサイトに出会いました。 Flashを使わないアニメーション・・これはすごい、としか言いようがない。そんなサイトです、少し、ご紹介します。 私はまだまだhtml5勉強中なので詳しい解説はできませんが、今回ご紹介するサイトのソースをチラっと見た限りでは、そんな難しい事をしているようには見えません、section,canvas等、HTML5属性はチラチラ使っているような雰囲気です。 ただ、外出ししているjavascriptがゴリゴリでした。あとは画力でしょう。・・画力うらやましすですよ。。 最初はこの画面から・・下へ降下してゆくアニメーションがオートロードされます。 地面に、シャトルがあります。メニューはありませんが、「Press and hold mouse button for menu」とメッセージが出て、しばらくしたら消
-
-
忙しい人の為の99%コピペでOK！ソーシャルネットワーク共有ボタンを設置する方法～twitter、hatena、facebook、Evernote、Google+～ | necozine
今(2012/2/11)現在、ブログのつけるべきソーシャルブックマークボタンて何だと思いますか？ ソーシャルネットワークは今流行りのオンラインコミュニケーションツールです。 今回は、より自分の記事を多くの人に見てもらう為に必要な、ソーシャルネットワークボタンはいったい何か？と、その設置方法を紹介します。 最低限必要なソーシャルネットワークのボタンをおさえよう私は、以下の5つが最低限、日本では必要なのではないかなと思います。 twitterhatena bookmarkfacebookEvernotegoogle+ブログの種類にもよりますが、このブログのカテゴリなら、twitterとはてブは必須、facebookも今や当たり前となりました。 続いて、EverNoteのクリップボタンも情報収集にこだわりがある方々には必須のものかと思います。 そしておそらくfacebookと同様にGoogle+
-
作業効率向上の為のお勧めキーボードコマンドやショートカットキー＆タイピングのコツ | necozine
今回は、私がよく使うコマンドとタイピングのコツを紹介したいと思います。 個人的な話、近頃キーボードを変えたのですが、今までのものとキー配置が大幅に違うので、もう大変です。 これでいつものように、キーボードのコマンドやショートカットキーを使おうとすると、本当に、もう・・ね・・・という心境に陥りながらも、どうやら今回変えたキーボードは”素敵キーボード”のようなので、いつの日か慣れサクサクっと使用する自分の姿を思い描きながら、下を見ずになるべく打てるよう頑張り中です。 私はデザインをする身ですが、もともとエンジニアだったので、すみませんがWindowsを使用している前提で書かせて頂きます。 （むしろMacは全く使えません、Commandキー？・・だっけ？というレベルです。） 少しでも動作効率を上げて作業スピードを早くしたいものですね。 タイピングの上達にはまずは、ショートカットキー以前にタイピン
-
Illustrator CS4 でグレースケール（モノクロ）の確認をする方法 | necozine
「お客様から頂いたモノクロ写真がモノクロじゃなかった！・・という事を入稿してから気づいた」 「なんとかギリギリ入稿！クライアントの要望通りのデザインができた！翌日・・、印刷チェックにひっかかって再入稿。 大丈夫とは言われたものの、せっかくデザインで喜んでもらったけど最後の最後で・・」そういった失敗、ありませんか？ 又は、そんな事は無くても事前入稿チェック、しっかり抑えたい！ ですね。 お客様とのやり取りの間では直接関係ない箇所かもしれませんが、安心して任せられるデザイナーさんと少しでも思って頂けるよう、今回は入稿前のチェックのひとつ、「グレースケール」についてブログに書きたいと思います。 グレースケールになっているかどうか（分版プレビュー）カラーかグレースケール（モノクロ）か、つまり、純粋な黒色を使っているかとうかを確認します。 一番ひっかかりやすいと思うのは、お客様から頂いたモノクロ写真
-
キーボードで頭がいっぱい・・テンキーレスのお勧めを色々まとめ | necozine
This is the blog of the creators WEB. とあるWEBクリエイターのblog ここ数日キーボードの事で頭がいっぱいです。 ただ、決して私はキーボードマニアなわけではありません。 自分の武装するアイテムをひとつでも自分にフィットしたもの、効率のUPするものを選びたいという気持ちがあるからこそと思います。 キーボードだけではありません、実はマウスもこだわりがあります。また機会があれば記事にしたいと思うほどです。 今回はテンキーレスのキーボードについて色々とご紹介したいと思います。 テンキーレスで９１キーのお勧めキーボードひとまず、欲しいままに探すと、こんな製品がお勧めです。 ＡＲＣＨＩＳＳ I-T Touch メカニカルテンキーレスキーボード（かな有り・赤軸）AS-KB91LR [ASKB91LR] ——————————– キー配列 日本語JIS配列・91キー
-
ありとあらゆるソーシャルブックマーク（300種ほど）ボタンを一括設置できるサービスが便利すぎる | necozine
みなさん、最近この「Share」というボタンをよく目にしませんか？ これは、ソーシャルブックマークをまとめて設置できるボタンです。 今までも、こういったサービスはあったかもしれませんが、このボタンは一味違います。 ”ありとあらゆるソーシャルブックマークボタン”が一気に設置できるのです。 今までなんだかんだ、ソースを貼り付けてHTMLやCSSをカスタムしていた・・そんな時もありましたが。。 今回はそんな夢のようなボタンが生成できる「addthis」というサイトを紹介します。 どんなソーシャルブックマークボタンがあるかfacebooktwittergoogle+Hatenaと、日本のはてブもフォローしている・・と思いきや。こちらをご覧下さい。 「もっと見る」というボタンがあります。 恐る恐る、押してみす。 すると、なんということでしょう・・！ 数えきれないほどのブックマークボタンがあります。や
-
WEBデザイン初心者の技術者にBootStrapがお勧め！BootStrapを知らない人へ入門エントリ厳選 | necozine
BootStrapとは、今、一部の技術者の中で流行っている「WEBデザイン初心者技術者でも、簡単にtwitterっぽいデザインが作れる」というものです。 ”CSSフレームワーク”と呼ばれるそうです。デザイン（CSSやJS）がすでに用意されていて、あとはそれを呼び出して組み合わせるだけ・・というものです。 基本的なボタンやフォームのデザインが用意されているだけではなく、スマートフォン対応していたり、グリッドシステムが導入されていたりと、今の流行りで対応したら良いであろう考え方や、デザインと言いながら技術も沢山盛り込まれています。 BootStrap公式サイト そこで、BootStrapの初心者でもよくわかるエントリを厳選して紹介したいと思います。 BootStrapを知らない人へ。 とても分かりやすく、BootStrapの素敵さが物凄く伝わるプレゼン BootStrap凄いところがよくわかる
-
ダミーテキストジェネレータ、ようはテストテキストをウマイ具合に用意してくれるサービス | necozine
印刷でもWEBでもそうですが、文字を扱うデザインは余白や構成や見やすさが大事です。 文章がずらずらと沢山あれば、なおさらです。 そのデザインを検証する為のサンプルテキストを作るのは簡単ですが、「テキストテストテキスト・・・」だと、量や構成によって、気持ち悪くなる場合があります。 そんな時に助けてくれる素敵なサイトを紹介します。 http://webtools.dounokouno.com/dummytext/ 「坊ちゃん」や「徒然草」などをテキストとして使用しています。 何もなければ、色々なテキストデータ（しかも恥ずかしくないやつ）を ちょいちょい用意しては検証せねばなりませんが、これなら自分で考えること無く 素敵なテキストを提供してくれるのです。 すぐ使えるダミーテキスト – 日本語 Lorem ipsum http://lipsum.sugutsukaeru.jp/index.cgi
-
WEBデザイン制作で参考にしたいデザインがすぐ見つかる優良まとめサイト（国内）をまとめました | necozine
参考にしたいサイトを探していると、アレコレとデザインまとめサイトを巡って、いつの間にかまとめサイトに翻弄され・・ 一瞬にしてお昼を過ぎた、むしろ１日が終わっていた、というより休日が終わってしまった・・！ なんて事、ありませんか？？ WEB系の業界で働いているデザイナーやディレクターの皆さんは、ただでさえ忙しいです。 今回は、以下 「目的のデザインがみつけやすい」「データ豊富」「現在も頻繁に更新されている」「流行りもおさえている」つまり、参考にしたいデザインがすぐ見つかる優良まとめサイトを観点にしてピックアップしました。 （尚、歴史あるサイト順にご紹介しています。） WEBデザイン リンク集 – ikesai.com — いけてるサイト ドットコム（WEBデザインの参考にどうぞ） http://www.ikesai.com/ 過去データ：2003年～ 現在 Webデザイン・Webデザイナー
-
先日はてブで話題になった「日本のデザインひどすぎ」は商売上手の結果？ | necozine
先日、はてブで話題になった「日本のデザインひどすぎ」は結局、何なのか、ちょっと気になったので、他にどんな意見があるのか調べてみました。 主に、今回「楽天市場」について着目したいと思います。 日本的なアプローチをしているのが楽天 参考サイト：楽天から学べる日本的なWebアプローチこのサイトで紹介されている、私が特に面白いなと思った部分を抜粋します。以下です。 <読解力の違い> 中国語サイトにも言えますが、漢字による表現力は欧米のアルファベットよりはるかに上回ります。日常から多くの情報を活字を通して得ていることから、日本人の読解力は高いのではないでしょうか。一見、膨大な情報があるように見える場も、読解力がある人にとっては、そうでもないかもしれません。 <タイポグラフィの限界> アルファベットには既に豊富な Web フォントがありますが、日本では少ないのが現状。画像にしてしまったほうがファイル
-
はてなブログでGoogleFontを使う方法 | necozine
突然ですが、はてなブログを試してみました。その際に、ふとWebFont設定したくなったので、その手順をメモしておきます。 今や他のブログサービスを使っているとはいえ、WEBデザインするうえでWebFontはできるならやってみたい技術ですね。 今回はフォントを自分で用意しなくても良い素敵なGoogleAPI『GoogleFonts』を使用しています。 Webフォントを選ぼう google web fontsに行きます。 使いたいフォントを選びます。 すぐ使いたい場合は「Quick-use」を押します。 Quick-useのページの下あたりにコピペ用のコードがあります。 上記、URLと、font-familyを控えておきます。 はてなブログに設定しようはてなブログのデザインカスタマイズです。 はてなにログインし、右上のメニューバーの[管理]＞[デザイン] 続いて、左側サイドメニューの[カスタマ
-
起きたいのに辛く苦しく起きられない朝に、いきなり覚醒して二度寝を防ぐ方法 | necozine
今朝ひどい夢を見て、 夢から覚めても起きれなくて、 でも、ある方法でいきなり覚醒しました。 今朝の一部始終 夢の中で、 目は半開き、身体はビクとも動かず、何故か床に転がった状態で、 「これは夢だから起きなきゃ～起きなきゃ～う～」 ・・という夢をみました。 一応、その後、夢から覚めたが、、 またしても夢と同じく、目は半開き、身体は動かない・・ ただ、現実という感覚はあるので、 しばらく目が閉じないよう、葛藤。 やっと身体が持ち上がるようになり、凄く重力を感じつつ、 今にも目は閉じて夢に戻りそうな感覚に耐えつつ、 このままでは確実に二度寝パターンです。 覚醒の時 いつもならここで、立ち上がるも、また横になってしまい、気づけば20分くらい経っているところ・・ ひどいと、それを2回くらい繰り返して三度寝します。 とにかく、這いつくばり、立ち上がる。 そして、 数日前に購入したばかりの足つぼマット（
-
Bootstrapのテーマが無料でダウンロードできるギャラリー集Bootswatch | necozine
Bootswatchは、Twitter社が提供するTwitter Bootstrapのさまざまなテーマをダウンロードできるサイトです。 Twitter Bootstrapといえば簡単に流行りのデザインでサイトを作れるというCSSフレームワークですが、それで作るといかにもBootstrap・・・ヘッダは黒で、シンプル、レスポンシブデザイン・・Twitter Bootstrap！といった風に、容易に想像できます。 Bootstrapを使おうと思ったら、あわせて選びつつサイト構築すれば、Bootstrapっぽくない、また違った雰囲気が出るのではないでしょうか。 注意ただ、ひとつ注意点ですが、私たちは日本語を使うので、「英語だからかっこいい、日本語にすると、なんか残念・・」そういった場合があります。 その辺も考慮して試しながら、選んだ方が良いでしょう。 ひとまずは、お試しあれ！です。 参考Twit
-
私的比較、テキストエディタおすすめフリーソフト | necozine
皆さんは、テキストエディタでコーディングやメモを取る際、どんなエディタを使っているでしょうか？使うといっても、業種によって違うと思いますが、今回、エンジニアとデザイナーの両方を経験した身として、少しだけご紹介をしたいと思います。 今回は、フリーソフト（無料）を中心にご紹介します。シェアウェアは入れません。なお、今回はテキストエディタなので、Eclipse等のIDE（統合開発環境）は省きます。 また、日本人の、コンピュータ業の方むけに絞って紹介しています。 お勧めテキストエディタピックアップ今回ご紹介したいな～と思う、無料のテキストエディタ、以下をピックアップしました。 emacsvimサクラエディタ（Sakura Editor）UnEditorTeraPad
-
ポートフォリオの作り方と参考サイトまとめ | necozine
ポートフォリオってどうやって作ったらいいんだろうか、そもそもポートフォリオとは？ウケるポートフォリオとは？作る際の注意点は？等をテーマに調べた中で、私がこれは良いと思ったサイトをご紹介します。 ポートフォリオの作り方 – ウェブデザイナーになるには ポートフォリオとは何か、構成要素、注意点などが丁寧に解説されています。ポートフォリオにあるべき具体的な内容や、注意点がわかりやすく解説されています。作品数が少ない場合や、作り途中の作品はどうするかといったところも、アドバイスしてくれています。まさに「ポートフォリオとは何か」という記事だと思います。 ポートフォリオの作り方 – ウェブデザイナーになるには ポートフォリオの作り方 | Webデザイン講座オシャレチップス こちらも、ポートフォリオとは何か、という内容ですが、もうすこし細かい部分、例えば「製作期間は書いておいた方がいい」等の注意書きがあ
-
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しました