【HTML5】新規でサイトを作るのに使えそうなの一式。Ver 1
HTML5版の新規でサイトを作るのに使えそうな一式です。 今までの新規で使えそうな一式のVer3からも有る程度流用はしていますが、結構いじってます。 今までみたいに、社内のマークアップエンジニアとかそういう人がもう居ない環境なので、何処かで使われていた訳ではありませんが、まー最初の準備って地味に面倒なのでちゃちゃっと始めるには良いんじゃないでしょうか。 【HTML5】新規でサイトを作るのに使えそうな一式。Ver 1をDL（zip：12kb） HTML5版のVer 1を見る 社内のマークアップエンジニアとかって書いたら、これどうなのよ？とか話してた頃がちょっと懐かしくなった。 コーダー飲みとか、CSS Niteなんかで、マークアップエンジニアやコーダーさんと会う機会は結構有るのに、そういう具体的な？話まではしないからなぁ・・・ それはさておき、中身のご説明などを続きにて。 中身のご説明 zi
html5 ざっくりメモ
html5 関係無いのも有るかもですが、個人的にhtml5の要点をまとめたメモ。 ほんとにざっくり書いているので、何か期待しても何も出ません＞＜ 日本語が含まれる場合、title要素は charset の後（次）。 address要素は連絡先情報に使う。 例えば企業サイトの各支店の住所一覧とかに使うのはNG。ブログとかで、上手い店とかの住所にaddressを使うのもNG。 あくまでも、そのサイトの管理者への連絡先。なので、copyrightに使うのもNG。 copyrightはsmall要素が妥当。 なので、p small copyright って感じになる。 nav要素はあくまでも主要なナビゲーションに使う。 主要なってのは具体的にはグローバルナビゲーションやローカルナビゲーション。 なので、関連リンク一覧とか、ページ内にあるちょっとしたリンクに使うのはNG。 hgroup要素は、見出し
とっても使えるoverflowプロパティ。その使い方色々。
光の4戦士を買ったんすが、売り文句通りレトロな感じがしていいですね。 まぁまだ2, 3時間程度しかやってないんで、これからどうなるか分かりませんが時間を見つけてやって行こうかと。 さて、以前からoverflowプロパティは使い勝手が良いというか、使う場面が多いプロパティの一つですが、考えてみると色んな事に使ってるなぁ～と思ったので自分が良く使うのをまとめてみました。 あんまoverflowプロパティを使った事が無い方は、ビックリですよ！ これで、ソコの可愛いアナタもoverflowプロパティの虜になる事間違い無し！！（わかんないけど サンプルとかは以下よりどうぞ。 サンプルサイトを見る サンプルをダウンロード 基本的に、全てoverflow: hidden; の指定を足す事で解決したり実現出来る感じです。 01 clearfixみたいに使う まずは以前の「clearfixを使わないでやるに
いま起きているWeb標準の進化、HTML5、CSS3、JavaScript 2.0
日本が大型連休に入る少し前の4月23日、W3CはHTML5の新しいドラフトを公開しました。いつも最新のWeb標準化動向を伝えてくれるWeb標準ブログのエントリ「Last Callに向け進むHTML5 | Web標準Blog | ミツエーリンクス」によると、今回のドラフトから仕様書に大きく手が加わり、Webサイトを作る人向け（制作者に関係する要件）と、Webブラウザを作る人向け（実装要件についての要件）ごとに見やすくなるようなスタイルシートが用意されたとのこと。 これまでも何度かこのブログでは、HTML5やJavaScript 2.0などのWeb標準の動向を書いてきましたが、今回は分かりやすいようにその動きをまとめてみました。 HTMLはHTML4でいったん進化が終了し、それ以後はXHTMLで進化していくことになっていました。しかし実際にはXHTMLは期待されたほど普及せず、XHTMLによっ
インターネット広告用語辞典
インターネットビジネスを運営する人、始めたい人のためのインターネット広告用語辞典 よく聞く言葉だけど、実はイマイチ意味がわからない。インターネット広告を出したいけれと、専門用語にうんざり！今さら聞けない、調べてもよくわからない、そんな用語をわかりやすく解説します。
livedoor ディレクター Blog
2013年12月19日 ディレクターが考える「もし○○が終わらなかったら」〜LINEディレクターブログ締めます〜 カテゴリ:ディレクション Web Director Meetupが今年も開催されます。イベント実施にともないLINE株式会社では会場提供させていただきます。 イベントについては公式サイトをご覧ください。 Web Director Meetup 公式サイト ※本イベントはボランティアによるWeb Director Meetup運営実行委員会によって運営されています。 日時や場所 【日時】 2013年12月12日（木）19:00開場 19：30開演 22：30終了予定 【場所】 LINE株式会社 オフィス内カフェスペース 〒150-8510 東京都渋谷区渋谷2-21-1 渋谷ヒカリエ 27階 Access: 東急田園都市線、東京メトロ副都心線「渋谷駅」15駅出口直結 東急東横線、J
FlashとAction Script3.0のチュートリアル30 – creamu
noupeで、FlashとAction Script3.0のチュートリアルが紹介されています。 ざっといくつかご紹介。 » Create an Impressive Magnifying Effect with ActionScript 3.0 displacementMapFilterを使って拡大鏡のエフェクトをかける » Creating Gradients in Flash Flashでグラデをかける基本操作を動画で学ぶ » Infinite Gallery / Menu Flash,AS3でギャラリーやメニューを作る方法 » Using the Timer Class to animate rotation タイマークラスを使って、シンプルなシェイプを回転させるチュートリアル » Flash Mouse Trailer with Stars マウスに星がついてくるエフェクト » C
暮らしと、写真と。refocus[+]
写真のある暮らし。 何げないいつもの日々を、その人の趣味や好みに合った 楽しみ方で、充実して、心地よく暮らすこと。 それを叶えるのは、音楽やアート、花、アロマ… そして「写真」もその一つです。 大切な思い出をいつも大事にしていたり、 大好きな家族や友人を思いやったり 感動したシーンと向き合い、心をピュアにしたり。 写真だからこそすてきに「彩る」ことのできる 「写真のある暮らし」を。 日々、「あたりまえ」になってしまっている生活。 しかし、生活の中にあるひとつひとつの出来事は、けっして「あたりまえ」の連続ではなく、 家族との時間やお子様の成長は 「その瞬間」にしかありません。 内に留めるだけではなく、カタチに残すことで「一生の思い出」として見えるようになります。 プリントサービス 残す・飾る・彩る
デザインを魅力的なものにする、シンプルな10個のテクニック
デザインを魅力的なものにする、シンプルな10個のテクニックをSmashing Magazineから紹介します。 10 Simple and Impressive Design Techniques 以下、その意訳です。 手間のかかるデザインテクニックは高度な効果を与えることができますが、間違ったところに使用してしまうと、意図したフォーカスとは異なり、ユーザーの気をそらすだけになってしまうことがあります。 これらのテクニックは、効果的に見せるために必要なデザインかもしれません。しかし、よりシンプルなテクニックでも充分な効果を与えることができます。 シンプルなテクニックやエフェクトというのは、デザインの基本です。 「less is more」の考えを元に、デザインの概観とパフォーマンスを劇的に改善できる非常にシンプルで印象的な10のデザインテクニックを紹介します。 1. Add Contras
web開発者なら知っておきたい HTTPステータスコード : LINE Corporation ディレクターブログ
こんにちは。ブログと検索を担当している河野です。 突然ですが、皆さんは404という数字を見て何を思い浮かべるでしょうか。 この数字からWebブラウザで時折見かける「404 Not Found」を思い出す人は多いのではないかと思います。ということで、ちょっと強引ですが、今回はこの404などのHTTPステータスコードについて、ディレクターの視点で知っていた方がいいことを書いてみたいと思います。 【１】HTTPステータスコードの定義と確認方法 まずはHTTPステータスコードについて一通り説明をしたいと思います。 HTTP ステータスコードとは、「HTTPにおいてWebサーバからのレスポンスの意味を表現する3桁の数字からなるコード」とWikipediaには定義されています。 冒頭であげた404は、このステータスコードの1つで、リクエストに対応するページやファイルを見つけられなかった時にサーバが返し
SOY CMSは、SOHOやWebデザイナーの救世主になるかもしれない: 世界中の１％の人々へ
2009年2月| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 HTMLソースにコメントやタグを埋め込むだけだから、デザインは自由自在。XHTML＋CSSさえ、理解していれば簡単にサイト構築ができる。 前回の「XAMMPインストール編」に続き、SOY CMSレポート後編。今回はSOY CMSの特徴を理解すべく、チュートリアルをやってみました。 Webにシステムを利用する場合、ある程度のデザインの制約がおこる場合が多いが、SOY CMSは、特別なテンプレートをもたず、既存のHTMLに、システムで変更したい部分をコメントやタグで囲むだけなので、デザインは自由自在。 そして、更新の容易さはブログなみで、特別な管理者を必要としない。 となれば、システム担当者のいない、小さなWeb制作会社や、個人
Graphic Design & Illustration Tutorials by Envato Tuts+
Keep up to date or learn a new skill with our graphic design and illustration content. Ranging from Adobe Photoshop to drawing theory, from vector illustration to print design, we've got all experience levels covered. Whether you want to learn Adobe Photoshop, Illustrator or InDesign, our free, in-depth courses have got you covered. Our expert instructors will guide you through the basics of each
無料で使えるFlashテンプレートがいろいろ「FlashVillage」:phpspot開発日誌
FlashVillage.com - FREE Flash Templates All FlashVillage templates are 100% FREE. You simply need to register as a FREE member and you can start downloading. 無料で使えるFlashテンプレートがいろいろ「FlashVillage」。 オープンソースのFlaファイルをダウンロードすることが可能です。 どれも結構高度な物なので、Flash開発の参考や、そのものをテンプレートに何かを作ったり出来そうです。 配布されているものを以下に紹介。 グリグリ動く、テレビ風インタフェース クールなフォトギャラリー ＯＳ風インタフェースのサイト ページ内容がパズル風に切り替わる超クールインタフェース 虫眼鏡風インタフェース 樹木が徐々に育っていく風アニメ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.authority-site.com/2010/09/seo/increase-blog-traffic.html
IDEA * IDEA
初心者が簡単にプロっぽく記事の内容を仕上げるテクニック*ホームページを作る人のネタ帳
http://www.designwalker.com/2009/04/wireframe-2.html
髪の毛切り抜き / Photoshopを使って背景をきれいに切り抜く方法まとめ | DesignWalker
[CSS]上級者向け、スタイルシートのテクニック集
背景画像をつくるのに便利なサイト12選 | IDEA*IDEA
