Webデザイン・開発の基本 HTMLネタのポータル
CSS3(29)Webデザイン(199)Web制作(38)コーディング(17) シャッフル 【CSS3】これはやばい！覚えなくてもすぐに使える便利なCSS3ジェネレータまとめ。
[ 詳細 ] [ 関連 ] [ ニコニコ ]
Google Chromeの機能拡張を作ったので公開しました。 CustomBlocker (Chrome Web Store) かなり細かいフィルタリング機能を追加します。 どこのサイトで どの要素の中を検索して どんなキーワードが含まれたら どの要素をブロックするか というのを全部自分でカスタ...
[ 詳細 ] [ 関連 ] [ ニコニコ ]
Purple bud - EXPLORE - グリーンとパープルの組み合わせがよく見えると思ったことがあるでしょうか？ グリーンとパープルを使う時は、あまり暗くならないようにします。ダークパープルやペイルグリーンは良さそうには見えません。 カラースキームとしてもっとも良いのはあまり暗くないパープル...
[ 詳細 ] [ 関連 ] [ ニコニコ ]
50 Beautiful Yet Free HTML5 And CSS3 Templates | Free and Useful Online Resources for Designers and Developers ビューティホーなHTML5＆CSS3テンプレート５０ HTML5、CSS3の...
[ 詳細 ] [ 関連 ] [ ニコニコ ]![[JS]文字を楽しく見せる、カーブ状に簡単に配置できるスクリプト -Arctext.js | コリス](/thumbnail/679910.png)
Demo 4: Set/animate 「Animate me」でアニメーション。 Arctext.jsの使い方 Arctext.jsは「Lettering.js」をベースに文字をパスに沿わせて正しく回転させ配置します。 Lettering.jsについては、下記を参考ください。 HTMLファイルを...
[ 詳細 ] [ 関連 ] [ ニコニコ ]2012年の最初の投稿です。本年もよろしくお願いいたします。 先日、Wordpressで新たに企業サイト向けテーマを作成しました。カスタム投稿に対応したテーマで、なるべく自動で表示できるように組んでみました。 都合上見せられない部分もあるためテーマ本体は掲載しませんが、テーマ作成で使ったコードをご...
[ 詳細 ] [ 関連 ] [ ニコニコ ]AS3ライクに記述できるJavaScriptゲームライブラリです。(ライセンスはMIT License) ダウンロード - https://github.com/DeNADev/Arctic.js <html> <head> <script type="text/javascript" src="...
[ 詳細 ] [ 関連 ] [ ニコニコ ]
Firefox 10 は 01/31 のリリースに向けて開発が進められています。可能な限り互換性を維持するよう開発されていますが、他のブラウザとの相互運用性や最新 Web 標準仕様への準拠のため、後方互換性に関わる修正も含まれます。そのような修正点をまとめましたので、動作検証時などにご参照ください...
[ 詳細 ] [ 関連 ] [ ニコニコ ]ブログやウェブサイトのパフォーマンス改善や運営・セキュリティに役立つ「.htaccess」の設定を紹介します。 下記は各ポイントを意訳したものです。 リダイレクトとリライト オリジナルのエラーページ 特定のリソースへのアクセス制限 特定のIPのアクセス阻止 IEのレンダリングモードの設定 有効期限...
[ 詳細 ] [ 関連 ] [ ニコニコ ]![[CSS]ウェブページのメニューにCSS3を使ってワンランクかっこよくするチュートリアル | コリス](/thumbnail/678842.png)
Demo 3 背景のカラーがアイテムごとに異なります。 実装 HTML メニューはリスト要素で実装されており、二つのspan要素を内包したa要素とimg要素がアイテムに含まれています。 <ul class="mh-menu"> <li> <a href="#"> <span>Art Directo...
[ 詳細 ] [ 関連 ] [ ニコニコ ]
DeNA、HTML5開発支援フレームワーク「Arctic.js」をオープンソースとして公開 2012年1月24日(火) 16時15分 Check Tweet メルマガ購読 【特集】HTML5 ├ひと味違うGoogleからの新年挨拶……「All Is Not ... ├電子ブック作成ソフト「Acti...
[ 詳細 ] [ 関連 ] [ ニコニコ ]
Appleが発表した「iPadのiBooks専用電子書籍」が作れる iBooks Author ですが、様々なインタラクティブなギミックを組み込むウィジェットというパーツがあります。その中にHTMLウィジェットというものがあり、公式にはMacのDashboard ウィジェットをインポートするという...
[ 詳細 ] [ 関連 ] [ ニコニコ ]![[CSS]あらゆる背景上で美しく機能する半透明なエレメントを実装するスタイルシート | コリス](/thumbnail/678029.png)
まるでガラスで作られた棚のように、美しい半透明な3Dのエレメントを実装するCSS3のテクニックを紹介します。 デモページ：Firefoxのキャプチャ 実装 HTML HTMLはシンプルで、各アイコンはa要素、ガラス棚はdiv要素で実装されています。 <div id="shelf"> <!-- Ad...
[ 詳細 ] [ 関連 ] [ ニコニコ ]
下記は各ポイントを意訳したものです。 有意義なナビゲーション コンテンツ フィードバック 明確なブランディング たくさんのスペース 有意義なナビゲーション スマートフォンにおいて、スクリーン上のクリック（つまりタップ）無しに使うことは考えられません。ナビゲーションはユーザーが必要とすることが得られ...
[ 詳細 ] [ 関連 ] [ ニコニコ ]HTML5最新動向 — Presentation Transcript HTML5最新動向 白石俊平 @Shumpei • 株式会社オープンウェブ・テクノロジー代表• シーエー・モバイル株式会社 Web先端技術 フェ ロー• HTML5とか勉強会主催、html5j.org管理人• Google A...
[ 詳細 ] [ 関連 ] [ ニコニコ ]
- 2012年1月追加分
- 2011年12月追加分
- 2011年11月追加分
- 2011年10月追加分
- 2011年9月追加分
- 2011年8月追加分
- 2011年7月追加分
- 2011年6月追加分
- 2011年5月追加分
- 2011年4月追加分
- 2011年3月追加分
- 2011年2月追加分
- 2011年1月追加分
- 2010年12月追加分
- 2010年11月追加分
- 2010年10月追加分
- 2010年9月追加分
- 2010年8月追加分
- 2010年7月追加分
- 2010年6月追加分
- 2010年5月追加分
- 2010年4月追加分
- 2010年3月追加分
- 2010年2月追加分
- 2010年1月追加分
- 2009年12月追加分
- 2009年11月追加分
- 2009年10月追加分
- 2009年9月追加分
- 2009年8月追加分
- 2009年7月追加分
- 2009年6月追加分
- 2009年5月追加分
- 2009年4月追加分
- 2009年3月追加分
- 2009年2月追加分
- 2009年1月追加分
WordPressでブログじゃないWebサイトを作成するときのTipsです。WordPressを使った、コーポレートサイトのサンプルも作りました。WordPressでのサイト構築のやり方は、人それぞれだと思いますが、私なりのやり方をカスタム投稿タイプを使いながらまとめています。とても長い記事になっ...
WEB制作のチュートリアルって本当に多いですよね。 でも、本当に役に立っている、制作に生かせてるチュートリアルって少なくないですか？チュートリアルの過程が中途半端だったり、途中からついていけなくなったり。はたまた、続きは有料なんて物も今までありました。 しかし！僕の身近いWEB屋人生ですが、年に2...
2011年も残すところあと少しになりました。2011年にはてなブックマークをたくさん集めた記事の中から、Webデベロッパー向けに限定して厳選してお届けします。 ウェブデザイン入門 ウェブサイトにおける視覚面に対し、整理・再構築・意匠等を施す。グラフィックデザイン的な要素を多く含む一方で、インタラク...