約 3,426,915 件
https://w.atwiki.jp/doshisha_intelligent/pages/93.html
講義情報 １，入学年度 2007年度 ２，講義配当年次 2年春学期 ３，科目名 情報キャリアデザイン ４，良講度 4 ５，楽勝度 4 ６，テスト持ち込み なし ７，レポート提出 あり ８，出席調査 あり ９，アドバイス ほぼ毎回レポートを課されます、そしてその採点は三木先生とその講義を受講している学生によって行われます（自分で他人のレポートを採点するということ）。きちんとしたテストはありませんが、たまに遊び程度のテストがあったりします（期末試験もレポート試験ですし）。就職に興味のある人、大学院へ進むか悩んでいる人にお勧めする講義だと思います。ここでは書きませんが三木先生は独特なことをするので退屈することはないでしょう(笑) 情報提供：匿名希望
https://w.atwiki.jp/kirituki/pages/16.html
コミックス地獄のデザイナーさん（主にコミックス本編）より 001 002 003 004 005 006 007 008 009 010 011 012 013 014 015 016 017 018 019 020
https://w.atwiki.jp/oiko2009/pages/535.html
ウジトモコ「デザインセンスを身につける」(2011) デザインセンスを身につける (SB新書) 評価 ★★☆☆ ひとこと 「視覚マーケティング」の本が面白かったので、買ってみた。 ウジトモコさん個人の主張には、興味深いので今後もウォッチしていきたいが 本書じたいは新書だったので、やや散漫な感じなのが残念。 分類 芸術総記 新書 目次 第一章 センスとは何か デザインのセンスは「アイコン」に宿る アイコンを変えたら誰だかわからない 猫の写真ではなぜダメなのか デフォルトのままだとスパムに見える ワンキャッチワンビジュアル 同じビジュアルで異なる印象 アイコンはあなた証明書 デザインセンスのいい人 個性を判断する「センス」 三種の神器は「見せる」「伝える」コミュニケーションのフレームワーク デザインセンスを磨くということ 第二章 なりたい自分をデザインする技術 見せたい自分を見せる技術 美しいデザインのルール 黄金比と三分割法 目立つコツは「構造に逆らう」 構図の力 顔出しNGでも「自分らしさ」は出せる 見せるものを決める ライティング 視点が語る アングル 感情移入のコントロール 俯かん図とヨリ 正面から見る 対等な目線 視点を誘導する フォーカス 色とは何か 見せたい色をどう決めるか なりたい自分になるための色選び 「ふさわしさ」のデザイン 「クラス感」とは何か 「見やすさ」と「わかりやすさ」をデザインするには グーグルマップがあるのに道に迷う理由 フェイスブックのインターフェースは使いにくい？ 「よい・悪い」vs「好き・嫌い」 第三章 プレゼンはデザインで勝負 プレゼンを成功させる二つのスキル 残念なプレゼンの「なぜ」を検証する アイキャッチをつくるコツは「シンプルに伝える」 キービジュアルを決める フォーマットを生かせば仕事が速い プレゼンのデザインはキャラクター設定から フォーマットづくりのポイント プレゼンのトーン・アンド・マナー 「誠実さや高級感」を出す 「あなたらしさ」をどうやって盛り込むか 第四章 デザインでブランドが育つ スマイルカーブが描けない国 広告でブランドはつくれない デザインマーケティング アイデンティティのデザイン シンプルデザインはなぜ強いのか 「自信」をデザインする 個性的であることを恐れない 信者を生み出すアップルのデザインマーケティング 自社の社名をPRして愛されるグーグルホリデーロゴの不思議 共創クリエイティブ思考 ずっと続く道を歩き続ける 第五章 デザインがわかると未来が見える モチベーションを高めるデザイン めざすものを形にして考える あなたの夢をデザインする デザインが組織の士気を高める メッセージのデザイン 未来をつくるデザイン 気になる表現 メモ 参考文献
https://w.atwiki.jp/kumicit/pages/1031.html
Kumicitのコンテンツ インテリジェントデザイン概説 インテリジェントデザインと地球の年齢 モデルなきインテリジェントデザイン 生命の歴史について論じているのに、地球の年齢へ言及しないという基本方針のために、インテリジェントデザインには、生物種の出現や滅亡の時系列がない。時系列なき歴史では、何を論じているのかわからない。 モデルなきインテリジェントデザインを斬る、古い地球の創造論者Dr. Hugh Ross 時系列なき歴史という何を論じているのかわからないを、古い地球の創造論者Dr. Hugh Rossは、検証も反証も不可能なものと斬っている： Scientists repeatedly ask ID leaders at public meetings to clarify their stance on young-earth creationism. A persistent unwillingness to give a clear answer to this question reinforces their notion that ID may simply represent a stealth creationist movement. Astrophysicist Adrian Melott's headline in Physics Today claims "Intelligent Design is Creationism in a Cheap Tuxedo"[24]. 科学者たちは、公開ミーティングの場で、インテリジェントデザインの指導者たちに対して、"若い地球の創造論"に対するスタンスを明確にするよう問うてきた。この問いに明確に回答しようとしないことで、インテリジェントデザインはステルス創造論運動にすぎないという科学者の主張を補強している。宇宙物理学者Adrian MelottはPhysics Todayのヘッドラインで、「インテリジェントデザインは安物のタキシードを着た創造論である」と主張している。 Carl Wieland, himself a young-earth creationist, pinpoints another major reason for such a negative response. He notes that ID theorists "refuse to be drawn in on the sequence of events, or the exact history of life on Earth, or its duration"[25]. Therefore, they "can never offer a story of the past"[26]. He asks, "If the origins debate is not about a 'story of the past', what is it about?"[27] 自身が"若い地球の創造論者"であるCarl Wielandは、そのような批判的な反応のもうひとつの理由を指摘する。インテリジェントデザイン理論家たちが、イベントの時系列あるいは地球上の生命の歴史あるいはその期間について、記述することを拒否していることを、Carl Wielandは指摘する。従って、インテリジェントデザイン理論家たちは過去のストーリーを決して提示できない。起源について議論が、過去のストーリーについてでないなら、何についてなのか？ When it comes to the origin of the universe, life, and humanity, scientists want history's story. They emphatically request that the story be cast in the form of a testable model. In a two-hour prime-time national television debate in 1997 between evolutionists and ID leaders, the evolutionists repeatedly asked, "Where is your model?" and never received a reply[28]. Nine years later, evolutionists still ask the same question and still receive no response[29]. 宇宙と生命と人類の起源について、科学者はその歴史のストーリーを求める。科学者たちはストーリーが検証可能なモデルの形で提示されることを要求する。1997年のプライムタイムの2時間の全米放送の進化論者とインテリジェントデザインの指導者たちの討論番組で、進化論者たちは繰り返し「モデルはどこにあるのか？」と問うたが、答えはなかった。それから9年経過したが、進化論者は同じことを問い、答えは得られていない。 Without a model, the ID paradigm cannot be tested or falsified, nor can it generate significant predictions of future scientific discoveries. This lack of substantive testability gives rise to the repeated charge that ID is "not science". モデルがなければ、インテリジェントデザインのパラダイムは検証も反証もできず、将来の科学的発見についての重要な予測も作れない。実質的な検証可能性の欠如は、インテリジェントデザインが「科学ではない」という批判を繰り返し呼び起こす。 To consider an alternative view, scientists must be shown a more coherent and comprehensive explanation of history, the fossil record, and other data covered by evolutionary theory than that theory already provides. The IDM's program for bringing about change is significantly set back because its proponents have yet to explain the origin and history of universe, Earth, life, and humanity. 代替理論を考えるなら、進化論がカバーする歴史や化石記録やその他のデータについて、既存の理論が提示するものよりも、より首尾一貫した広範囲の説明を、科学者たちに提示しなければならない。変化をもたらそうとすインテリジェントデザイン運動は、インテリジェントデザイン支持者たちが宇宙と地球と生命と人類の起源と歴史を説明していないことで、前へ進めないでいる。 [24] Adrian L. Melott "Intelligent Design is Creationism in a Cheap Tuxedo", Physics Today, 55 (June 2002), 48-50 [25,26,27] Carl Wieland "CMI's Views on the Intelligent Design Movement" [28] This debate was hosted by William E. Buckley Jr. on the PBS program Firing Line on December 29, 1997. [29] I asked this question in a private conversation with a prominent IDM leader in 2003. He acknowledged the need for a model but said that he and his colleagues would need at least eight more years to develop one. 2003年に私はインテリジェントデザイン運動の有力な指導者と個人的会話でこれを聞いてみた。彼はモデルの必要性を認めたが、彼と仲間たちがモデルをつくるのに少なくともあと8年は必要だろうと述べた。 [ Hugh Ross "Creation as Science" , pp.31-33] 時系列なき歴史という致命的問題を指摘する若い地球の創造論者Dr. Carl Wieland また、Dr. Hugh Rossたちが引用した、"若い地球の創造論"サイトCreation Ministries InternstionslのDr. Carl Wielandは、まさしく、時系列なき歴史というインテリジェントデザインの致命的な問題を指摘している。 Since the only thing in their platform which comes close to being a commonly - shared presupposition is a negative (naturalism is wrong), they can provide no coherent philosophical framework on which to base the axioms necessary to interpret evidence relevant to the historical sciences (paleontology, historical geology, etc). So they can never offer a "story of the past", which is one more reason why they must continually limit the debate to one of mechanism - and then only in broad, general terms (designed vs undesigned). 彼らのプラットフォームで唯一共有される前提はネガティブ（自然主義は間違いだ）だけなので、彼らは古生物学や地質年代学のような時系列科学に関する証拠を解釈するのに必要な原則的基礎を形成する首尾一貫した哲学のフレームワークを提示できない。従って、インテリジェントデザイン理論家たちは過去のストーリーを決して提示できない。それが、彼らが議論をメカニズムのひとつ、幅の広い一般用語であるデザインされたかされていなかに限定しなければならない理由である。 They generally refuse to be drawn on the sequence of events, or the exact history of life on Earth or its duration, apart from saying, in effect, that it "doesn't matter". However, this is seen by the average evolutionist as either absurd or disingenuously evasive - the arena in which they are seeking to be regarded as full players is one which directly involves historical issues. In other words, if the origins debate is not about a "story of the past", what is it about? 彼らは一般に、イベントの時系列あるいは地球上の生命の歴史あるいはその期間について、記述することを拒否し、それらは重要ではないと言う。しかし、これは平均的な進化論者から見れば、不合理もしくは陰険に回避的である。彼らが完全なプレーヤーだと思われたがっているアリーナは、直接に時系列の問題を含むものだ。言い換えるなら、起源について議論が、過去のストーリーについてでないなら、何についてなのか？ Their failure to identify themselves with a story of the past (e.g. Genesis) is partly tactically-driven, but is also a necessity, because they do not agree within themselves on a story of the past. However, this failure only reinforces the perception by the establishment that they are really "creationists in disguise". The attacks on the IDM have thus been virtually as ferocious as any on Genesis creationists. Thus, the belief that agreeing to "keep the Bible out of it" would serve to keep anti-religious hostility out of the arena has not been confirmed in practice. 創世記のような過去のストーリーについてポジションを定めないのは、部分的は戦術的なものだが、また必然でもある。これは彼らの内部で過去のストーリーについて合意に至っていないからだ。しかし、ポジションを定めないことは、インテリジェントデザイン運動が創造論者の偽装だというエスタブリッシュメントの認識を強めるだけだ。インテリジェントデザイン運動への攻撃は、いかなる創造論者への攻撃と同じく猛烈だった。従って、「聖書に触れない」ことで、反宗教な敵意をアリーナから排除できるという確信が実証されることはなかった。 [ Carl Wieland "CMI's Views on the Intelligent Design Movement" ] インテリジェントデザイン運動内部に、宇宙と地球と生命と人類の歴史についての合意がなから、ストーリーも示せず、ネガティブ論しか語れず、それでいて進化論サイドからの攻撃も避けられていないと言う。 そして進化論教育を守るNCSEも 米国の進化論教育を守るNational Center for Science Educationの前代表Dr. Eugenie Scottも、Carl Wielandを引用して、時系列なき歴史というインテリジェントデザイン批判を記している。 A criticism of the ID movement brought by both scientists and Young Earth Creationists is the lack of empirical content in ID "theory." As detailed by the Young Earth Creationist Carl Wieland, on the Answers in Genesis web site 科学者と若い地球の創造論者からともに挙げられる、インテリジェントデザイン運動に対する批判は、インテリジェントデザイン理論に、経験的内容がない点である。若い地球の創造論者Carl Wielandはウェブサイトに次のように書いている。 They generally refuse to be drawn on the sequence of events, or the exact history of life on Earth or its duration, apart from saying, in effect, that it "doesn't matter". However, this is seen by the average evolutionist as either absurd or disingenuously evasive - the arena in which they are seeking to be regarded as full players is one which directly involves historical issues. In other words, if the origins debate is not about a "story of the past", what is it about? 彼らは一般に、イベントの時系列あるいは地球上の生命の歴史あるいはその期間について、記述することを拒否し、それらは重要ではないと言う。しかし、これは平均的な進化論者から見れば、不合理もしくは陰険に回避的である。彼らが完全なプレーヤーだと思われたがっているアリーナは、直接に時系列の問題を含むものだ。言い換えるなら、起源について議論が、過去のストーリーについてでないなら、何についてなのか？ [ Eugenie Carol Scott "Evolution Vs. Creationism An Introduction" それでも、インテリジェントデザイン運動は、地球の年齢に言及しないという方針を公式には堅持している。
https://w.atwiki.jp/designnohikidashi/pages/56.html
作成中 デザインのひきだし 第46巻 初版第1刷発行 2021年M月DD日 編者 グラフィック社編集部 発行者 長瀬聡 発行所 グラフィック社 印刷・製本 図書印刷 アートディレクション デザイン 撮影 執筆・協力 編集・執筆 企画・編集 ISBN-10 4766136691 ISBN-13 9784766136692 CONTENTS 特集 さまざまな版を使った箔押しから四方金、箔転写、箔文具まで印刷・紙加工の大百科箔押し 箔加工編 ※CONTENTSの頁表記なし 006 箔押し 箔加工ざっくり分類 008 箔押し 箔加工インタビュー1 名久井直子（ブックデザイナー）見本帳を見たときに目と目が合った「グリッターホイル」を使う箔押し巧者 010 箔押し 箔加工インタビュー2 G.C.PRESS箔押しの圧とエンボスの浮上げを組み合わせた、精細で上質感ある独自表現 012 箔押し 箔加工インタビュー3 未成年（アーティスト）デジタル箔DMライナーで1枚からできる箔加工を効果的に使った作品づくり 014 技あり 箔押し 箔加工作品紹介 024 知っておきたい名作箔押し 028 本誌歴代箔押し 箔加工表紙 029 箔押し 箔加工テクニック編 030 大きく2種類、箔押しと箔加工に分けて理解する 032 箔押し編 033 箔押しってな～に？ 美箔ワタナベ潜入ルポ 038 版の基本 039 ➀腐食版編集部おすすめ製版会社 040 ツジカワ 041 学術写真製版所 042 Sakae Plus 043 田中箔押所 044 ②彫刻版編集部おすすめ製版会社 045 ツジカワ 046 ③箔の基本編集部おすすめ製版会社 048 村田金箔 051 クルツジャパン 053 カタニ産業 054 堀金箔紛 055 田中孝商店 056 EP Print 058 箔押し会社の得意技紹介 059 つばめ返し＜コスモテック＞ 060 Sプリズムプリント®＜サンクラール＞ 061 E-HOT®＜東亜工芸社＞ 062 精緻な箔押し＜美箔ワタナベ＞ 063 レンズ箔の箔押し＜美箔ワタナベ＞ 064 鮮やかな多色箔押し＜セキュリティプロダクツ＞ 065 箔押しパッケージ＜大建加工＞ 066 繊細な箔押し＜真美堂手塚箔押所＞ 067 絵に溶け込む箔押し＜Tワークス＞ 068 板紙・合紙に箔押し＜ほしゆう＞ 069 曲面への箔押し＜鈴木スクリーン＞ 070 箔押し名刺＜箔押し印刷 あさだ屋＞ 071 いろいろな素材の箔押し＜宮川箔押産業＞ 067 113 連載・記事 もじモジ探偵団 File19[賞味期限のの文字] 118 連載・記事 こだわりのある紙モノ・刷りモノ店へ [紙の温度] 122 連載・記事 名工の肖像 [活字活版印刷 三木弘志（弘陽）] 126 連載・記事 祖父江慎の実験だもの。 [スクリーン印刷で厚盛り箔＆ホログラム加工ができる魅惑のスクリーンフォイラーに挑戦！] 130 連載・記事 本づくりの匠たち 44 竹紙製造／中越パルプ工業 136 連載・記事 ○○のデザインを考える 第10回[中條正義さんにとってのデザインを考える] 138 連載・記事 偏愛文字デザイン [オルタナティブポスター] 142 連載・記事 編集部注目PICK UP！ [特殊東海製紙の新しい紙＆パルプモウルド] 148 連載・記事 特別記事 [「この画集が、もうひとつのオリジナルだ」宇野亞喜良が新作画集に特殊印刷を多用したのはなぜなのか。] 154 連載・記事 王子エフテックスの白もの用紙「OKミューズガリバー」シリーズは6種類 156 連載・記事 ひきだし通信 本文用紙 用紙協力：王子製紙 P001~032 OKプリンセスN 四六判 Y目 59.5kg P033~064 OKハルクリームN 四六判 Y目 61kg P065~096 OKライトクリームN 四六判 Y目 70.5kg P097~128 OK白王 四六判 Y目 61kg P129~160 OKトップコート+ 四六判 T目 35kg
https://w.atwiki.jp/girlgame/pages/23.html
シリーズを除いたタイトル・3つ以上のキャラクターデザインを担当したことのあるイラストレーターは名前をクリックすると詳細ページに移ります。 あ行 か行 さ行 た行 な行 は行 ま行 や行 ら行 わ行 あ行 名前 関連サイト キャラクターデザインを担当したゲーム 青木直 paranoia Hush-a-bye,baby 秋野すばる Pleiades 神さまと恋ゴコロ 朝日川日和 花紅通り クローバー図書館の住人たち あづみ冬留 寿ウェブ そしてこの宇宙にきらめく君の詩 甘塩コメコ イスどんぶり、甘塩コメコ - Wikipedia 爽海バッカニアーズ！ 天野ちぎり kategorie-A 蝶の毒 華の鎖 ～大正艶恋異聞～ 綾永らん AYARAN日記 elan いけ 蒼黒の楔、ヒイロノカケラ、ARMEN NOIR 伊集院草一郎 カレと彼の間で －DXツインズパック版－ 市川夕陽 Vamwolf Cross† 一斗まる Maru Web クレプシドラ～光と影の十字架～ いのまたむつみ いのまたむつみオフィシャルブログ 二世の契り 岩崎美奈子 GREAT ESCAPE L2 Love×Loop 岩元辰郎 岩元辰郎之玩具工場 バクダン★ハンダン 薄葉カゲロー INITIATIVE ウィル・オ・ウィスプ、ワンド オブ フォーチュン 他 ウダジョ HnM BROTHERS CONFLICTシリーズ 内山紳介 転生八犬士封魔録 Hs 男遊郭 ＳＫ RE VICE［D］ 沖津志明 LOVE DROP クリムゾン・エンパイア、12時の鐘とシンデレラ 他 小田すずか 甘党 官能昔話 おもて空良 EBISUYA online うるるんクエスト 上へ か行 名前 関連サイト キャラクターデザインを担当したゲーム 各務ユイ クリムゾン・エンパイア 風見まつり 誰にでも裏がある カズアキ K E100S Starry☆Skyシリーズ 他 カズキヨネ 生存記録 緋色の欠片シリーズ 他 風李たゆ CLEAR クロノスタシア 加藤さやか AnarchistJAPAN 維新恋華 龍馬外伝 かる 明治東亰恋伽 川人やすたけ 左手はCtrlにそえるだけ リトルアンカー、STORM LOVERシリーズ 菅野紗由 記憶の足跡 キミカレ～新学期～ 如月芳規 whitecrow マーメイド プリズム 如月水 少年×少女 D.C. Girls Symphony 吉祥りら Turn it on Last Escort きなみ由希 Glass Heart Princess、Trigger Kiss 木下さくら 駄犬マーサ愛護団体 ペット探偵Y s 木村屋いづみ Mystic Mind キリ 絶対迷宮グリム 霧野むや子 Dessert Love Sweet Plus キリシマソウ 葵-HollyHock- ラスト・エスコート2、ドウセイカレシシリーズ、他 桐矢隆 鉄小鹿墓所5.0 カヌチ 他 ギンカ Galaxy of love Blog BEYOND THE FUTURE 琥狗ハヤテ NERIYAKANAYA 下天の華 くにみつ くにみつmemo 宵夜森ノ姫 雲屋ゆきお chronopigeon ガーネット・クレイドル 倉花千夏 Chroma.cc うたの☆プリンスさまっ♪シリーズ 呉由姫 金色のコルダシリーズ クロ 空模様 drastic Killer ぐり。 ＧＵＬＩ．ｎｅｔ -8（マイナスエイト） 黒葉.K cloverS 蒼天の彼方、PANDORA clover Enkeltbillet 黒裄 sotte 月華繚乱ROMANCE、BLACK WOLVES SAGA 倉持諭 Happy☆Magic! ケイティ 硝子の森 紅月りと。 架鳴屋 学園特救ホトケンサー 小島きいち BELIEVER! 小晶 絡繰蝶々 サイキン恋シテル？ 湖東美朋 Mignon!! DOKI×DOKIさせて!! 小松原里枝子 ときめきメモリアルGirl s Sideシリーズ 狛宮沙代 裏語 薄桜鬼 上へ さ行 名前 関連サイト キャラクターデザインを担当したゲーム 榊 榊ブログ 恋戦隊LOVE＆PEACE THE P.S.P. 榊空也 しらつゆの怪 サクラ BLACK CODE 桜沢いづみ Blueberry Jam はかれなはーと 沙汰 末黒野 Double Score さとい DIABOLIK LOVERSシリーズ 他 佐藤正樹 Darling2 Backlash さらちよみ MELROSE'S DEAR My SUN!! 他 鹿沼なつき 原宿探偵学園スチールウッド しまはづみ ドラゴンペナンス 霜月かいり 日々然々 百華夜光 白石まなみ いっしょにごはん。PORTABLE 城たみ 華萌灯 星の王女 ～宇宙意識に目覚めた義経～ しろま 4696 英国探偵ミステリア、秘密のおやゆび姫 銀木夕 乙白 あさき、ゆめみし、神足町人妖譚 スオウ ALICE=ALICE、BAD APPLE WARS スギハラトモキ 放課後は白銀の調べ スズケン KALEIDO SCOPE 三国恋戦記 ～オトメの兵法！～、ヴァルプルガの詩 すみ兵 マッチョリ 死神と少女 瀬田かずみ 行雲流水 ひとふた奇譚 センナイ グリム・ザ・バウンティハンター ソウ 逢魔時、死神稼業 他 上へ た行 名前 関連サイト キャラクターデザインを担当したゲーム 鯛子 魔女王 貴里みち MAYBELLS 悠久ノ桜 武村ゆみこ 戦場の円舞曲 ちょび スクール・ウォーズ つきのおまめ 月の負け犬 越えざるは紅い花 他 津々巳あや Ayairo ラブルートゼロ 悌太 murmur いざ、出陣！恋戦 他 天空すふぃあ SHIN-KUU あさき、ゆめみし、神足町人妖譚 上へ な行 名前 関連サイト キャラクターデザインを担当したゲーム 内藤フロ（玄米） 其の辺 大正鬼譚 中村龍徳 Blog R@O 二世の契り、源狼 ～GENROH～ ナガオカ information S.Y.K 他 中島みなみ SOUTH FOREST 魔法使いとご主人様、ハートの国のアリス 中条比紗也 WILD VANILLA DUEL LOVE ナカムラモンド Double Reaction！ 菜摘かんな 断罪のマリア 仁神ユキタカ 送信箱＠Web！ ひめひび 他 乃上冷紋 COLD EMBLEM 花宵ロマネスク 能登山けいこ 創作アリスと王子さま! 上へ は行 名前 関連サイト キャラクターデザインを担当したゲーム hagi 嘘月シャングリラ 白狼 アラビアンズ・ロスト pako 超音速あんこ-unco- スカーレッドライダーゼクス 花邑まい Facebook デザート・キングダム、AMNESIA 浜崎潤 for Symphony 林家志弦 ツアーパーティー 東山和子 wasabi BLOG ペット探偵Y s 久岡 恋は校則に縛られない！ ひだかなみ ORIGIN 水の旋律シリーズ ひめりんご 苺と蝋燭、pixiv ハートの国のアリス、クローバーの国のアリス 彪雅マサト ASTER 蒼天の彼方 平野克幸 BOOST FIRE!／平野克幸 - Wikipedia 恋花デイズ 平未夜 マーメイド・ゴシック ヒロセアヅミ あづブログ。 カエル畑DEつかまえて、SWEET CLOWN 藤原ここあ I DOLL U 冨士原良 Flunch 放課後colorful*step、DYNAMIC CHORD 藤丸豆ノ介 豆古庵 ダイヤの国のアリス、お菓子な島のピーターパン 他 ふゆの春秋 Goes! PURU Rear pheles ほたか乱 快眠枕 暗闇の果てで君を待つ ぼんぼり 逢魔時、スクール・ウォーズ 他 上へ ま行 名前 関連サイト キャラクターデザインを担当したゲーム 前田浩孝 Malter Egod Vitaminシリーズ 他 松本青 mbst スト☆マニ 真広雄海 ひつじぐも シノバズセブン 御巫桃也 解空b ROOT∞REXX 水野十子 遙かなる時空の中でシリーズ 水口十 君ノ音 hotograph Journeyシリーズ 美辺貴緒 雅恋 ミタマイ 放課後は白銀の調べ 南月ゆう EarthlyParadise らぶ☆どろ 紫あや SNOW BOUND LAND めろ Q Custom Drive、大正×対称アリス moo Evergreen Avenue 睦月ムンク m.matter 籠の中のアリシス 守里ゆうじ MONKEY-SPACE 令嬢探偵 上へ や行 名前 関連サイト キャラクターデザインを担当したゲーム 柳矢真呂 KERO MAX あすか！ ヤマシタコウジ Yo-Jin-Bo 他 山本佳奈 Jewelic Nightmare 山下ナナオ モノ作りのスキマ。 Bloody Call 結川カズノ Lyrix-Rhetorix ラスト・エスコート、ドットカレシ シリーズ 結賀さとる Fractal-note 黒蝶のサイケデリカ ゆうきあずさ Zodiac ファンタスティックフォーチュンシリーズ 雪野ツナコ 修行部屋（仮） 黒雪姫 ～スノウ・ブラック～ ユウヤ（わいあっと） 華ヤカ哉、我ガ一族 由良 Tennenouji 乙女的恋革命★ラブレボ!!、Real Rode、華アワセ 由羅カイリ アンジェリークシリーズ（ネオ含む） 上へ ら行 名前 関連サイト キャラクターデザインを担当したゲーム ラム Kaleidoeve 龍牙翔 龍の肉まん FIRST/LIVE、Siesta RiRi L.G.S、Binary Star 他 redjuice 花咲くまにまに ろく丸 夏空のモノローグ 上へ わ行 名前 関連サイト キャラクターデザインを担当したゲーム わいあっと（ユウヤ） 帝国海軍恋慕情 和田ベコ 絶対階級学園 上へ
https://w.atwiki.jp/ninja22/pages/47.html
【もとのページに戻る】 新・レシート貼るだけ家計簿について レシート貼るだけ家計簿とは、レシートを貼るだけで合計金額が分かるように作られた、画期的な家計簿のこと。 新レシート貼るだけ家計簿―計算・記入は一切不要! (主婦の友生活シリーズ) 新・レシート貼るだけ家計簿とは、それの改良版である。前のバージョンでは、レシートを貼ることで膨らんだ冊子がまとまらなかった、という点を受けて、カバーをつけて、１冊がバラバラにならないよう、まとめられるようにしたもの。 [429] Client error `POST https //webservices.amazon.co.jp/paapi5/getitems` resulted in a `429 Too Many Requests` response { __type com.amazon.paapi5#TooManyRequestsException , Errors [{ Code TooManyRequests , Message The request was de (truncated...) 最近はさらに改良されたらしく、クリップを使わずにカバーだけで冊子をまとめられるようになっているみたい。前回より、縦幅は2mm増し、横幅は2mm減みたいですが…。ちなみに金額は、前回より330円増しです。 【便利な点】 レシートをもらうだけで家計簿が作成できる。（従来の家計簿が記憶、または綿密な記録を頼りに作成されるものだったのに対し、こちらは、レシートを取って置くだけで、いつでも時間をさかのぼって家計簿を作成できる。） 見るだけで合計金額が分かるので、計算しなくてよい。電卓も要らない。 【不便な点】 レシートに頼りすぎるため、レシートのない支出があいまいになる。（amazon、カード払い、学食…） かさばる。レシートを貼った家計簿が分厚くなり、収納しにくい。 というわけで、自分なりの改良点を加え、ninjaバージョン「レシート貼るだけ家計簿」を制作したいと思う。これは、この出版物に対する批判ではなくて、賞賛しつつもっと便利にしようプロジェクトということで、ご理解ください。 そして、最新版のほうではなくて１つ前のバージョン「新・レシート貼るだけ家計簿」を使用したときに感じた問題点を挙げているので、もしかしたら最新のバージョンでは改良されていることも含まれるかもしれない。 【もっと便利にしようプロジェクト】 現在の問題点の分析 ninjaバージョンの制作と、改良点 today - yesterday -
https://w.atwiki.jp/morigaimaidezawiki/pages/18.html
こなた事件 こなた事件とはこなたd（＝ω＝．）d が起こした騒動である。 事の発端はこなたがデザインを盗作した事から始まる。 マイデザ板での戦い こなたが森ガイにやってくる。 しばらくしてこなたのパクリスレが立つ。 この時はまだみんなはこなたが盗作をしていたという事実を知らない。 （気づいていたが知らないフリをしている人も） 何ヶ月か経った後、誰かが元のデザインを上げた事により 盗作をしていた事がバレる。 丁度その頃元デザインの主も現れた。 こなたは何の悪びれもせず 元主に「ここ間違ってるしちゃんと描け」と文句。 この時点で少しこなたの評判は悪くなっていただろう。 住民達が謝罪を要求しているが こなたは悪くないと否定。 謝罪コールは止む事なく続き やっとこなたが謝ったかと思えばその謝罪文には何の心も篭もってない 適当な謝罪をした事で住民達に反感を買う。 その後は済し崩しに終わってしまう。 多分ここら辺でこなたのスレのpassがバレる。 それだけで終わればよかったのだがこの惨劇はまだまだ続く事になる。 スレ乗っ取り大作戦 パクリ騒動が一段落した頃、こなたはすぐに新しい計画を練っていた。 誰かにデザインを描いて貰い、スレを乗っ取ろうとする計画だった。 早速こなたは、まず誰かにデザインを作って貰おうと作ってくれる人を探した。 ここでこなたは絵が上手くてこなたから見て信頼（？）しているはくれーせんを選び デザインを作って貰うように頼んだ。 こなたは副スレにするためにpassを予め決めておいたのではくれーせんにpassはこうしてほしいと頼む。 はくれーせんに伝えるためにそのpassをデザイン板に書き込んでしまったせいで 偶然数人の住民がpassを知ってしまったのである。 こなたの計画通りに完成したデザイン「シャナスレ」が誕生する。 こなたは人様に作って貰ったにも関わらず踏ん反り返って 新参に「上手いですね！」という発言に対し「ありがとうございます」と返す あたかも自分が描いたような受け答えをし、 「○○さんに作って頂きました」という表記もない。 住人達は表記しといた方が良いと忠告するが こなたは無視。何事もないように馴れ合いを続ける。 激怒した少数の住人によって荒らされる。 こなたの評判は大分悪くなり殆どの住人から嫌われるようになる。 こなたは卒業宣言するが三日後に普通に帰ってくる。 その後も荒らされ続け、 こなたはおはなし掲示板に逃げる。 おはなしで戦い おはなしでこなたは新たにスレを立てる。 おはなしの住民達は事件の事を何も知らないので 少数であったが新参や消防などが集まり、そこそこ上手くいっていた（？） ところがデザイン板の住人がやってきて攻撃を仕掛ける。 論争（になってないが）が始まる。 こなた批判スレが乱立し、おはなしの住人にも悪印象を受ける。 結果こなたは論破（？）され卒業した。 が、時々おはなしに出現する事がある。 みんなこなたを叩くのを飽きたのだろうか こなたは普通に来るようになった おまけ こなたの武勇伝やこなたコピペを紹介。 ★こなた伝説☆ サークルをやっている（リーダー） 回し蹴りで左腕骨折させられる 空手 ３段 合気道 ５段 空中右回し蹴り ３２枚 「板を割った枚数」総合 1日に20回告白を受けた 自作ゲームを作って二万近く稼いだ 授業中にPSPで音楽を聴いたりしているが成績がいいので許されている クラス内での影響力が大きい ツンデレを流行らした 絵が上手い パソコンの扱いが上手い と定評がある 声まねが得意 レパートリー 涼宮ハルヒ ・高坂桐乃 ・泉こなた ※全部嘘 人の絵をパクってそれをしらない人に誉められた時の発言 →「自信作なんだ！」 同じ学校の生徒を骨折させた（嘘） 一日の内に20回告白された（嘘） 彼女がいる（嘘） 教室で彼女からキスされた（嘘） サークルのリーダーやってるよ！（嘘） 絵が上手い（大して上手くない）ことを嫉妬されたが皆が自分をかばってくれた（嘘） マイデザ板にてデザインをパクる こなたはパクリではありませんと否定 しかも逆に「ここ間違ってるよ、ちゃんと描いてよ！」と ぱくられた人に上から目線で文句 「ぱくりじゃありませんアレンジですｗｗｗｗ」 その後とある人のデザインを乗っ取る ここでこなたは叩かれ 殆どのマイデザ民から嫌われる そしておはなしに逃げる 日時： 2011/05/12 17 36 名前： こなたd（＝ω＝．）d◆own1ll1WRU URL： だから愛だよ！かがみん！！ こなたは周りから 絵うまいねっ ｐｃ上手だね とかいわれて やきもちややつが 「おまえ き も いんだよタヒね」 って いわれて 女子がなによー ともだちがなんだおまえらっていって こなたが「どいて みんな 今ゴミ虫消すから」 って いって なぐられたから 後ろ飛び回し蹴りしたら泣いて先生にいいつけて こなたがおこられた...... 今日のこと Re *∴°夏休み フラグ立ってるね！°∴*（ No.457 ） 日時： 2011/08/02 22 06 名前： こなたｄ（＝ω＝.）＠◆ealb0Ayg1I PCから URL： http //だから愛だよ かがみん！！ はい もういいです お前らゴミ決定 描き込めないようにロックしてやるよ！ たのしかったよ ｋｓ達と遊んで バカみたいだったけど 笑えたよじゃなーね 死ね！ ごみ！ ｋｓ 二度とくるなよ？ 死死死死死死死死死死死死死死死死死死死死 外部リンク こなたのブログ こなたのスレ（おはなし） こなたの動画１ こんにちはこんばんはおはようございま～↑す こなたの動画２ auni -- 名無しさん (2011-08-10 15 23 40) ちなみにpassをチクったのはマリオ -- レサレサ (2011-08-10 15 24 50) そして大改造したのがれおちゅウ -- ああ (2011-08-10 19 02 36) こなたは最近 結構おはなしに出現している -- 誰かさん (2011-08-31 10 50 24) 笑えたよじゃなーねってなんぞｗ -- ああ (2012-03-30 01 14 03) 名前 コメント
https://w.atwiki.jp/sotto_project/pages/224.html
はてなブログのデザインのカスタマイズ 目次 CSSカスタマイズの基本資料 カスタマイズの注意点CSSに全角日本語を使用すると正しく出力されない不具合 はてなダイアリーの時のようにデザインを管理画面で書いたCSS等をテーマとして管理できないの？ ブログテーマの配布 カスタマイズ事例サイドバー ブログタイトル 文字フォント はてなスター コメント欄 ソーシャルメディア 秀逸なデザインのブログ事例 CSSカスタマイズの基本資料 HTML構造 - tikeda's blog 11/7時点でのHTML構造。CSSカスタマイズの参考資料。 はてブロのCSSメモ Aero編 - 癒しの光源 はてなブログのデザインテーマ別表示領域一覧 - 正衛門 カスタマイズの注意点 CSSに全角日本語を使用すると正しく出力されない不具合 【追記】2012/7/11、修正されました デザイン設定ページの「デザインCSS」内で日本語が書けない不具合を修正しました アクセス解析機能を強化しました - はてなブログ開発ブログ imageプラグインエラー ご指定のURLはサポートしていません。png, jpg, gif などの画像URLを指定してください。 Okomeおこめ はてなブログせっかく招待いただいたのではじめてみたんですけど予想を上回るβっぷりにびっくりしてますhttp //okome.hatenablog.com/ とりあえず管理画面のCSSいじくれるところに.profile-description {display none;}を追加で同じ文章が二つ表示されてる状態からは脱しましたがここに日本語で説明文とか入れるととたんにCSS読まなくなるというのに気がつくまでに時間がかかったりしました （2011/11/22 10 19 20） link CSSに全角日本語を使用すると正しく出力されない不具合が発生しております。近日中に修正予定です。ご不便をおかけして申し訳ございません。 「デザイン設定」「デザインCSS」に /* ブログタイトル */ #title a{color #3d88ff;} って感じで全角のコメントを…｜フィードバック｜はてなブログ (beta) はてなダイアリーの時のようにデザインを管理画面で書いたCSS等をテーマとして管理できないの？ したいです はてなダイアリーの時のようにデザインを管理画面で書いたCSS等をテーマとして管理できるようにしてほしいです。｜フィードバック｜はてなブログ (beta) ブログテーマの配布 theme.hatenablog.com 非公式ブログテーマ置き場作った - Uedayworks HatenaBlog 非公式ブログテーマ置き場 - Ueday HatenaBlog 140字以上書けないブログテーマ作った - Ueday HatenaBlog ブログテーマ作った - Ueday HatenaBlog 物書きのための非公式ブログテーマ - nitro_idiot's diary 縦書き表示。「最新のGoogle Chrome、Safari、IE9で縦書きで表示され、Firefox、Opera、IE6-8では横書きで表示されます」 カスタマイズ事例 はてなブログのデザインカスタマイズに挑戦！ - masabossa's diary CSSを弄ってみる - 4sk blog (beta) はてなブログのデザインを少しだけいじくったのでCSSをさらしてみる - algonrithmのはてなブログですか？ はてブロカスタマイズ - murmure グローバルヘッダの文字色を変える - Ueday HatenaBlog 背景色をランダムにする - 笨倪併笳｡笊ｹ笨・http //r7kamura.hatenablog.com/entry/2011/11/18/220757 ランダムに画像を表示 水平線まで何ピクセル？ - 笨倪併笳｡笊ｹ笨・http //r7kamura.hatenablog.com/entry/2011/11/12/045548 水平線や見出しにCSSのbefore擬似要素で装飾 はてなブログの広告を薄くする方法 - $takc923- はてなブログの広告を目立たなくする方法 - $takc923- サイドバー 「サイドバー編集機能」を追加しました - はてなブログ開発ブログ module.hatenablog.com 非公式ウィジェット置き場作った - Uedayworks HatenaBlog サイドバーが書き込めるようになった - KLE4ｃのとりあえずHatenaBlogテスト日記 サイドバー編集機能の安定した使い方 - flandlescarlet's diary【はてなblogマスターへの路】 はてなブログサイドバーにカテゴリ一覧を自動表示する - カワイイはつくれる 「Zenback」をはてなブログのサイドバーに組み込む方法 - nanapi Web サイドバー編集機能良い - hitode909の日記 はてなスターをユーザーアイコンにするCSS ブログ勝手に改造計画。 - Web Days（´ω｀） サイドバーのプロフィールに、「ブログの説明文」とは別の文章を表示させる方法、など。 履歴を作ってみた。 - Web Days（´ω｀） サイドバーに、最近の記事一覧を表示するスクリプトを設定。Chromeでは動作しているが、Operaでは動作しない。 はてなブログ (新ブログ) にGoogle Analyticsを設定する 設定は一度でOK - A Way of Code はてなブログでRSSアイコンを設置する方法 - Banguardサイト はてなブログにFacebookのRecommendations Barを設置する - sessanの日記 ブログのサイドバーの必要性 - ARTIFACT@はてブロ ブログタイトル はてなブログで、ロゴタイトルを設定したい - MoloTech Blog はてなブログのタイトルにWeb Fontを使う - Sun Rise 文字フォント デコもじ使うとユルくておもろい - kyabana's blog imageプラグインエラー ご指定のURLはサポートしていません。png, jpg, gif などの画像URLを指定してください。 外部ドメインにあるwebfontを使う - tikeda's blog Aldrich - Ueday HatenaBlog はてなスター CSSをすごく頑張って書いていただくしかないです。そのうちテンプレート編集できるようにしたいです。 スターがもっと目立つようにタイトルの横に出すにはどうしたらいいですか｜フィードバック｜はてなブログ (beta) はてなスターにユーザーアイコンつける - hitode909の日記 imageプラグインエラー ご指定のURLはサポートしていません。png, jpg, gif などの画像URLを指定してください。 〔ライフハック〕はてなスターを肉にしませんか？ - nikuriaのブログ はてなスターの位置が上下にずれる - 泡沫 スターボタンの表示を前のに戻す・アイコン表示編 - Quilt ユーザーアイコン表示を無効にする コメント欄 コメントをTooltipのように表示するCSS - tikeda's blog コメント欄を消す - Ueday HatenaBlog ソーシャルメディア はてなブログにFacebookコメントを表示する - chris4403's blog Zenbackいれてみた、けど入らなかったよ。 - @kaoritter ブログ はてな支店 「Zenback」をはてなブログのサイドバーに組み込む方法 - nanapi Web 秀逸なデザインのブログ事例 くらげごはん。 Webでの文字のレイアウトについて - 2011年に試してみたこと - - くらげだらけ（くだくらげのBLOG） いま，見ておきたいウェブサイト：第78回 Mercedes-Benz - the new A-Class - 2012，くらげごはん。，Homeless Hotspots｜gihyo.jp … 技術評論社 はてなブログでCSSを弄り倒すとここまで来るのかという例。WebKit系ブラウザ推奨。 トップ - くらげごはん。 - bit.ly/xOOZBj 記事は縦書きで書いてあってもはや料理雑誌状態→ bit.ly/HdMemO — ぷにぷになかざんさん (@Nkzn) 3月 29, 2012 はてブロに用意されてるテーマが少ないのはきっと「JSとCSS使えるようにしてやったんだから自前でおもろいサイト作ってみろや」という運営側からのメッセージなのではないかと考えさせられる程度にはくらげごはんすごい。 kurage.hatenablog.com — ぷにぷになかざんさん (@Nkzn) 6月 3, 2012
https://w.atwiki.jp/nicepaper/pages/62.html
前回記事CSSで見出しデザイン1の続き記事です。 今回は疑似要素before,afterを使った見出しの制作方法をご紹介します。 こんなもの 目次 疑似要素before,afterをなぜ使う？ 疑似要素がある場合とない場合で作ってみる。 作り方 コード 作り方まとめ 疑似要素before,afterをなぜ使う？ 一般的な見出しはCSSでよく使われるプロパティ名を組み合わせただけです。例えばborder、border-left、border-bottom、border-radius、padding、padding-left、padding-bottom・・・。それらを組み合わせたり色を変えたりして作られています。しかし、その方法では、 簡単な丸を作ったり、三角形を作ったり、四角形を作ったり、あるいは四角形を回転させたりということはできません。それぞれの図形をCSSで描くことができれば、それをあとは載せてあげて、表示する順序を多少指定してあげるだけでできます。before、afterはそれができるのです。 疑似要素がある場合とない場合で作ってみる。 h1タグで、h1.style1とh1.style3とh1.style5というデフォルトのデザイン（全部コードは同じですが・・・）から疑似要素を追加していきたいと思います。疑似要素を追加したい場合は元のコードのほうに position relative; を追加し、追加したい疑似要素before,afterの方には position absolute;とcontent ""; をそれぞれ追加してあげる必要があります。 作り方 疑似を追加しないデフォルトの見出しのデザインを作り、表示させる。 疑似を追加するためにデフォルトの見出しの最後にposition relative;を付けて疑似の準備をする。 疑似要素のセレクターbefore,afterを用意する。 疑似要素のセレクターbefore,afterの中にposition absolute;とcontent "";を追加してあげる。 図形をCSSで描いていく。 最後に左上からの距離topやleftを記述して図形を調整します。 コード HTML部 !DOCTYPE HTML html head meta charset="utf-8" title 見出しbefore、after /title link rel="stylesheet" type="text/css" href="headline_before.css" /head body div id="box" h1 class="style1" 見出しstyle1デザイン /h1 h1 class="style2" 見出しstyle1デザイン+before /h1 h1 class="style3" 見出しstyle3デザイン /h1 h1 class="style4" 見出しstyle3デザイン+before /h1 h1 class="style5" 見出しstyle5デザイン /h1 h1 class="style6" 見出しstyle5デザイン+before /h1 h1 class="style7" 見出しstyle5デザイン+before+after /h1 /div /body /html CSS部 @charset "utf-8"; /* CSS Document */ #box{ margin 10px auto; width 600px; min-height 600px; padding 20px; border 1px solid #000; } /*見出しstyle1*/ h1.style1{ margin 20px; width 500px; height 30px; font-family "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size 20px; padding-left 50px; background #CFC; } /*見出しstyle2*/ h1.style2{ margin 20px; width 500px; height 30px; font-family "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size 20px; padding-left 50px; background #CFC; position relative;/*疑似要素を使う場合には必要*/ } h1.style2 before{ position absolute;/*中の緑の線を左上から描いていくために必要*/ content "";/*これを入れることで線が表示される準備ができる*/ width 10px;/*中の緑の線の太さ*/ height 24px;/*中の緑の線の高さ*/ background #090;/*中の緑の線の色*/ top 3px;/*中の緑の線の上からの距離*/ left 5px;/*中の緑の線の左からの距離*/ } /*見出しstyle3*/ h1.style3{ margin 20px; width 500px; height 30px; font-family "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size 20px; padding-left 50px; background #CFC; } /*見出しstyle4*/ h1.style4{ margin 20px; width 500px; height 30px; font-family "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size 20px; padding-left 50px; background #CFC; position relative;/*疑似要素を使う場合には必要*/ } h1.style4 before{ position absolute;/*中の緑の丸を左上から描くために必要*/ content "";/*これを入れることで丸が表示される準備ができる*/ border-radius 10px;/*半径10pxの90度の扇形を４つ*/ height 20px;/*直径は20px*/ width 20px;/*直径は20px*/ background #090;/*中の緑の丸の色*/ top 4px;/*中の緑の丸の上からの距離*/ left 5px;/*中の緑の丸の左からの距離*/ } /*見出しstyle5*/ h1.style5{ margin 20px; width 500px; height 30px; font-family "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size 20px; padding-left 50px; background #CFC; } /*見出しstyle6*/ h1.style6{ margin 20px; width 500px; height 30px; font-family "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size 20px; padding-left 50px; background #CFC; position relative;/*疑似要素を使う場合には必要*/ } h1.style6 before{ position absolute;/*中の緑の四角を左上から描くために必要*/ content "";/*これを入れることで四角が表示される準備ができる*/ width 20px; height 20px; background #090;/*中の緑の丸の色*/ top 4px;/*中の緑の丸の上からの距離*/ left 5px;/*中の緑の丸の左からの距離*/ transform rotate(-45deg); -webkit-transform rotate(-45deg); -moz-transform rotate(-45deg); -ms-transform rotate(-45deg); -o-transform rotate(-45deg); } /*見出しスタイル7*/ h1.style7{ margin 20px; width 500px; height 30px; font-family "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size 20px; padding-left 50px; background #CFC; position relative;/*疑似要素を使う場合には必要*/ } h1.style7 before{ position absolute;/*中の左上の緑の四角を左上から描くために必要*/ content "";/*これを入れることで四角が表示される条件が整う*/ width 20px; height 20px; background #090;/*中の緑の左上の四角の色*/ top 4px;/*中の緑の丸の上からの距離*/ left 5px;/*中の緑の丸の左からの距離*/ transform rotate(-45deg);/*回転させる*/ -webkit-transform rotate(-45deg);/*ベンダープレフィックスを付けて回転させる*/ -moz-transform rotate(-45deg);/*ベンダープレフィックスを付けて回転させる*/ -ms-transform rotate(-45deg);/*ベンダープレフィックスを付けて回転させる*/ -o-transform rotate(-45deg);/*ベンダープレフィックスを付けて回転させる*/ } h1.style7 after{ position absolute;/*中の右下の緑の四角を左上から描くために必要*/ content "";/*これを入れることで四角が表示される条件が整う*/ width 10px; height 10px; background #0E0;/*中の緑の右下の四角の色*/ top 16px;/*中の緑の丸の上からの距離*/ left 20px;/*中の緑の丸の左からの距離*/ transform rotate(30deg);/*回転させる*/ -webkit-transform rotate(30deg);/*ベンダープレフィックスを付けて回転させる*/ -moz-transform rotate(30deg);/*ベンダープレフィックスを付けて回転させる*/ -ms-transform rotate(30deg);/*ベンダープレフィックスを付けて回転させる*/ -o-transform rotate(30deg);/*ベンダープレフィックスを付けて回転させる*/ } するとこのようになります。 作り方まとめ 作り方のフローは次の通りです。 疑似を追加しないデフォルトの見出しのデザインを作り、表示させる。 疑似を追加するためにデフォルトの見出しの最後にposition relative;を付けて疑似の準備をする。 疑似要素のセレクターbefore,afterを用意する。 疑似要素のセレクターbefore,afterの中にposition absolute;とcontent "";を追加してあげる。 図形をCSSで描いていく。（注1） 最後に左上からの距離topやleftを記述して図形を調整します。 ※四角や長方形ならwidthとheightとbackground、円ならwidthとheightとborder-とborder-radiusを付け加えていきます。回転させる場合は（円は必要ないけど・・）、transform rotate(角度)を追加していきます。 うーん。ちょっとわかりにくいかもですね。どれか重点的に解説したほうがよさそうです。どこを解説すべきでしょうか？コメントください。 名前 コメント