「たくさんの人に読まれるブログを作りたい」 これは、ブログを運営してる誰もが最初に思うことだと思います。そんな中でプロブロガーの方や何年も運営を続けているブロガーの方達はほとんど口を揃えて仰る決まり文句のようなものがあります。 「とにかくたくさん書け！」 この言葉に悩まれている方は少なからずいると思いますが、僕もその一人でした。「始めたばかりでそんな簡単に書けないよ！」と言いたいのが正直なところですよね。 そもそもたくさん書けば読まれるブログを作れるのか甚だ疑問ですし、むしろ考え過ぎて「読まれないブログを作らせるために、読まれるブログ運営者が自分の立ち位置を維持するための言説なんじゃないか」とまで考えてしまう始末。 しかし、多くのブロガーさんがそこまで言うのにも何か理由があるんじゃないかと思い立ち止まって考えてみることに。 「とにかく書け」には理由があった 散々失礼なことを申し上げましたが

今回は、デザインの大切な要素である「タイポグラフィ」について解説します。主に以下の4つの項目について、初心者の方でも分かるようにまとめていきます。 1. タイポグラフィとは？ 現在ではタイポグラフィ（typography）の定義はやや曖昧になっており、主に以下の2通りの意味で使われています。 その1：読みやすく、美しく文字を配置すること

夜遅く仕事や学校から帰ってきたときや、料理のやる気が出ないとき、時間がないときのための簡単レシピ集です。混ぜるだけや電子レンジでチンするだけで出来上がるようなズボラ飯の作り方を中心に紹介していきます。 簡単レシピの探し方 料理に必要なHPとは、その料理を作るのに必要なエネルギーのことです。このパーセンテージが低いほど「料理を作るのが楽」ということを表しています。 作るのにそこそこ体力が必要です。それでも、比較的カンタンなレシピが中心です。複雑なレシピや作るのに何時間もかかるようなものはありません。 体力が尽きかけているときでも作れる料理です。必要な食材も少なめです。 「今すぐベッドに飛び込んで寝たい…！」という力が尽きてしまったときのための超カンタンなズボラ飯です。ヘロヘロになりながらも作ることができます。 ズボラ飯でも美味しい

サルワカでは「見出し」や「ボタン」などWebサイトのパーツごとに様々なデザインサンプルを作成しています。どれもHTMLとCSSのコピペだけで使えるものです（いわゆる「スニペット」というものですね）。 サンプルの数がかなり増えてきたので、このページでまとめておこうと思います。ブログのデザインカスタマイズの際に是非ご活用ください。 1. ボタンのCSSサンプル コピペで使えるボタンデザイン集です。シンプル、フラット、立体的、円形のものなど、かなりのバリエーション数を用意しました。気に入ったCSSを追加しておけば、記事内にHTMLテンプレを書くだけで好きなデザインのボタンが表示できるようになります。

1. フライパン フライパンはいろいろありますが、フッ素樹脂加工のものがおすすめです。焦げ付きにくく、圧倒的に料理しやすいです。 １つあれば料理はできますが、できれば直径26cmと20cmのものを１つずつ、大小合計２つのフライパンを揃えておくと便利です。「ちょっとウインナーを焼きたい」とか「ちょっとだけ炒め物をしたい」というときに、小さいフライパンがあると重宝します。洗い物も楽。

多すぎて疑わしいモンドセレクション。水道水も受賞してるし、そこらじゅうに金賞受賞！の製品があるし・・・。しかし、正しく理解すれば納得の理由です。 詳しい解説へスキップ

装丁がかわいかったり、オシャレだったりするとそれだけで読みたくなるのです。後々読んだ本を振り返るときにも、内容以上に頭に浮かぶのが装丁だったりします。 ふと「見れば読みたくなり、さらに印象に強く・長く残る装丁とはどんなものだろう？」ということが気になり、仕事帰りに慣れ親しんだ大きな本屋さんに装丁探しの旅に出ました。今回はそこで見つけた中でも特に秀逸だと感じたものを65冊厳選して紹介します。洋書も多数含まれています。

この記事では、HTMLとCSSで要素を中央配置する方法をパターン別に紹介していきます。縦方向と横方向それぞれの方法を全てまとめます。また「中央寄せできない」というときの対処法もパターン別にまとめておきます（スキップする）。 横センタリング（左右中央寄せ） まずは、横方向に中央寄せする方法を見ていきましょう。 その1：文章を中央揃え 文章を左右中央に揃えたいときは、その文章が含まれる要素、もしくはその親要素に対してtext-align:centerを指定します。

こんにちは、らくからちゃです。 いつかお金が溜まってアーリーリアイアが出来たなら、もう一度大学に戻って学究の徒になってみたいなあなんて思いつつ、今日もまた通勤電車に揺られております。さて、こんな記事を読みました。 知人の大学の先生が学生に「院卒は学部卒と比較して4000万円も生涯賃金が多い」と教えているらしく、まあそれが本当だとすれば、お金の話しだけで考えれば、おそろしく非効率的な投資だなと思った。 大学院卒は学部卒よりも生涯賃金で4000万円多くもらえるらしい。投資としてどうなのそれは - shi3zの長文日記 これな中々興味をそそられる情報ですね。よっしゃ、アーリーリタイアなんて言わず、今から大学院に通って、おいらも生涯賃金を4000万円増やしたるで！！と思ったのですが、そんなに上手くいくもんでしょうか？ 大学院進学の投資価値 まずは「院卒は学部卒と比較して4000万円も生涯賃金が多い

昨日、ブログのデザインを少し変更しました。 テンプレートは同じまま。 何をしたかというと、背景色を付けました。 記事とサイドバー以外に背景色を付けました これまでは白の背景のままでした。 かねてから、記事の左右にサイドラインを入れるか背景色を付けるかして、記事本文をクッキリ分かるようにしたいと思っていました。 サイドバーは追従型にしていないので、ページ下部の方にいくと、メインボディ（記事の部分）だけが表示されていました。 個人の好みですが、真っ白なキャンバスに活字だけ並んでいたので、なんとなく味気ないというか、不安になるのです。 そのため、いちど、記事の左右にサイドラインを引いてみましたが、記事タイトルの左にライン、サイドバーの各モジュールの左サイドにラインがある形だったので、見苦しくなったため却下。 そこで今回、おもいきって背景色をつけることにしました。 やり方がよく分からなかったので、

今回はCSSのコピペで使える引用ボックスデザインのサンプルを30個作ってみました。引用タグ（blockquote）のデザインをサクッと変えることができます。どれも画像は使わず、HTMLとCSSだけで表示することができます。ブログやWebサイト運営者の方は、是非ご利用くださいませ。 使い方 デザインを紹介する前に、使い方を簡単に説明しておきます。 CSSをコピーして貼付け

Tumblrが素晴らしいのは、超ハイクオリティーなデザインテンプレート（テーマ）を無料で使用することができる点です。以下で紹介するデザインテーマはどれも無料でインストールすることができます。また、どれもレスポンシブ対応です。

平素より格別のお引き立てを賜り誠にありがとうございます 当ブログは先般ようやく100記事に到達しましたのでご報告申し上げます 10ヶ月かかったけどようやく100記事達成（遅） 長かった。いや、遅すぎますよね。 早い人なら3ヶ月くらいで書いてしまう量ですが、もともと趣味としてはじめたのでゴリゴリ書く予定も無かったし、まぁこんなもんでしょう。しかし、100本も書いたと思うとけっこう感慨深いものがあります。 普段は運営報告などはしないスタイルなのですが、せっかくなのでこれまでを振り返るとと同時にぼくがブログを書く上で大切にしていることなんかもまとめてみようと思いましたので参考になれば幸いです。ちょっと長いのでお時間のあるときに読んでいただけると嬉しいです。 10ヶ月かかったけどようやく100記事達成（遅） 更新頻度 ブックマーク数と読者数とか ブログを運営する上で一番大事なこと step1.言葉

使い方 HTMLとCSSの編集方法をご存知の方は読み飛ばしてくださいませ。 スキップ 手順1：CSSをコピペ のちほど紹介するボックスデザインのうち、気に入ったものがあればCSSをコピーします。これをブログやWebサイトのCSSファイルに貼り付けます。貼付け先はブログサービス別に以下のようになります。 link rel〜を貼る場所 WordPress[ダッシュボード][外観][テーマエディター]右側のバーの[style.css]※もちろんFTPソフトを使ってもOK はてなブログ[デザイン][][デザインCSS]スマホ用はの[フッタ]に<style></style>と入力、この中に貼付け アメブロ[マイページ][デザインの変更][CSSの編集] Livedoorブログ[ブログ設定][PC][カスタマイズ][CSS] FC2ブログ[設定][テンプレートの設定][スタイルシートの編集] Blog

とはいえ、このビンゴゲームを参加者誰もが楽しみにしており、景品のセンスの良さが二次会全体の印象を大きく左右することになるかと思います。

今回は「UIとUXとは？」から始まり「UI/UXデザインをする際のポイント」を50項目に分けて紹介します。

DribbbleとBehance、どちらも機能面は似ています。作品公開に意欲的なクリエイターは両サービスに作品を投稿していることが多いようです。 無料のデザイン素材が公開されることも DribbbleとBehanceにはかなりレベルの高い作品が投稿されているのですが、中には無料で使用できる素材を公開している方もいます。今回はそれらの無料素材のうち、とくに高品質なものを厳選して紹介します。 アイコン 高品質な立体アイコンセット 1つ1つが綿密に作り込まれたハイクオリティーな素材です。ダウンロードは無料ですが、Dribbbleではなく他ページ上から行う必要があります。下のリンク先のページの「Download the package」をクリックするとダウンロードが始まります。形式はPNGとPSD。

サルワカの一部のWebデザイン系の記事・ツールを英語対応しました。英語版のサイト名は「SW Design Lab」としています。 SW Design Lab せっかくなので備忘録がてら多言語サイトの作り方をまとめておきたいと思います。 多言語サイトを作る前に知っておきたいこと 一部の記事のみ翻訳して公開 全ての記事をネイティブが書くような自然な英語に翻訳するのはかなり大変です。そこで、文字数が少なく、どの国の人たちにも共通して需要があるであろうWeb制作系の一部の記事のみ英語版にして公開することにしました。 どのように英語対応しているか サイト内に英語版用のカテゴリーを作り、そのカテゴリー内で英語記事を作っています。また、日本語の記事とはデザインも変えています。例えば、サイドバーなんかはごっそりと非表示にしています。詳しくは後ほど。 WordPressだと簡単 サルワカはWordpress

画像を使わなくても、立派なリボンをWebサイト上に表示することができます。この記事では様々な形のリボンの作り方を使用サンプルとともに紹介していきます。どれもHTMLとCSSのコピペで使うことができます。 はじめに リボンのテキストはサンプルでは「Welocome to My Blog!」や「NEW」などとしていますが、お好みのテキストに変えてご利用ください。ただし、複数行にわたるような長文にするとデザインが崩れてしまうことがあります。なるべく、短めのテキストを入れて頂くのがおすすめです。 また、HTMLコードでは例としてh3タグを使っていますが、この部分をh1~h5やpタグ、div、spanタグに置き換えてそのまま使うことができます。