タグ

webデザインに関するsoftboildのブックマーク (5)

  • text-shadowを使ってテキストにさまざまなスタイルを与える全23種類のスタイルシートのまとめ | コリス

    Text Shadow Compilation デモは全部で23種類、かっこいいスタイルをはじめ、使い方が限定されたアレなものまで、さまざまなスタイルがあります。 基HTML HTMLの基はclassを付与したh1要素のみです。 classを変更して、利用してください。 <h1 class="basic">Basic</h1> 以下、各デモのキャプチャとスタイルシートです。

  • 【HTML5】新規でサイトを作るのに使えそうなの一式。Ver 1

    HTML5版の新規でサイトを作るのに使えそうな一式です。 今までの新規で使えそうな一式のVer3からも有る程度流用はしていますが、結構いじってます。 今までみたいに、社内のマークアップエンジニアとかそういう人がもう居ない環境なので、何処かで使われていた訳ではありませんが、まー最初の準備って地味に面倒なのでちゃちゃっと始めるには良いんじゃないでしょうか。 【HTML5】新規でサイトを作るのに使えそうな一式。Ver 1をDL(zip:12kb) HTML5版のVer 1を見る 社内のマークアップエンジニアとかって書いたら、これどうなのよ?とか話してた頃がちょっと懐かしくなった。 コーダー飲みとか、CSS Niteなんかで、マークアップエンジニアやコーダーさんと会う機会は結構有るのに、そういう具体的な?話まではしないからなぁ・・・ それはさておき、中身のご説明などを続きにて。 中身のご説明 zi

    【HTML5】新規でサイトを作るのに使えそうなの一式。Ver 1
  • ついにウェブでも有名書体が使える!Webフォントサービス Fonts.com Web Fonts β版が運用開始 - フォントブログ

    フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ

    ついにウェブでも有名書体が使える!Webフォントサービス Fonts.com Web Fonts β版が運用開始 - フォントブログ
  • 美味しいカステラなのに楽天メソッドが極まりすぎてて残念な場合

    長崎心泉堂の「幸せの黄色いカステラ」というのを楽天で取り寄せてみました。 とても卵の味が濃くて、甘さはその分抑えてあり、非常に美味しいカステラでした。 よくあるカステラとは明らかにひと味もふた味も違います。届いた1を数日でべきって、またすぐに注文しちゃったくらいです。 また、アフターケアも充実していて、買った後、こんなメールまで届いたのです。 題名:【長崎 心泉堂】カステラは無事お届けできていますか? お世話になります。 カステラ専門店【長崎心泉堂】 受注担当 待鳥智美です。 <中略> さて、ご注文の品は無事お届けできておりますでしょうか ご贈答の場合は、お届け先様にお気に召していただけましたでしょうか? カステラのお味はいかがでしたでしょうか? ぜひ、私どもに、お客様の声をお聞かせくださいませ。 お願いします。 というのも、お客様の声によりよい商品作りがあると考えるからです。 当社の

    美味しいカステラなのに楽天メソッドが極まりすぎてて残念な場合
  • 無駄なdiv要素やclassだらけのマークアップから卒業する方法

    グリッドベースのレイアウトを作成すると、ついついdiv要素を多用してしまいがちですが、意味のあるデータにはそれに適した要素を使用し、無駄なdiv要素やclassだらけのマークアップから卒業する方法をWebdesigner Depotから紹介します。 Fight Div-itis and Class-itis With the 960 Grid System 下記は各ポイントを意訳したものです。 はじめに CSSのフレームワーク:960.gsの場合 classの乱用を避ける リスト要素の使用 画像とキャプションの使用 複数の見出しとパラグラフの使用 子要素のclassは親要素に はじめに 数年前までウェブページの設計はテーブルがスタンダードでした。そしてCSSはそれを大きく変え、今日ではCSSのフレームワークがウェブページの設計を容易にしてくれています。 しかしながら、このCSSのフレームワ

  • 1