めんどうな作業がわずか数秒に！新人デザイナーが 知らないと一生後悔するExcelを使ったHTML生成
お客さんから送られてきた、Excelデータからせっせとリストや表のHTMLをコーディングしているあなた！そろそろ手がが疲れてきていませんか？ そんなあなたは、この記事で紹介するExcelテクニックをぜひ覚えてください。 面倒な作業が、わずか数秒で終わります！ Excelを使った高速HTML生成 僕たちプログラマーは、ちょっとしたコード生成に、Excelを使います！ DreamweaverでもCSVファイルを取り込むことはできるのですが、<dl>タグでマークアップしたい時とか、カスタマイズしたい場合は、これから紹介するExcelを使った方法が簡単で、効果的です。 さぁ、↓のようなお客さんから送られてきたExcelデータから ... こんな感じの、<dl>タグでマークアップされたHTML生成する流れを説明します。データ数はうんざりするくらいあると思ってください。 Let's Excel 1)
jQuery Mobile リファレンス的なもの - へっぽこプログラマーの日記
jQuery Mobile のリファレンス的なものを作りました。 取り敢えず叩き台で、ツッコミなどあればコメントください！ ※RC2版に対応しました Page 要素 属性 値 概要 div data-role page ページ 設定 値 既定 備考 data-fullscreen boolean false フルスクリーン表示（ヘッダーとフッターでdata-position="fixed"を指定する必要がある） data-add-back-btn boolean false 戻るボタンの自動生成 data-back-btn-text 任意 "Back" 自動生成された戻るボタンのテキスト data-keep-native 任意 ネイティブで利用するUIをセレクターで指定する data-dom-cache boolean false ページをキャッシュする data-theme 任意 c テ
CSS HappyLife
もう放置して長い当ブログ...なので、Adsenseの自動広告ってのを試してみようかと思ってONにしたら、すごいことになった！ これは中々に酷いですね。 とまぁそれはさておき、すごい久しぶりに個人の趣味っぽい感じのサイト作りました。 - 探そう！好きな恐竜 なんで恐竜！？って感じしますね。 正直、恐竜には全然興味なかった側の人間です。 もう完全にただのお知らせや告知ブログ...！ 初版の発売から4年経ち、ありがたいことに改訂のお話を頂いたので、6月～8月辺りに森田 壮さんと執筆を行い、2017年9月15日に改訂2版が発売しました。 かなり頑張って加筆・修正などを行ったので思ってたより大変な執筆でした。 初版と改訂2版の詳しい違いに関しては、サポートサイト に載せておいたのでそちらを見て頂けるとありがたいです！ 初版と改訂2版の違い | Web制作者のためのSassの教科書 改訂2版 - 公
Webサイトの基本要素 見出し・リスト・引用文のスタイルを整える
2014年8月20日 CSS Webサイトを装飾していく時に無視できない要素、見出し・リスト・引用文。特にWordPressでオリジナルのテーマを作る時は、ブログ用にこれら基本の要素すべての装飾もすると思います。そんな時に使うコードのバリエーションをメモしていたので記事にしました。少し変えるだけで応用できると思うので、ぜひ使ってみてください！ ↑私が10年以上利用している会計ソフト！ 色、フォント、サイズなどを変えるだけで、どんなサイトでも使える見出し・リスト・引用文用のHTMLとCSSコードを紹介します。そのままコピペして使っちゃってください。少しはコーディングの手間が省ける…かもしれません。ちょいちょい使っている画像も保存して使ってもらってもOKです :) サンプル画面内の「HTML」「CSS」タブをクリックでコードが表示されます。IE6, 7, 8, FF, Chrome, Safa
犯してはいけないHTMLタグの過ち10個
【追記】 HTML5ではインラインとブロックの要素分類がなくなり、代わりに、メタデータ、フロー、セクション、ヘッディング、フレージング、エンベッディッド、インタラクティブというコンテンツの種類が定義されています。 2. 画像に代替テキストのalt属性が入っていない <img src="sample.gif" /> alt属性は、Webページに表示されるすべての画像に必須の要素ですので、必ず使用する必要があります。 <img src="sample.gif" alt="サンプル" /> 必須の要素ですので、特にテキストで表示する必要がない場合でも、alt=""としておく必要があります。 【追記】 HTML5では「Images whose contents are not known(どのような内容かわからない画像)」に限り、alt属性を省略することができます。写真共有サイトにユーザーが画像を
HTMLテンプレート - ネットマニア
クールサイトを作る為に。無料テンプレートで作るクールなホームページ。クールサイトを作るためのノウハウの公開から、PHPウェブログシステム・メルマガ独自配信システムの無料配布など。
初心者のスタイルシート (CSS)
超初心者でも大丈夫 スタイルシートを使ってみよう HTML(各主要要素＝タグ) をある程度使えるようになってくるとスタイルシートは理解ができると思います。 ページに使った背景画像や写真を自由に好きな所に配置することや、テキスト (文字列) の文頭の位置、余白など変えたい時ありませんか？スタイルシートを使えば、できるようになります。 HTMLはもともと文書の構造を表すために考えられた仕組みですが、 スタイルシートは、HTMLのタグにプラスして指定し、HTMLでは不可能だった細かいコントロールや表現 (文字、色、背景、枠線、表示位置、余白など) を可能にし、レイアウトに凝ったページを作成することができます。 デザインの表現をHTMLから分離したものがスタイルシートです。 HTMLだけでは、ページのデザインをコントロールする自由な調整はあまりできません。インターネット上には素敵にレイアウトされた
XHTMLとCSS
ここではXHTML 1.0 StrictとCSS 2を使ったWebページ作成法を解説していましたが，今後はこちらは更新しないで，HTML5とCSS3に移行します。 目次 はじめての「ホームページ」？（前口上） はじめてのXHTML アップロード（三重大学での実習専用） はじめてのCSS Validatorを使おう いろいろなタグ リンク 画像 スタイルシート 色をつけよう 表 HTMLとXHTMLの違い エンコーディング CSSを使った二段組もどき CSSを使った二段組もどき 2 CSSを使った二段組もどき 3 CSSを使った三段組もどき ユーザビリティ・アクセシビリティ ロボットを排除するには リダイレクト アクセス制御 「お気に入り」アイコン （付）Webの歴史 参考書 下の参考書リストは古くなってしまいました。今はもっと新しいものが出ているはずです。 うえがき麻矢，山田祥寛『これなら
jsdo.it
Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà. Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovrai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovrai a
Ajax,Apache,CSS,CVS,HTML,JS,Perl,PHP等のチートシートまとめ:phpspot開発日誌
Smashing Magazine Blog Archive Cheat Sheet Round-Up: Ajax, CSS, LaTeX, Ruby… Ajax,Apache,CSS,CVS,HTML,JS,Perl,PHP等のチートシートまとめが紹介されてます。 チートシートって印刷して貼っておくとほんとに便利でお世話になってます。 Ajax関連 What’s Ajax? Cheat Sheet - PDF Prototype Dissected - Cheat Sheet PNG scriptaculous Combination Effects - Cheat Sheet - PDF Apache関連 Apache Cheat Sheet Apache 1.3 Quick Reference Card - free quick reference cards - PDF htacc
サイト作成に欠かせないサイトやサービスなどを20個｜Webpark
私がサイトを作る際によくお世話になっているサイトやサービス、フリーソフトを紹介します。個人的に見ているものだけなのでまだまだあると思いますが、ご参考になればうれしいです。 週間ウェブデザイン 次の「あんじょうできてはる」が更新停止になっているのでこちらを。1ページあたりの表示数が多いので探しやすいですね。 あんじょうできてはる Webデザインのギャラリーはたくさんありますが、見やすさ探しやすさでこちらをよく見ます。更新は止まっちゃってますが。。 MephoBox ヘッダーやフッターなど部分的なものにこだわった海外のギャラリーです。404やナビゲーションなんかもあり参考になります。 ロゴストック 日本を中心にかなりの数のロゴが集められています。管理人さんや訪問者の評価も見ることができて参考になります。 フリーの素材集です。「ロイヤリティフリーなフリーフォト、無料写真素材サイトのまとめ」もご参
Chromeで軽快なHTMLエディターを使える拡張機能「NoteBook Professional」
ブログやサイトを作成・編集していて、リッチエディターを使っているなら良いのですが、そうではない場合、リストなどのHTMLタグをサクっと作りたいなんてこともありますよね。 そうなると、大抵HTMLエディターのソフトを別に起動させたりすることになるので、少し面倒です。 今回は、そんな状況ですぐさまHTMLエディターを使えるようにするChrome拡張機能をご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 起動も軽快なHTMLエディターを使えるChrome拡張機能 「NoteBook Professional」は、ボタンを押すと、すぐさま使えるHTMLエディター機能をGoogle Cromeに搭載できる拡張機能。 選択したウェブページ上のテキストを、コンテキストメニューからHTMLエディター
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
not found
HTML5の勉強に役立つチートシートやリファレンスのまとめ
The W3C Markup Validation Service
【HTMLタグの簡単検索】TAG index - ホームページ作成情報
パスワード認証
Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報*ホームページを作る人のネタ帳
HTMLクイックリファレンス
超初心者のためのホームページ作成講座 - HTML - CSS - Mozilla Composer