記事の投稿日にアイコンを
imagetkb posted by (C)tean

記事の投稿日にアイコンを付けて表示する。
記事のタイトルの下に投稿日を追加する。
タイトルとの間隔を調整する。
記事のタイトルと投稿日の間には 既に 余白が入っていますので、20ピクセルの余白の中に 投稿日の表示を 上に10ピクセルずらして調整しています。
次に アイコンフォントを使えるように <link>の設定を追加する。...[続きを読む]
entry from
日記名 : design-s's diary
サイト名 : design-s

Webフォントでサイト名を表示
imagemain posted by (C)tean

今回から パーツの追加と修正を行って、ページを仕上げていきます。
先ずは Webフォントでサイト名を表示することにします。
ここで Google Fontsの「Indie Flower」というWebフォントを利用することにしました。
メインのページにlinkを追加し、
cssに font-familyの設定を次のようにしました。

/...[続きを読む]
entry from
日記名 : design-s's diary
サイト名 : design-s

サブメニューを2段組みにする


レイアウトを調整する前に実際のデバイスで表示を確認すると、 サブメニューの右側に大きな余白ができるのは「600 px」と「768 px」の二つのブレイクポイントの間にあるデバイスであることが確認できます。
そこで、@media(min-width: 600px) and (max-width: 767px)に設定を 追加し、 サブメニューを2段組のレイアウトにしていきます。
BOX4を...[続きを読む]
entry from
日記名 : design-s's diary
サイト名 : design-s

Apple Music 基本&便利技


この本 先日買ってきました。
何となく使っていたApple Musicがより深く使いこなせるようになるかもしれませんね。
基本操作が覚えやすく、難しいことがわからなくても、あっという間に操作できるようになるそうです。

iTunesを使った 音楽CDの曲をiPhone/iPadに転送する その仕方の章もあります。
よりレベルの高い使い方も載っているようで至れり尽くせりですね〜〜

ぼち...[続きを読む]
entry from
サイト名 : arty-crafty

入門価格のポータブルプレーヤー4選
メインのおすすめ記事に この春"ハイレゾデビュー"するなら!入門価格のポータブルプレーヤー4選 という記事のリンクを貼りました。

入門価格が手頃でいいですね〜〜
手軽に 何処ででも ハイレゾが聴けるのなら 検討してみる価値はありそうです。
音源のハイレゾ曲のダウンロードは OKの状態です。
対応タブレットは持っていますが、最新のハイレゾ対応のウォークマンも見逃せないとこ...[続きを読む]
entry from
日記名 : design-s's diary
サイト名 : design-s

効果的に使っているユーザーの タブレット活用法をチェック!
メインの特集記事にタイトルの 効果的に使っているユーザーの
タブレット活用法をチェック!
を追加しました。

いろいろチェックしてみましょう。
entry from
日記名 : design-s's diary
サイト名 : design-s

レスポンシブWebデザインの調整2


今回は ナビゲーションメニューをコンパクトにしてみました。
改行が入らないようにしました。
@media (max-width: 599px)に設定を追加して調整しました。
ここでは<nav class="menu">内の<li>内の<a>のpaddingで上下の余白サイズを「10px」に、左右の余白サイズを「3px」に、...[続きを読む]
entry from
日記名 : design-s's diary
サイト名 : design-s

レスポンシブWebデザインの調整 1
ブラウザ画面の横幅を変化させて表示の確認を行います。この表示デザインによる変化で気になるポイントは、横幅を小さくしたとき、ナビゲーションメニューに改行が入ってしまいます。基準のデザインではサブメニューの右側が余白ができやすいことです。横幅を大きくしたときは、幅全体に本文が広がりすぎます。@mediaの設定をし直しました。ブレイクポイントを600pxと1040pxを追加しました。あと 改行をな...[続きを読む]
entry from
日記名 : design-s's diary
サイト名 : design-s

パーツの間隔の調整


先ずは パーツの間隔の縦方向の調整をしました。
次に横方向ですが、余白を入れると、横並びのレイアウトが崩れてしまいます。標準ではwidthで指定した横幅(BOX3の場合は70%)にpadding-rightで指定した余白サイズが含まれないためです。
そこで、box-sizingを「border-box」と指定し、横幅に余白サイズを含めて処理する様に指定する。古いFirefox、iOS...[続きを読む]
entry from
日記名 : design-s's diary
サイト名 : design-s

レイアウトの調整 1


ボックスの背景や掛け線のスタイルを利用して、バーの形にデザインしたり、バーの太さの調整をしたり、バーに合わせてリンクの色を、カーソルを重ねた時のリンクの背景色をグレー(#eeeeee)から水色(#75dbe7)に変更。
更にボックス間に区切り線を入れる。

CSSだけ 弄っただけですので、易しめですね〜〜
段々 見栄えが良くなりますね。
entry from
日記名 : design-s's diary
サイト名 : design-s

HTML5&CSS3デザインブック
タイトルの本によって ある種 現代的なブログ風のホームページを作っていく。
自分用にカスタマイズしたものにするが、どれだけアレンジできるか未知数である。
この本によって ブログ・ニュース系のサイトとビジネス風のサイトのトップ+コンテンツページを作る紹介であるが、私は 前者のものを作っていきます。
現在 5ボックスのレイアウトしたものに 一部コンテンツを入れた所である。
調整はこのあと行う。
...[続きを読む]
entry from
日記名 : design-s's diary
サイト名 : design-s

幸せの意味-後編
言語で異なる幸せのイメージ

日本語の「幸せ」はもともと「し合わせ」から来ていましたので、何か二つの動作をして、合わせること。巡り合わせに近い。良い意味も悪い意味もあった。

happiness、well-beingとかも含めて、意味がそれぞれ範囲が違ってきますね。

そこで、著者は 幸福をhappinessと英訳して 著名な米国人教授に自分の研究内容を話したそうですが、ここで 誤解が生じま...[続きを読む]
entry from
サイト名 : happylifespaces

幸せの意味 前編
第1章 幸せ研究の基礎を知る
1 幸せの意味
幸福とタイムスパン

幸せの定義と関連しそうな単語 辞書では
幸福 心が満ち足りていること。又、そのさま。しあわせ。
幸せ 幸福。好運。さいわい。又、運が向くこと。
happy 幸福そうな、幸せそうな、楽しい、友好的な、嬉しい、喜んで・・・する
嬉しい
楽しい
満足 十分なこと。完全なこと。
安寧
well...[続きを読む]
entry from
サイト名 : happylifespaces

役に立つ幸福学とは 後編
第1章では 主に心理学の分野で行われてきた幸福研究の成果とその限界について述べる。この章を読めば 現在の幸福研究の概要を理解できる。
はじめに 「幸福と何が関係するか」という要素還元的研究結果を述べる。
全体としては どういうことで、どうすれば実際に人々が幸せになるために、それらの個別の研究成果を活かせるのか、という体系としての幸福学は不足しています。
第2章では 的を絞って 幸福の因子分析...[続きを読む]
entry from
サイト名 : happylifespaces

役に立つ幸福学とは 前編
科学技術は人の幸せを増幅していない。
こんな不条理な世界で、もっと人間のこころを明らかにすべきと。
人間それぞれの幸福追求のために、そして、幸せにつながる多様なビジネスのために。そんな様々な場で有益な、人類にとって役立つ学問としての体系的幸福学。全体として、世界のみんなのことを考える学問。そんあ、これまでにない実践的な学問が必要なのではないか。そういう思いで幸福学研究を行っているそうです。本...[続きを読む]
entry from
サイト名 : happylifespaces

「ソーシャル」って?
SNSって面白いの? という本読みました。
それを元に 記事を書いていきます。

先ず、ツイッターやフェイスブック、LINEの3つを耳にする機会は増えた。
これらは「ソーシャルメディア」ないしは「SNS(ソーシャル・ネットワーキング・サービス)」に分類されているが、「ソーシャル」とは何のことか?

一般に「社会の」とか「社会的な」とか訳されますが、直訳すると 大事なことが溢れて行ってしまいま...[続きを読む]
entry from
日記名 : enmedia's diary
サイト名 : enmedia

幸せのメカニズム ・感想(87)
リンク:ブックメーター:感想リンク先です。
一部引用。
WATA
幸せについてのアンケート結果から、幸福の元となるできるだけ単純な要素を抽出した本。統計的処理により見つかったのは「やってみよう!」「ありがとう!」「なんとかなる!」「あなたらしく!」の4つの心構え。説明が理論的なため、幸福がこの4要素から成り立つことを納得できた。幸福感を増すためのテクニックも、得意なことをしよう、悪口をやめよ...[続きを読む]
entry from
サイト名 : happylifespaces

幸せとは?文学の章より
NHK100分de名著「幸せ」について考えよう の文学の章のアウトラインのスケッチをしてみましょう(*´▽`*)

井原西鶴の『好色一代男』と『好色一代女』を選び、語りの種にしています。
基本的に小説というのは、一人の男または女の一生を描くもの。
しかし、幸福の秘術を得ることは難しい。
小説には、生き方のマニュアルはなくとも、具体的な人生のモデルがある。

物語が書かれるには四つの理由がある...[続きを読む]
entry from
サイト名 : happylifespaces