ブックマーク / tsukuruiroiro.hatenablog.com (7)

  • どのブログよりも分かりやすく読み手にやさしいサイトを作るために - LITERALLY

    12月に『サルワカ』という色々なことを分かりやすく解説するWebサイトを作った。記事も充実してきたことだし(Photoshopの解説記事ばかりだが)、サルワカについて改めて紹介したい。 1. サイトコンセプト サルワカでは、次の8つことを大切にしている。 分かりやすさファースト 専門的な内容についての記事でも、専門知識がない人が見ても分かるように解説する。 図、イラスト、画像を多用 文字は補足程度におさえるのが理想。 読みにきた人を騙さない 当におすすめできるものへの広告しか貼らない。 読みにきた人をイラつかせない 派手なアニメーションなどは入れない。広告は最小限。 読みにきた人が求めている長さの記事を書く 無理やり長文にしない、また無理やりバラバラにもしない(サルワカでその内容に関する知識が手に入り、検索をやめられるのが理想)。 読みにきた人を置いていかない 今何の話をしているのか常に

    どのブログよりも分かりやすく読み手にやさしいサイトを作るために - LITERALLY
    koya-0263
    koya-0263 2017/01/22
  • コピペで使えるオシャレな配色パターン見本 25 (全組み合わせWebカラーコード付) - LITERALLY

    今回はひたすら配色パターンを紹介していく。探しやすいように色ごとに分け、使いやすいように解説とWebコードも合わせて紹介する。プレゼン資料、Webデザインなどで目的に合った配色をそのままコピペして使って頂ければと思う。 ▼ 目次 カラフルな配色パターン 橙系の配色パターン 青系の配色パターン 緑系の配色パターン 黄色系の配色パターン 赤系の配色パターン 高級感を表現する配色 わび・さびを表現する和風配色 シンプルに格好良いグレーの配色 カラフルな配色パターン 1. 淡い「カラフル」 ■ #FF7D7D ■ #FFD580 ■ #B3E2B4 ■ #ABE7FF ■ #B8B2EA ■ #DBDBDB 淡いカラフルな配色は、白の背景に合わせると「透明感」を出すのに効果的。カラフル系の配色は扱いづらいので、上のコードをそのままコピペして使って頂くのが良いかと思う。 2. 力強い「カラフル」 ■

    コピペで使えるオシャレな配色パターン見本 25 (全組み合わせWebカラーコード付) - LITERALLY
  • 2030年 自動車の未来:自動運転とEVはどのように世界を変えるか - Literally

    2016 - 08 - 21 2030年 自動車の未来:自動運転とEVはどのように世界を変えるか TIPS 2030年。 振り返れば、ここ15年間で自動車業界は大きく変化した。 2008年にAppleiPhoneを発売し、そこからスマートフォンが大きく世界を変えたように、自動車社会も大きく変わった(モビリティー社会が変わったと言ったほうが正確かもしれない)。人々を取り巻くモビリティーのあり方が変わるとともに、自動車業界の勢力図も一変した。 15年前の2015年、トヨタが新車販売台数で世界一を取った。そこからの凋落には日中の誰もが驚いた。他の日メーカーが倒産しようとも、トヨタだけは日を支えると、誰もが思っていた。2007年まで販売台数世界一を取っていたゼネラルモーターズが、その2年後には事実上の経営破綻に追い込まれたように、トヨタも恐ろしい程の速度で失速した。最近では、倒産危機が囁か

    2030年 自動車の未来:自動運転とEVはどのように世界を変えるか - Literally
    koya-0263
    koya-0263 2016/08/21
    2030年にまた読み返したい
  • インターネットの副業の方法21〜誰とも会わずに稼ぐ - LITERALLY

    この記事では「インターネットで稼ぐ現実的な方法」を淡々と列挙していく。 決して、怪しげな情報商材の購入や、怪しげなメルマガへの登録を促したりはしない(「副業 インターネット」とググってヒットする多くのサイトは、たいてい参考にならず、いいカモにされるだけだ)。 また、時間対効果に見合わない方法も紹介しない。うまくいけば、時給換算5,000円や10,000円を越えるようなアイデアを紹介していく。 以下に当てはまるような方に是非読んでもらいたい。 家に引きこもり、誰とも会わずに収益を得たい人 会社に勤める傍ら副業で稼ぎを得て、リスクを最小限に転職退職をしたい人 家にいる時間が長い主婦・主夫で、空いている時間で稼ぎを得たい人 それでは早速、インターネットでできる副業アイデアを挙げていく。 インターネット副業の方法21 1.映像・音楽制作→YouTubeにアップ ご存知の通り、再生前に流れる広告映

    インターネットの副業の方法21〜誰とも会わずに稼ぐ - LITERALLY
  • 悩める新社会人へのアドバイス - LITERALLY

    率直に言って、社会人は辛い。 その辛さたるや、学生の頃とは比べものにならない。 学生の頃は何をするのもだるかったかもしれない。 1限に出席するのがだるかったかもしれない。 たった数時間のバイトに行くのがだるかったかもしれない。 社会人になればただ”ダルい”という枠には収まらないことが多い。 眠気や面倒さ、退屈さだけではない。 胃がキリキリと痛み、否が応でもアドレナリンはドバドバ出て、頭の中がごちゃごちゃになり、常に頭の中に重たい雲が浮かんで消えない。 友達とご飯にいくときだって、土曜日の朝寝坊して背伸びしたときだって、仕事が頭の片隅のどこかに残っている。 仕事は蛇口から出る水のように止まらない。 その水は自分のキャパシティーという浴槽に溜まり、桶ですくってもすくっても一向に減らない。 いつしか水は浴槽から溢れ、頭が真っ白になり、どこから手をつければ良いかわからなくなる。 頭の凝り固まった上

    悩める新社会人へのアドバイス - LITERALLY
    koya-0263
    koya-0263 2016/04/03
    すごく響く言葉たち。思考停止は悪だ。
  • はてなブログのスマホデザインCSSをカスタマイズして、簡単にオシャレに見せる方法 - LITERALLY

    はてなブログのスマホ表示時のデザインはカスタマイズが面倒で、ほぼ全てのブログが同じデザインで個性が出しにくいのが特徴だ。簡単に変更できる部分は、ページ上部のアイコン画像ぐらい。 先日、その単調なはてなブログのスマホ向けデザインをカスタマイズしまくってみた。今回は備忘録がてら、その方法と「簡単にはてなブログのスマホ表示デザインをオシャレにするいくつかのテクニック」を記録してみようと思う。 はてなブログのモバイル(スマホ)デザインCSSを編集する方法 まず、ここがあまりネットで探してもなかなか見つからなかった。はてなブログにはPC表示向けのcss編集ボックスはあるが、スマホ表示用のcss編集ボックスはない。そのため、レスポンシブデザインのテーマを設定しない限り、スマホのデザインはカスタマイズできないんだと諦めている人も多いかもしれない。 ぼくもスマホのデザインをなんとか変えることができないが試

    はてなブログのスマホデザインCSSをカスタマイズして、簡単にオシャレに見せる方法 - LITERALLY
  • はてなブログを一瞬でおしゃれにする最強のデザインカスタマイズ方法(テーマDUDEの手引き) - LITERALLY

    以前、はてなブログのスマホデザインのカスタマイズ方法について書いた。 はてなブログのスマホデザインCSSをカスタマイズして、簡単にオシャレに見せる方法 - Literally 多くの方に参考にして頂いたようでとても嬉しい。続編を書いて欲しいというご要望をいくつか頂いたので、僭越ながらまたデザインカスタマイズのTipsを書こう思う。前回はスマホデザインについてのみ触れたが、今回はPC表示のカスタマイズについて。主にコピペだけで「超カンタン」におしゃれなブログが作れるので、Webデザイン初心者の方にも是非読んでいただきたい。 はてなブログユーザーでないのにこのページに辿り着いてしまった方、大変申し訳ありません… はてなブログテーマ「DUDE」を作りました。 「はてなブログを一瞬でおしゃれに美しくする最強のデザインカスタマイズ方法」と仰々しいタイトルを先に決め、ブログのカスタマイズ記事を書き出し

    はてなブログを一瞬でおしゃれにする最強のデザインカスタマイズ方法(テーマDUDEの手引き) - LITERALLY
    koya-0263
    koya-0263 2016/02/11
  • 1