かわいい系デザインに使えるCSSいろいろ
2015年2月18日 CSS 過去に書いた「かわいい系デザインに使えるフォントや素材、デザインアイデアを集めました」という記事でかわいい系デザインの作り方を紹介しました。今回はかわいい系第二弾！CSSだけでできるかわいい小技をいくつか紹介します。すべてデモ付きなのでイメージしやすいかな？と思います。デモ画面内にある「HTML」「CSS」タブでコードが表示されるので、コピペして使ってくださいね！ ↑私が10年以上利用している会計ソフト！ 目次 キラキラ系テキスト マーカーでラインを引く ステッチ風ボックス リボン 画像をハート型で切り抜く ハートの鼓動 ラブビーム 1. キラキラ系テキスト 某ギャル雑誌（もう刊行されてないのかな？）で毎回見かけていたこの白抜き＋明るい色のシャドウ。CSSでは text-shadow を用いて表現できます。ポイントは文字を白に設定し、シャドウの横位置・縦位置と
レトリック事典 (効果的な文章の書き方) - コピーライターの目のつけどころ(ダークサイド)
レトリック事典 作者: 佐藤信夫,松尾大,佐々木健一出版社/メーカー: 大修館書店発売日: 2006/11/01メディア: ハードカバー購入: 1人 クリック: 36回この商品を含むブログ (12件) を見る この本は間違いなくスゴイ本です。その名も「レトリック事典」。 文章を書くことを仕事にしている人は多い。仕事にしてなくても、ブログを書いたり、Twitterでつぶやいたり、メールを打ったり。文章を書く作業は全ての人にとってどんどん身近になっています。 文章の文法は学校教育のどこかで習うけれど、"効果的"な文章の書き方を習う場所は少ない。いろんな本を読んで、何となく吸収していく。それがほとんどの人(僕も含めて)の文章の書き方だと思う。 この本は「なんとなく日々文章を書いている」という人たちに是非読んでもらいたい本。 まずページ数がスゴイ。800ページを越えてます。重い。値段も 6,825
没有找到站点
您的请求在Web服务器中没有找到对应的站点！ 可能原因： 您没有将此域名或IP绑定到对应站点! 配置文件未生效! 如何解决： 检查是否已经绑定到对应站点，若确认已绑定，请尝试重载Web服务； 检查端口是否正确； 若您使用了CDN产品，请尝试清除CDN缓存； 普通网站访客，请联系网站管理员；
美しい半透明のパネルを簡単に作成できるPhotoshopのスタイルのまとめ
最近のトレンドのぼやけたブラーの背景に載せたり、美しい写真の背景にも映える半透明のパネルやテキストを簡単に作成できるPhotoshopのスタイルを紹介します。 素材はレイヤースタイル・aslファイルでダウンロードできます。
Photoshopをもっともっと好きになる、テキストをかっこよく魅せるチュートリアルのまとめ -2012年版
Photoshopをもっともっと好きになる、テキストをかっこよく魅せるチュートリアルのまとめ -2012年版
これは使いやすい、美しいCSS3グラデーションのボタンが簡単に作成できるオンラインツール -CssGradientButton
パネル右：グラデーションやシャドウなどの編集 作成が完了したら、コードを下部に生成されます。 生成されるコードは下記のようになっています。 <!DOCTYPE html><html><head> <style type="text/css"> .button_example{ border:solid 1px #819bcb; -webkit-border-radius: 3px;width:150px; -moz-border-radius: 3px;border-radius: 3px; font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center;
フォーム周りのエレメントのデザインを見やすいインターフェースに変更できるjQueryプラグイン・jNiceItと、似たようなやつ何個か
どこかで使いたいなと思ってメモ。フォーム で良く使うラジオボタンやチェックボックス などのデザインを割りと簡単に見やすいデザ インに変更できるjQueryプラグインです。 この手のプラグインは沢山あるので選択肢の 一つとして、ですが、個人的には使いやすい 印象でした。 昨日に続き、今日もフォームのスクリプト。今日はフォームデザインを変更できるやつです。IE6だけちょい崩れるけどそれ以外は共通したデザインに変更できます。 ラジオボタンとかチェックボックスを画像に置換するプラグインですかね。なので、デザインの変更は基本的に画像とCSSを少し変えるだけです。尚、画像の指定もcssで行います。 左が普通で、右がリア充ですね。シンプルでいい感じです。見た目がいいほうが愛されるんですねきっと。世知辛い世の中ですこと。 マークアップも特別なことはしなくて済むのも楽かも。デザインの変更は基本的に画像を変え
Webデザイナーでもできる、サイトのパフォーマンスをあげる5つの方法
Webデザイナーでもできる、サイトのパフォーマンスをあげる5つの方法 2011-08-28 Webデザイナーが、Webサイトのパフォーマンスを重視する傾向はあまり無いように感じますが重要なことです。 Googleでは、0.5秒遅くなると、検索数が20%減少する amazonでは、0.1秒遅くなると、売り上げが1%減少する という報告もあるようです。Webサイトのパフォーマンスはコンバージョンにも影響する大切な部分。 今回はWebサイトのパフォーマンスを上げる方法を取り上げます。 パフォーマンスアップの前に 応答時間の限界 0.1秒までなら、結果はコンピューターではなく、ユーザーによって引き起こされたように感じる。 1秒までなら、"遅れている"と感じるが、ユーザーの思考は途切れずに、自由に動いていると感じる。 10秒までになると、ユーザーがコンピューターに振り回されている気持ちになり、ストレ
Everything you've ever Dreamed
僕はフミコフミオ。食品会社の営業部長だ。中小企業なので新規開発営業だけでなく、既存のクライアントとの交渉も一部、任されている。僕と同じフミオという名前を持つ首相が、春闘の集中回答日に大手企業の「満額回答」「満額を超える回答」といった良い感じの回答が相次いでいることを受け、中小企業の賃上げの流れを期待したい、という内容のコメントを出しているのをニュース番組で見た。僕は大手の満額回答も、首相のコメントも、冷凍倉庫にいるような冷めた気持ちで受け止めていた。確かに、中小企業からの製造コストや労務コスト増大を転嫁した価格アップ要請を不当に排除することは禁止されており、悪質な企業は公表されることになっている。僕のXのポストにもそういうレスがついている。 ウチの会社からの値上げ要請を受け付けなかった大企業様が満額回答で賃上げしている様子を冷めた目で見ている。世の中小企業なんてこんなものではないかな。 —
僕の見た秩序。
#オムライスにケチャップで書いてあったら嫌な言葉.まとめ #オムライスにケチャップで書いてあったら嫌な言葉.、文字ネタのはずが、 なぜかたくさんの画像がツイッターで話題だったのでまとめてみました。
Illustratorで作るロゴデザインチュートリアル「40 Tutorials for Outstanding Text Effects in Illustrator」
Illustratorで作るロゴデザインチュートリアル「40 Tutorials for Outstanding Text Effects in Illustrator」 企業のシンボルや、ブランディング、プロモーションなどに使用されるロゴには、個性が求められるシーンもしばしばあるかと思います。今回はそんな時に是非参考にしたい、Illustratorで作るロゴデザインチュートリアル「40 Tutorials for Outstanding Text Effects in Illustrator」を紹介したいと思います。 （Create a Mummy Text Effect In Illustrator | Vectips） Illustratorの機能を駆使し制作されたハイクオリティなロゴデザインが、チュートリアルと共に多数紹介されています。中でも特に注目したロゴをピックアップしましたの
HTML5+CSS3で実装された、さまざまなUIエレメントのコレクション
パラグラフ・リスト・見出しなど [ad#ad-2] UIパーツの使い方 下記の3つのステップで、これらのUIを自分のページで利用できます。 IEへの対応 IEにHTML5を理解させるために、2つの重要なファイルを使用します。 <!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <link rel="stylesheet" href="ie.css" type="text/css" /> <![endif]--> CSSのインクルード スタイルシートファイルをインクルードしてください。もし使用するエレメントが限られているのであれば、その箇所のみで大丈夫です。 <link rel="stylesheet" href="reset.css"
保存できる、ほぼA4サイズのデジタルノート(NoteSlate) : monogocoro ものごころ
描いて消すだけのブギーボードに保存機能が着いた！といった感じの重さ280gで厚さ6mmでお値段99ドル(!)のe Inkのノート。 ディスプレイ面は、190x270mmなのでA4(210x297mm)より少し小さいだけ。 iPad、Kindleとの比較表は以下。 WiFi対応で、メールは見られるけどブラウザはNG。保存はSDカードやUSBで。MP3の再生、PDFとtextが読める、180時間の長時間稼働、いずれOCRにも対応予定という、個人的には超魅力的な99ドルで13インチサイズのデジタルノート。 面白いのは、描く線の色ごとに３つのカラーバージョンが販売予定なこと。いい。 リリース予定は、6月にBasic,White,Blackが、12月に赤、青、緑、そして最後にカラー版も登場予定(価格不明)とのこと。待ち遠しい。 Thanks!!: Engadget Original: N
文章力が無くても、面白いブログ記事を書く秘訣
words / rick 人気ブロガーになるためには、「文章力」が必要だと考える人は多いと思います。本屋さんに行けば「人に伝わる文章の書き方」のようなタイトルの本が、たくさん売っています。 面白いブログ記事を書くために、一般的な文章力は必要ないと考えています。ブログにはブログなりのコツがあります。 なぜ、文章力は必要ないのか？ まずはこの文章を読んでみてください。 こんちには みさなん おんげき ですか？ わしたは げんき です。 この ぶんょしう は いりぎす の ケブンッリジ だがいく の けゅきんう の けっか にんんげ は もじ を にしんき する とき その さしいょ と さいご の もさじえ あいてっれば じばんゅん は めくちちゃゃ でも ちんゃと よめる という けゅきんう に もづいとて わざと もじの じんばゅん を いかれえて あまりす。 どでうす？ ちんゃと よゃち
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ノンデザイナーのための配色理論
「3億円を超える写真」：その理由
HugeDomains.com
侍魂
http://www1.max.ac/akatuki/furu0.htm