かわいい系デザインに使えるCSSいろいろ
2015年2月18日 CSS 過去に書いた「かわいい系デザインに使えるフォントや素材、デザインアイデアを集めました」という記事でかわいい系デザインの作り方を紹介しました。今回はかわいい系第二弾！CSSだけでできるかわいい小技をいくつか紹介します。すべてデモ付きなのでイメージしやすいかな？と思います。デモ画面内にある「HTML」「CSS」タブでコードが表示されるので、コピペして使ってくださいね！ ↑私が10年以上利用している会計ソフト！ 目次 キラキラ系テキスト マーカーでラインを引く ステッチ風ボックス リボン 画像をハート型で切り抜く ハートの鼓動 ラブビーム 1. キラキラ系テキスト 某ギャル雑誌（もう刊行されてないのかな？）で毎回見かけていたこの白抜き＋明るい色のシャドウ。CSSでは text-shadow を用いて表現できます。ポイントは文字を白に設定し、シャドウの横位置・縦位置と
プレゼンをしているシルエットのPhotoshopのカスタムシェイプ
Dezignus.comのエントリーから、何かを紹介しているポーズをしている人物のシルエットのPhotoshopのカスタムシェイプを紹介します。
Welcome to the website of the Olympic Movement - Olympic.org
Vote for your favourite Olympic magic moment and enter to win a trip to Paris 2024!Enter now
無料素材：太いアウトラインがドット絵風な可愛いベクターアイコン80個セット：SwitchBox
今回紹介するのは、太いアウトラインと直角のフォルムでデザインされた無料のベクターアイコン素材セット。昔のドット絵のような雰囲気がシンプルで可愛いです。アイコンノ種類も豊富で使いやすいですよ。 素材の利用について ダウンロードしたアイコン素材は、個人・商用問わず無料で使ってOKとのことです。詳しくは、同梱されている「Readme.txt」に書いてあるので、確認してから使ってみてくださいね。 紹介した無料アイコン素材：Freebie: Pixelvicon Icon Set (80 Icons) on Behance …というわけで今回は、ドット絵風にデザインされた無料のベクターアイコン素材セットです。これ以上ないってくらいにシンプルなので、他の要素を邪魔することなく幅広く使えそうです。
アステラスホームページ | アステラス製薬
このウェブサイトに掲載している製品に関する情報は、かかる国によって、適切ではない情報（例：承認と異なる投与量、適応症、および製品名など）が含まれている可能性があります。このウェブサイトに掲載されている製品および開発中の化合物に関する情報は、弊社から推奨するものではなく、プロモーションや広告に該当するものではありません。 このウェブサイトに掲載される製品に関するすべての情報は、医学的なアドバイスを目的として提供しているものではなく、またかかりつけの医師などの指示の代用になるものでもございません。
岡山桃太郎空港
岡山桃太郎空港発着の国内便・国際便時刻表、岡山桃太郎空港へのアクセス方法(お車・バス・タクシー)および時刻表を掲載しています。その他、搭乗・到着手続き、岡山桃太郎空港内施設(ターミナルビル、サービス施設、駐車場、バス・タクシー乗り場)、岡山桃太郎空港発着のツアー情報もご案内しています。
心に響いた！良いデザインに欠かせない大切な10の原則 -Vitsœ
ロンドンの家具ブランド「Vitsœ」のインダストリアル・デザイナー「Dieter Rams」が提唱する「良いデザインに欠かせない大切な10の原則」を紹介します。 プロダクトデザインのお話しですが、ウェブデザインにも通じるものがありますね。 ten principles for good design 10の原則の英文はそのまま、あとは原文に沿って訳してみました。 翻訳にあたっては元ページのライセンスCC 3.0に従事しています。 Good design is innovative 良いデザインは、革新的。 ものごとを革新するための可能性は、尽きることはありません。技術の進化は常に革新的なデザインのために新しいチャンスを与えます。革新的なデザインとは常に技術とともに発展するもので、デザインだけで完結するものではありません。 Good design makes a product useful
2013年に開いて直感的に素敵だな、すげーとおもったWebサイト大賞
というわけで本年度、すごいなとおもったWebサイトをご紹介。 先に15サイトを紹介したのち、最後に大賞5つを紹介します（大賞が5つもあることに関しては気にしないでください） αブログならぬ、αサイト！レッツスタート！ ※サイトデザインは旬ものなので、時期を過ぎるとリンク切れ、デザインの変更があります。今すぐ楽しんでください。 ノミネート15作品 ゲスの極み乙女。 official website サイドバーから各種ページに移動した時に、地味に動くのがなんかむかつく（いい意味で）。とくにMEDIAページね。 そんなわけで、このサイト、デザインというよりインパクトで受賞。 胸やけ・吞酸劇場〜胸屋家の酸っぱい１日 このFlashの死んだ時代に、あえてオールFLASHに挑むその度胸。 さらにそれぞれのコンテンツが微妙に面白くてやばい。やばいというかヤヴァイ。FLASHヤヴァイ賞。 STAGEWOR
ウェブサイトのヴィジュアルを定義するスタイルガイド用のテンプレート素材 -UI Style Guide Template
UIスタイルガイドとはウェブサイトのヴィジュアルを定義するもので、コンテンツから切り離すことによりウェブサイトのスタイルを的確に確認するのに役立ちます。 UIスタイルガイドを作成する際にベースとなるテンプレート素材を紹介します。 UI Style Guide Template UIのスタイルを一括で管理することでデザインの作業時だけでなく、コーディングや検証の時にも重要なガイドになるでしょう。また、クライアントがヴィジュアルの変更を求めてきた際も、部分的にみるのではなく、全体を通して整合性をもった対応を行うことができます。 テンプレート素材にはカラースキームや背景をはじめ、さまざまなUIエレメントのスタイルが定義されています。
最低限心がけるべきサイトの構造デザイン最適化6つのポイント | Web担当者Forum
週末からよく働いたなあ。クライアント（それに、友人）のためにサイトをチェックしていて気づいたんだけど、いまだにサイトアーキテクチャの最良実践例がろくに取り入れられてないんだよね。検索エンジン最適化（SEO）の構造的な側面について、僕の提言をざっと読んでおいても損はないと思うよ。 動的URLは使わない 使わざるを得ないように思えても、動的URLは絶対使わないほうが良い。僕らが見たところ、検索エンジンのなかには、実際に信用度やランキングの判定基準で、動的URLを差別的に扱っているところがあるんだ。Googleでは、ほかの検索エンジンほど大きな問題にならないとは言っても、間口は広いに越したことはないだろう？ ISAPIやmod_rewriteなら実装しやすく、対時間効果も高いのでお勧めだ。 ページの表示は3クリック以内で 普通、ウェブ開発業界の人間は、これをユーザビリティの基本原則と考えているけ
三井ダイレクト損保
私たち三井ダイレクト損保は、強くてやさしい自動車保険会社です。 すべてはお客さまの安心のために。ネット型自動車保険ではあるけれど、ネットや電話を介したこちらにはいつでも多くのプロフェッショナルが控え、あなたの疑問や不安を解消するよう全力でサポートします。
株式会社ダスキン
2024年3月14日 ニュースリリース 2015年オープン以来初の「ミスドミュージアム」⼤規模リニューアル︕ 2024年3⽉16⽇（⼟）10時 リニューアルオープン [PDF:415KB] 2024年3月14日 ニュースリリース クリーンサービス事業 「ペット用おそうじモップセット」 「いぬ・ねこ用消臭おそうじスプレー」 2024年3月18日 全国にてレンタル・発売開始 [PDF:1.2MB] 2024年3月12日 ニュースリリース 経済産業省主催「健康経営優良法人～ホワイト500～」3年連続で認定 [PDF:571KB] 2024年3月4日 お知らせ・新着情報 ミスタードーナツ情報（www.misterdonut.jp） 「ミスド ファンミーティング」東京都開催 参加者募集のご案内 2024年2月29日 適時開示情報 執行役員人事及び人事異動に関するお知らせ [PDF:211KB] 20
HTML5のスマホ対応の基礎知識とハマリどころ3選
HTML5のスマホ対応の基礎知識とハマリどころ3選：スマホ向けサイト制作で泣かないための秘伝ノウハウ（2）（1/3 ページ） スマートフォン向けWebサイト構築支援ツールを開発・販売するため、国内すべてのケータイ・スマートフォン・タブレットを所有している企業に勤める筆者が、サイト構築のハマリどころとも言えるノウハウを紹介する連載。今回は、HTML5についておさらいし、OSごとの対応状況や、iPhone／Androidなどで表示する際のハマリどころを紹介 こんにちは。KSK「フレックスファームビジネスユニット」の渡辺です。前回の「スマホ向けサイト制作3手法の基礎知識と課題、OS／機種依存のハマリどころ3選」では、スマートフォン向けサイト制作についての注意点や、代表的なOS／機種依存を紹介しました。 今回は、KSKの製品「x-fit（クロスフィット）の開発・販売や、実機での検証サービス事業で蓄
[HTML5 入門]実用を意識した最小単位からの文書構造チュートリアル
文書構造って難しいですよね コーディングしていたら迷う事ってたくさんありますよね。「これは見出しなのかな」「この段落はどこまで段落なんだろう」「検索バーはどのタグで囲めばいいの？」等など、判断に詰まることはいくらでもあります。そしてその判断の迷路を抜け出た後も、ふと「このマークアップで本当に合ってんのかな」と再び迷いに陥ることも。 エレメントの役割とタグの用途の正確な理解 コーディングしているときに何故迷うか。これは、 それぞれのパーツがそのサイト内にどういう役割で置かれているかをはっきりと定義できていない 各タグの用途を理解できていない このいずれか、または両方が出来ていないから起きる問題だと思います。エレメントの役割とタグの用途、この二つがはっきりしていればコーディングに迷う事はありません。…まあ(他にも納得の行かない組織ルールとかSEOを考慮した記述等があって)それは理想の話なんです
![[HTML5 入門]実用を意識した最小単位からの文書構造チュートリアル](https://cdn-ak-scissors.b.st-hatena.com/image/square/913d9625c96461318e055dbb38b3d26c92683092/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2012%2F10%2Fintroduction-to-html5-150x150.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
マツダ査定基本価格検索サイト
トンボ鉛筆
http://e0166nt.com/blog-entry-415.html