Webデザイン・開発の基本 HTMLネタのポータル

ネット上には時として「こんな高品質なものが無料でよいのか？」というオドロキがありますが、まさに今回のPSDファイルはそれです。実際に使うのも良し、デザインの参考にするのも良し、非常に価値あるものとなっています。 ダウンロードは以下から。 10 Beautiful PSD Web Templates...

ブログの記事タイトルやサイドバーのタイトルなどで使えるオーソドックスな見出し（hタグ）のデザインサンプル集です。見出しにはCSS3や画像を使っていないのでシンプルですが、一応よく使うので、メモとしてエントリーしておきました。見出し(Headline)のサンプル集色やボーダーのサイズ等の装飾部分をお...

CSSハックに続き、このCSS小技集も私のブックマークにずらりと並んでいたので、整理も兼ねて記事にしてみました。CSSのお勉強を始めたばかりの頃にブックマークしておいたものも多数。。ということで初心者さんからベテランさんまで参考にしてみてください！サンプルまずはCSS基礎編1. divを中央揃えに...

圧倒的なクオリティのホームページ無料テンプレートのまとめエントリ。 なかなか素敵なエントリーだったのでご紹介。 30のハイクオリティ無料ホームページテンプレート 30+ High-Quality Free Website Templates to Download | Dzine Blog 圧倒さ...

繊細なテクスチャ、透明感のあるパネル、充実したフッタ、光源を模したグラデーション、1ピクラインにこだわったディテールなど最近のウェブデザインのトレンドを取り入れた、ウェブサイトのレイアウトを作成するPhotoshopのチ [...]

Appleのサイトのような、かっこいいインターフェースを実装したい。そんなあなたにおすすめなのが、『15 Incredible Apple Webdesign Style Coding Tutorials』。Appleのようなデザインをするためのコーディングチュートリアル集です。かなりかっこいいの...

最近では、ウェブサイトのデザインもどんどん複雑になっていて、初心者の方々がデザインを真似しようと思ってもなかなか難しい物が多くなってきましたね。これから、ウェブデザインを勉強しようと思っている方々などは、基本的なビジネス系のウェブサイトの真似からはじめてみてはいかがでしょうか？今回は、そんなウェブ...

題名の通りですが、これから Webデザインに手を出そう、 という方の為に日本語サイト で説明が凄く分かりやすい サイトと少しチュートリアル記事 の紹介です。Webデザインを始めたいけどadobeのソフトは高額でなかなか手軽に始められません。まずはほぼ同等の機能を持ち、しかも無料で手に入るGimp（...

PHPを使って3分で作る3キャリア対応ケータイサイト2009/11/17 火曜日 matsui Posted in ソフト紹介, 全キャリア対応 | No Comments » 本日は3分で3キャリア対応ケータイサイト作れてしまうというPHPスクリプト、「らくらくケータイ3キャリアコンバーター（仮...

最近のウェブデザインのトレンドを踏襲した、ウェブサイトのレイアウトを作成するPhotoshopのチュートリアルを紹介します。Design a Minimal and Modern Portfolio Layout[...]

Name (必須)Mail address (非公開) (必須)URIRemember personal infoYes NoCommentスタイル指定用の一部の HTMLタグが使用できます。Add Your CommentTrackbacks:0Trackback URL for this en...

SEOテクニックをマスターする事は簡単ではありませんが、それなりの知識をつけそれなりの成果を出す事は難しくありません。SEOをこれから始める方や、サイト管理の命を受けてSEOに取り組まざるを得なくなった方のために、効率よくSEOスキルを身につけていくための方法をご紹介します。準備１：本を買う、SE...

2010年には、正式な勧告としてリリースされる予定のHTML5。徐々にブラウザの対応も進んでいて、すでに、多くのデザイナーたちは、この次世代HTMLを使って、様々な活動を始めています。だんだんとHTML5のリソースも増えてきたので、今回はHTML5についてまとめてみました。まずは、HTML5を使っ...

ExtraTutsというサイトで、デベロッパーなら知っておきたいCSSテクニックが紹介されています。いくつかご紹介しますね。CSS Browser Selector OS・ブラウザごとにCSSを切り替えられる1行のJavaScriptadding a CSS StyleSheet to your ...

光の4戦士を買ったんすが、売り文句通りレトロな感じがしていいですね。 まぁまだ2, 3時間程度しかやってないんで、これからどうなるか分かりませんが時間を見つけてやって行こうかと。さて、以前からoverflowプロパティは使い勝手が良いというか、使う場面が多いプロパティの一つですが、考えてみると色ん...

レベル: 初級Brett McLaughlin (brett@newInstance.com), Author and Editor, O'Reilly Media Inc. 2005年 12月 06日HTML、JavaScript™ 技術、DHTML、そして DOM からなる Ajax は、魅力...

Name (必須)Mail address (非公開) (必須)URIRemember personal infoYes NoCommentスタイル指定用の一部の HTMLタグが使用できます。Add Your CommentTrackbacks:0Trackback URL for this en...

CSS で table に斜線を引いてみました。下の表の左上の斜線に CSS を使ってます。サンプル（クリックすればサンプルページに移動します） Windows XP + IE6 / IE7 / Firefox3 / Safri3 / Google Chrome で確認しています。ポイントは以下で...

「これだけたくさんMicrosoftの製品を買ってきたんだから、無償でソフトをくれてもいいはずだ」という声を耳にするたびに懐にチャリンと5セントずつ入っていたら、筆者は今頃大金持ちになっているに違いない。残念ながら現実はそうはいかないが、Microsoftは実際のところ無償で使えるWindows用...

ウィンドウサイズを変えると コンテンツ（記事等）が再配置される 可変グリッドレイアウトに関する サンプルサイトやWPテーマ、 ライブラリなどの情報のまとめです。 詳しい方には参考にならないっぽいです。いろいろ意見は分かれそうですが、知っておいて損は無いかなぁと思いますのでメモ。可変グリッドレイアウ...

1: Web 標準カリキュラムの紹介Translated by Masataka Yakura · 20 Oct, 2009Published in: curriculum, course, beginner, Web, standards, japaneseThis is a translati...

Smashing Magazineで、WordPressのコーディングテクニックが紹介されています。これは自分的にもタイムリー。ざっとご紹介しますね。エントリーごとのスタイルを変える post_class()を使って、「.henry」「.sticky」「.category-tutorials」「....

ウェブサイトのデザインに、ビジュアルエレメントを追加したり、細部をブラッシュアップしたりしてクオリティをアップするPhotoshopのチュートリアルをPsdtuts+から紹介します。

「プログラミング経験はそこそこだけど、JavaScriptはあんまり…」な人向け社内勉強会用資料です発表用資料のため、口頭での補足を前提とした箇所もあります。補足を入れてある箇所もありますが、ない箇所もありますので、その点はご了承ください。Shogo Ohta, 株式会社ALBERT目次第1回 E...

2009年9月29日HTML5の講演資料を公開しました先にアナウンスした通り、9月25日に情報処理学会第73回デジタルドキュメント研究会でHTML5について招待講演を行った。当日の講演資料に若干手を入れたものをSlideshareで公開しているので、ご興味のある方はご覧頂ければ幸いである。ライセン...

Webアプリケーションのファンクションテストを行うツールとして注目されている「Selenium」のバージョン1.0が6月20日にリリースされました。安定性が向上するとともに、Firefox 3.0、3.5（Selenium IDEは1.0.2から、Firefox 3.5に対応）や、Internat...

『 クオリティの高いボタンやバッジを作る為のphotoshopチュートリアル 』

『 css 』

『 1.数字だけ異なるスタイルに。2.背景が変わるナビゲーション。3.最後の項目がフェード。4.プライスリスト。5.一つのリスト要素で複数のカラム 』

Firefox アドオンの「Firefbug」はご存知の方も多いと思いますが、Firefbug を使って表示しているページの(X)HTMLマークアップや CSS を確認・修正する方法のまとめを紹介します。 特に３項に記した、(X)HTMLとCSSを一発で確認する方法はおすすめです。１．基本：(X)...