手っ取り早く携帯サイトを作成する時のhtmlテンプレート - webの人

2010/09/17 1191 users HTMLテンプレート web 携帯サイト PHP HTML

モバイル, 携帯サイト作成 | 01:06 | 最近phpをいじるがてら、ひさびさに携帯サイトに触れているためメモメモ。携帯サイトで装飾を入れるとなるとi-cssが云々って話があったりしますが、正直テストサイトでそんな面倒なことをしていられないので、だいたい以下のようなhtmlで作成しています。とりあえず携帯サイト作りたい時テンプレート サイトタイトル マーキー文章 インフォメーション サイトの概... 続きを読む

ゼロからはじめるCSS3を勉強するために参考になるサイトや便利なツール、チュートリアルを一挙にまとめました | HTML5でサイトをつくろう

2012/08/01 918 users チュートリアル ツール CSS3 参考 チュートリアルサイト

今までCSS3を使ったパターンやスタイルの付け方などを紹介してきましたが、一言にCSS3の機能といっても、角丸やグラデーションなどの装飾だけでなく、アニメーション機能などアプリ制作をする上でも便利な機能がたくさんあります。 そこで、今回はアプリ制作をする上でも便利なCSS3のアニメーション機能等を勉強する際に参考になるサイトをまとめました。 デモページからチュートリアルサイト、便利ツールまでこれか... 続きを読む

今年絶対おさえておきたいフラットデザインのまとめ | 株式会社LIG

2013/05/20 895 users 株式会社LIG フラットデザイン 内藤 直球勝負 まとめ

こんにちは。ライターの内藤です。 恥ずかしながら、最近になって「フラットデザイン」を意識しはじめました。 装飾を最小限におさえることによって、特定のメッセージや製品、アイデアを直球勝負で伝えるデザイン。 フラットデザインは、もともとスマートフォンの小さな画面でシンプルに見せるものから派生したのだと思われますが、Windows8やGoogleの新デザインがきっかけとなって一躍注目を浴びるようになった... 続きを読む

CSS3とjQueryでフォームを美しく装飾する方法 | Webクリエイターボックス

2010/10/27 862 users Webクリエイターボックス CSS3とjQuery 仕様

どんなWebサイトでも設置されているフォーム。なんの装飾もなく味気ないフォームより、デザインされたもののほうが連絡してみたくなるはずです！そんなフォームも少し手を加えるだけで素敵なデザインに変身させることができます。今回はCSS3とjQueryを使ってより美しいフォームを作成する方法を紹介します。 フォームの仕様 今回チャレンジするフォームの主な仕様です！ グラデーション・ボックスシャドウを使って... 続きを読む

効果的なミニマルデザインと退屈なデザインの境界線 | Webクリエイターボックス

2011/11/01 686 users ミニマルデザイン 紙一重 Webクリエイターボックス 境界線

ミニマルデザインを考えるときによく使われる言葉「Less is more（少ない事は効果的だ）」。装飾が多すぎるとどれも目立たなくなる、無駄を削ぎ落した方がより美しく効果的であるという考えです。これに対し「Less is bore（少ない事は退屈だ）」という皮肉な言葉もあったりします。美しいミニマルデザインと退屈な間抜けデザインは紙一重。その違いを考えてみましょう。 ミニマルデザインとは そもそも... 続きを読む

デザインが斬新な世界の地下鉄駅あれこれ : ひろぶろ

2009/12/09 667 users ひろぶろ 岩肌 デザイン 岩石 壁画

2009年12月09日19:10 画像ネタ建築 デザインが斬新な世界の地下鉄駅あれこれ ストックホルム地下鉄（スウェーデン） ：「世界で最も長い画廊」とも呼ばれるストックホルム地下鉄。全100駅のうちほとんどの駅に、芸術家による壁画や彫刻の装飾が施されています。天井は岩石をくり抜いた際の岩肌が露出し、まるで洞窟のようです。毎年多くの予算が装飾に当てられています。写真は上からT-Centralen駅... 続きを読む

CSSの擬似要素を使った見出しデザイン｜Webpark

2013/01/27 633 users before After Webpark ボーダー 見出し

このブログの見出しはシンプルなんですが、CSSの「:before」や「:after」など擬似要素を使えば色々と装飾ができますので今回は8つのサンプルを紹介します。 HTMLはすべてHタグだけです。特に意味はありませんが今回のサンプルはh4タグを使っています。 「:before」「:after」やボーダーで表現する三角形の使い方など慣れない方もいるかもれませんので、その都度簡単に解説していきます。「... 続きを読む

WEB特集 400年前の洋剣 謎解きを進めてみれば | NHKニュース

2019/11/15 625 users 謎解き WEB特集 NHKニュース フェンシング 細身

滋賀県の神社に伝わってきた洋剣がある。フェンシングで使われるような細身の剣に華麗な装飾が施された、「レイピア」と呼ばれる剣だ。およそ400年前にヨーロッパから伝わった伝来品だと考えられてきたが、科学的調査で意外な結果が明らかに。日本で確認されている唯一のレイピア。いったい誰が何のために作ったのだろう... 続きを読む

5万部突破の初心者向けデザイン本『やってはいけないデザイン』が10/2まで無料で公開：MarkeZine（マーケジン）

2018/09/26 621 users ロングセラー 本書 MarkeZine テクニック SNS

SNSで爆発的に話題となりロングセラーとして5万部を突破した『やってはいけないデザイン』が、10月2日（火）まで無料公開中です。 本書は初心者がついやってしまいがちな過剰な装飾や何を主張したいのかわからないデザインを「やってはいけない」例として、よりわかりやすくて見やすいデザインにするためのテクニックを... 続きを読む

コピペでできる！CSS3の素敵効果でテキストリンクを装飾する小技あれこれ | Webクリエイターボックス

2013/01/29 539 users コピペ エフェクト 目次 Webクリエイターボックス マウス

どのサイトでも見かけるテキストリンク。リンクのついたテキストにマウスオーバーすると文字色を変更する、というシンプルかつわかりやすい効果を実装しているWebサイトが多いかと思います。この装飾をもう少し変更できないかな？と思いCSSのみでプラスすることができるエフェクトをいくつか紹介します。 目次 ちょっと予備知識 文字色をふんわり変える 背景色をふんわり変える 文字をぼかす 光を放つグロー効果 背景... 続きを読む

大体いい感じの研究発表ができるKeynoteテンプレート「Zebra」を作った - shoya.io

2015/11/15 516 users ＺＥＢＲＡ 白地 Keynoteテンプレート 見栄え 制約

なぜ作ったか 僕の観測範囲では、研究発表のスライドというのは装飾が最小限で、白地に黒文字が読みやすくて良いとされています。その制約の中で見栄えの良いスライドを作るのはなかなか難しいので、大体いい感じになるKeynoteテンプレートを作りました。名前はZebraです。こちらからダウンロードすることができます。Zebra — Keynote template for research presenta... 続きを読む

BBCの記者、日本の欠点を的確にしてきしてしまう : 哲学ニュースnwk

2024/04/02 505 users ＢＢＣ マンホール Tweet 欠点 哲学ニュースnwk

2024年04月02日19:04 BBCの記者、日本の欠点を的確にしてきしてしまう Tweet 1: 名無しさん＠おーぷん 24/04/02(火) 15:33:02 ID:V7mq ・日本経済は世界第3位の規模だったが、もう何十年も停滞が続いている ・大金がマンホールの精巧な装飾など、わけのわからないものに全国的につぎ込まれている ・大量の無意味な制度　... 続きを読む

エディトリアルデザインから盗め！女性誌に使われているデザインを見てみた | 株式会社アクトゼロ／バイラル動画広告・ソーシャルメディアマーケティング

2014/12/24 466 users Tweet 年越し ラストスパート エディトリアルデザイン

Tweet こんにちは。年末ですね。クリスマス、忘年会、年越し、お正月と忙しい時期でしょうか。お仕事もラストスパート頑張りましょう。 最近ランディングページでも、フラットなデザインだったりわりとシンプルなデザインを作ることが多くなってきている気がします。昔のようにごりごりに装飾を使うというよりも、“今っぽい”シンプルおしゃれなものを作りたいですよね。そこで参考になりそうなものが、雑誌のデザイン(エ... 続きを読む

デザインの基本原則を応用して、人に見せたくなる部屋を作ろう ｜ ライフハッカー［日本版］

2015/03/17 453 users ライフハッカー 基本原則 奇数 部屋 デザイン

生まれながらにして、装飾やデザインのセンスがある人はいます。スキルを習得して、後天的にデザインセンスを磨く人もいます。そして、どちらにも該当しないのが私たち普通の人。そんなデザイン初心者向けの、基本テクニックをお伝えしましょう。 以下に紹介する装飾のルールと原則は、とってもシンプルなので、誰にでも利用できるはず。カタログみたいな家とまでは行かなくても、人に見せたくなることうけあいです。 奇数の法則... 続きを読む

完全無料40のベクター画像コレクションパック*ホームページを作る人のネタ帳

2010/03/10 407 users ネタ帳 ホームページ 要所 オブジェ シルエット

あんまり時間なくてさらっとしか紹介できなくて無念。 でもすんごいいいエントリだったのでご紹介。 40素材パックを見逃すな！ 以下。 40 Absolutely Free Vector Pack Collections 一つ一つが濃厚でクオリティの高いベクター画像集ページにつながっている。 たとえばそれは 人の姿をしたシルエットであったり。 様々な要所で使えるオブジェであったり。 きらびやかな装飾で... 続きを読む

類例なく「国宝級」発見　「盾形銅鏡」出土　奈良の富雄丸山古墳 | 毎日新聞

2023/01/25 397 users 類例 出土 富雄丸山古墳 円墳 未盗掘

出土した鼉龍文盾形銅鏡。盾と鏡を合わせたようなデザインで、鼉龍文や幾何学文様など精緻な装飾が特徴的。中央の丸い突起はひもを通す「鈕」＝奈良市教委提供 奈良市にある国内最大の円墳、富雄丸山古墳（4世紀後半、直径109メートル）の未盗掘の埋葬施設から、過去に類例のない盾形の銅鏡（長さ64センチ、幅約31センチ... 続きを読む

無料・商用利用可！おしゃれで個性的な装飾系フォント20 | Webクリエイターボックス

2013/04/18 358 users Webクリエイターボックス 商用利用可 無料 Salt 明記

2013年04月18日 フォント キャッチコピーや見出し、ちょっとした装飾に使える英字フォントを紹介します。どれも無料で商用利用もできるなんてすごいですねー！個性的すぎて読みづらいものも多いので、読んでほしい部分や本文には不向きです。大きくどどーんと使っちゃいましょう！ Salt & Foam まるっこいシェイプと複数の細いラインがとっても綺麗ですねー！ライセンスの明記はありませんでしたが、メール... 続きを読む

DIV一個で洒落たボックスを作ってみる！最近知ったCSSを使ったボックス装飾とか色々！ | バンクーバーのうぇぶ屋

2013/02/18 349 users バンクーバー CSS div うぇぶ屋 ボックス

CSS3からDIV一個で出来る表現なんかにもかなり幅が出て来ましたね。ちょっと前まで超面倒だったボックスのオシャンティーな2重線の装飾とかぼかしとかグラデになんやらかんやら。DIVボックス一つとっても色々な装飾効果をもたせられるなぁと思う今日この頃。 それこそ、ONE DIVのような一つのDIVで表現できるアイコンを作ってるサイトもあって、CSS3を突き詰めると色々知ることも出来て面白いなぁと思う... 続きを読む

CSS3のボックスシャドウを使って写真のフチの装飾をするサンプル作りました。【サンプルコード付き】 | HTML5でサイトをつくろう

2012/07/11 347 users ブチ ボックスシャドウ class サンプル CSS3

写真ブログcruzinで紹介している写真に背景画像で影をつけていますが、写真のブログとして作った「cruzin」では正方形型の写真用のフチ3パターンと長方形型の写真用のフチ3パターン、計6パターンのpng画像を背景画像としてあらかじめ用意しそれぞれにclass名をつけ指定しておきました。そしてフチをつけたい写真に先ほど用意したclassを指定することで写真のフチを表現していました。 写真ブログcr... 続きを読む

飯能駅を｢フィンランド化｣する西武の本気度 | 経営 | 東洋経済オンライン | 経済ニュースの新基準

2018/11/23 343 users 西武 飯能駅 特急レッドアロー号 フィンランド化 フィンランド

飯能駅ホームのリニューアルの完成予想図。来年3月、フィンランドをテーマにした装飾を施して生まれ変わる（画像：西武鉄道） 西武鉄道の飯能駅といえば、どんな印象をお持ちだろうか。池袋発の特急レッドアロー号はこの駅で進行方向を逆にして、西武秩父へ向けて山に分け入っていく。西武の電車で秩父エリアを訪れたこ... 続きを読む

人類の歴史を守り続ける世界の最も美しく印象的な図書館１０選 | トラベルハック｜あなたの冒険を加速する

2012/06/21 334 users トラベルハック 人類 冒険 歴史 ストーリーテラー

天井の装飾がかなり細かく重圧を感じるストラホフ修道院図書館（チェコ） 人類の文化がこれほど成長した要因は知識を次の世代に受け継ぐという行為を習得したから。 昔はストーリーテラーのような人が村や国に一人いて子供に歴史を語りながら自分たちの歴史を受け継いで来たそうです。昔の図書館が豪華なのはそれだけ情報を貯蔵する事に権威があったんでしょう。 今回は世界中にある美しく印象的な図書館をご紹介致します。 外... 続きを読む

タブやスクロール、ツールチップなど、Webサイトで良く見かける機能を1つのファイルで実装可能にする国産jQueryプラグイン・Laquu.JS - かちびと.net

2011/09/15 332 users スクロール タブ 実装 ツールチップ net

たまたま見かけて便利そうだったので シェア。良く使われるドロップダウン メニューやページスクロール、タブや ツールチップなどを1つのjsファイルで 実装可能にする国産のjQueryプラグイン です。制作が楽になるのでLaquu、と いう名みたいです。 国産のプラグインなのでドキュメントも日本語です。英語が苦手な方でも手軽に使えるのではないかなと。また、無駄な装飾も無いので既存サイトに落とし込んだり... 続きを読む

人力検索はてな - 入力フォームのデザインがすばらしいページを教えてください。 派手さや装飾ではなく、使いやすさ、見やすさなど機能美優先でお願いします。 海外のサイトでも結構で

2007/01/13 318 users 人力検索 派手さ 海外 入力フォーム デザイン

入力フォームのデザインがすばらしいページを教えてください。 派手さや装飾ではなく、使いやすさ、見やすさなど機能美優先でお願いします。 海外のサイトでも結構です。 続きを読む

ベーシックで汎用性のありそうなjQueryイメージスライダー・The Lof JSiderNews - かちびと.net

2011/07/12 301 users ベーシック net 汎用性 クロスブラウザ 備忘録

クロスブラウザに対応したベーシック で汎用性のありそうなスライダーを 実装出来るjQueryプラグインのご紹介。 The Lof JSiderNewsは派手な装飾も 無く、シンプルで欲しい機能は揃え てくれている印象です。 なかなか使いやすそうなので備忘録。派手なスライダーが結構多い印象ですが、結局普通のものが一番使いやすいですよね。派手なのもインパクトあって好きですけどｗ 今日のプラグインもクロ... 続きを読む

「神様」盗まれ今どこに　研究者「強い呪いかかり危険」：朝日新聞デジタル

2015/06/08 295 users 朝日新聞デジタル 神様 パプアニューギニア 研究者 守り神

５年半前に、大学の研究室からパプアニューギニアの「神様」と信じられている像が盗まれた。一体どこへ？　持ち主は「今からでも遅くない。返してほしい」と呼びかけ、像を探し続けている。　「神様」とは、パプアニューギニアの「セピック川」流域地方の伝統工芸品。木製の像で、貝や鉱石などの装飾がされており、体長約１メートル、重さ約１０キロ。現地では祖先をまつる像としてあがめられ、地域の集会所などに安置される守り神... 続きを読む