新着記事『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
HTML5 Tutorial
新しい要素 新しい属性 CSS3 の完全サポート ビデオとオーディオ 2D/3D グラフィックス ローカル・ストレージ ローカル SQL データベース Web アプリケーション 各章における事例 このサイトにおけるHTMLエディタを使用すれば、HTMLの編集ができるとともに、 ボタンをクリックすることにより結果を表示することもできます。 <!DOCTYPE HTML> <html> <body> <video width="320" height="240" controls="controls"> <source src="/images/movie.mp4" type="video/mp4" /> <source src="/images/movie.ogg" type="video/ogg" /> <source src="/images/movie.webm" type="vide
html5入門
html5テンプレートサイトまとめ html5のテンプレートサイト、またはテンプレートサイトをまとめた記事を集めました。 html5テンプレートサイト Free HTML5 Templates 海外の人気サイトでテンプレートは250個あります。 ここだけで充分お気に入りが見つかりそうです。 ⇒ダウンロードページ：一覧から「more info」をクリックして、個別記事の「Download here」ボタン html5テンプレートサイト紹介記事 国内 紹介しているサイトは国内ですが、紹介されてるテンプレートは海外サイトが多いです。 初心者でもセンスよく見えるHTML5テンプレート［無料］ - NAVER まとめ シンプル、デザイン重視、写真を沢山見せるという観点で20サイト紹介。2012年3月まとめ 最近知ったフリーのHTML5テンプレート6個 - かちびと.net デザイン系２、音楽系２、W
HTMLを知らない人でもWebサイトが作れるCMSとは？
あらためて、「CMS」とはいったい何なんだ……？ 「コンテンツ管理システム」という言葉だけで捕らえると、Webサイトを作成して公開可能なDreamweaverやGoLive、Expression Web、AptanaなどのWebオーサリングツールはCMSの1種ととらえられなくもない。 テンプレートなどを作ってしまえばCMS的な管理もできるのだが、これらプロ向けのツールはHTMLやJavaScriptなどのコーディングに重点を置いているため、CMSに分類されることはない。「CMS」といったときには、「Web制作を業務としない一般的なユーザーであっても簡単にページを作成・更新し、ページの公開・非公開の管理を容易に行うことができるツール」と考えるべきである。 CMSは無償から高いものまで、ピンキリ 価格的にも、前述したとおり無償で提供されているものから数1000ページ単位の管理までを自在にこなせ
X-FRAME-OPTIONS によるクリックジャッキング対策
Web ページの透過表示機能などを悪用することで、ユーザに意図しないクリック動作をさせる「クリックジャッキング」と呼ばれる攻撃手法が知られています。この対策のひとつとして、Web サイト側があらかじめHTTP レスポンスヘッダに X-FRAME-OPTIONS ヘッダを含めておき、Web ブラウザがこの値を解釈することにより、クリックジャッキングを防止する手法があります。 Internet Explorer 8 をはじめとして Mozilla Firefox、Apple Safari、Google Chrome、Opera など多くの Web ブラウザの最新版が X-FRAME-OPTIONS ヘッダを認識するようになっています。 Web サイト側で X-FRAME-OPTIONS ヘッダを活用することで、クリックジャッキングへの対応が可能となる環境が整ってきています。ぜひ、Web サイト
WordPressテーマのカスタマイズとオリジナルテーマ作成への第一歩
この動画は、WordBench東京の勉強会の様子を撮った動画です。 WordPressの勉強会 - 11月26日（土）WordBench東京勉強会 WordPress3.3リリース直前＆WordCamp Tokyo 2011前日 http://tokyo.wordbench.org/2011/11/01/study-20111126/ http://atnd.org/events/21616 （３）「『CSSだけでも結構イケル』テーマのカスタマイズとオリジナルテーマ作成への第一歩」by うえぶるじょん PHPがわからなくても「CSSだけでも結構イケル」を合言葉にテーマのカスタマイズ方法を考えます。最後にはちょっぴりオリジナルテーマ作成にも挑戦してみたいと思います。 うえぶるじょん プロフィール フリーでWebなこととかそうでもないこととか。主にHTMLのコーディングやWordPres
HTML5＋CSS3講座入門 【CSS3編】 第1章
■WEBtantオンラインスクール↓ http://www.webtant.net/online/html5css3_/hc01.html 見よう見まねではなく、実習を通じて新しいCSS3プロパティを実装します。 CSS3で追加されたプロパティ、セレクタの中でも実務ですぐに使いたい角丸や各種シャドウなど、実用的なプロパティを実習して習得できます。 ■目次 1章 CSSの概要 2章 CSS3利用の注意点 3章 セレクタ（概要・属性セレクタ） 4章 セレクタ（疑似クラス・その他） 5章 border-radius 6章 text-shadow 7章 box-shadow 8章 border-image 9章 multipul background 10章 linear-gradient 11章 メディ
Bootstrap
BootstrapBootstrap v5.3 (switch to other versions) v5 releases Latest (5.3.x) v5.2.3 v5.1.3 v5.0.2 Previous releases v4.6.x v3.4.1 v2.3.2 All versions Get Security Updates for Bootstrap 3 & 4 Build fast, responsive sites with Bootstrap Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life w
MdN Design｜総合情報サイト
第16回（最終回） 最新のデザイン表現を適用する ここまで紹介してきたCSSのレイアウトや装飾テクニックは、現在利用者の多いInternet Explorer 7や8、Safari、FirefoxなどのWebブラウザでほぼ問題なく動作するものでした。本連載の最終回は、未来に向けた準備として現在策定中の「CSS 3」の中からモダンブラウザで既に適用可能なスタイルをいくつか紹介します。 （公開日：2010年4月16日 解説：こもりまさあき） 現在策定中のCSS 3について CSSで指定したスタイル指示は、WebブラウザのCSSサポートの度合いによって適用できるかどうかが異なります。例えば、今現在の主流であるブラウザの多くではCSSレベル2（CSS 2）をサポートしているものがほとんどです（特定のプロパティだけ未サポートも含め）。その一方、現在CSSの次のバージョンにあたるCSSレベル3（CSS
無料レスポンシブウェブデザインHTMLテンプレート - 《無料》ホームページテンプレート.com | 商用可能なホームページテンプレート・レスポンシブWordPressテーマが完全無料
無料レスポンシブウェブデザインHTMLテンプレートTemplate ホームページ制作会社でも使用できる商用利用が可能な無料ホームページテンプレートです。企業サイト（会社概要サイト・企業案内サイト）として、店舗サイトとして、各種サービスサイトとしてなど様々な用途にご利用頂けます。テンプレート内の写真・イラスト等につきましてはそのままご利用頂くことが可能です。利用報告なども特に必要ありません。 テンプレート内の「Design by http://f-tpl.com」のリンクは外さないようにお願い致します。リンクを外したい場合は「クレジット表記を外したい場合」のページをご確認ください。 無料レスポンシブHTMLテンプレート一覧Free responsive design template スマートフォンサイト（iPhone、Android）、タブレット端末（iPad）にも対応のレスポンシブ・ウェ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5＋CSS3講座入門 【HTML5編】 第1章
web/EC業界に強い転職。正社員・派遣求人情報 Fittio
yuguri.com
レスポンシブWebデザインの作り方（簡単設定方法）