めんどうな作業がわずか数秒に！新人デザイナーが 知らないと一生後悔するExcelを使ったHTML生成
お客さんから送られてきた、Excelデータからせっせとリストや表のHTMLをコーディングしているあなた！そろそろ手がが疲れてきていませんか？ そんなあなたは、この記事で紹介するExcelテクニックをぜひ覚えてください。 面倒な作業が、わずか数秒で終わります！ Excelを使った高速HTML生成 僕たちプログラマーは、ちょっとしたコード生成に、Excelを使います！ DreamweaverでもCSVファイルを取り込むことはできるのですが、<dl>タグでマークアップしたい時とか、カスタマイズしたい場合は、これから紹介するExcelを使った方法が簡単で、効果的です。 さぁ、↓のようなお客さんから送られてきたExcelデータから ... こんな感じの、<dl>タグでマークアップされたHTML生成する流れを説明します。データ数はうんざりするくらいあると思ってください。 Let's Excel 1)
『コンビニから学ぶアクセス解析の基本用語１３個』
本を買わずに解決するWeb制作の小技 ホームページ作成でちょっとしたことを参考書を買わずに解決する方法をPHP CSS Webデザイン jQuery Flashを中心に便利な技をまとめていきます！現在、長野県長野市の制作会社でWeb作成中！ 【9分で読めるよ】 突然ですが皆さんコンビニは好きですか？ 私は大好きです。ほぼ毎日行っています。 好きすぎてコンビニでバイトまでしてました。 コンビニは24時間年中無休なのですごい助かりますよね。 あれ？そういえばホームページも年中無休で24時間営業です。 これは、なにか近いものがありますね。 そこで、ちょっと分かりにくアクセス解析の用語の意味を 初心者でも分かるようにコンビニで考えてみました。 Webサイトを制作してアクセス解析を導入したけど 「よくわかないカタカナや英語がいっぱいでてきて全然楽しくない」 と思っていた方に少しでも意味がわかってもら
フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
みなさん、こんにちは お元気ですか？僕は元気です。 さて 最近よく、「いいね！」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP （Open Graph Protocol）と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー？？とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す
ウェブ配色ツール Ver2.0
基本的な使い方 左上のカラーピッカーを使って、任意の1色を作れば、それに合わせた配色が作れるツールです。またロゴの文字や色は任意の物を指定できるようになっています（ただしフォントは変更出来ません）。 カラーピッカーの下のスライダーを利用すれば、メイングラフィックの変更や色相幅も変えることが出来ます。動きが必要な配色の場合には、2つめのスライダーを右に動かしてください。補色配色に近い配色が出来上がります。 色の一覧を押すことで、出来上がった色の一覧を表示しますので、コピー&ペーストしてお使いください。 この配色ツールについて この配色ツールはフォルトゥナによって提供されています。リンク等は当然のことながら自由にしていただいて構いませんが、無断で複製・転載するのはおやめください。 取材・執筆等のお申し込み このツールに関してのご質問、あるいはその他の色に関する取材・業務や講演などは、フォルトゥ
非デザイナーのためのデザイン基本テクニック その１ | 07design.blog
デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、実はデザインというものは数々のルールによって成立しています・・・デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。 デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、 実はデザインというものは数々のルールによって成立しています。 そのルールの知識があればデザイナーレベルとはいかないものの、見た目がきれいなグラフィックは作れるはずです。 デザインという言葉の定義やソフトの使い方から始めてしまうとややこしくなるので、 今回はあくまでも「とりあえず見た目をキレイにする」ということに重点を置いて説明します。 記事内で
誰でも作れる！ “崩れない”HTMLメルマガ作成術（1/4）- ＠IT
誰でも作れる！ “崩れない”HTMLメルマガ作成術：一撃デザインの種明かし（12）（1/4 ページ） キレイなHTMLメールを作るコツ/Tips盛りだくさん！ ECサイトはもちろん、企業サイトのニュースなど、いまなおプッシュ型の情報配信として支持されるメールマガジン。一時のフィードリーダーの盛り上がりもあり、以前に比べると落ち着きましたが、まだまだメールマガジンの効果は侮れません。 今回は、そんなメールマガジンの中でも、表現力豊かなHTMLメルマガの作り方について、徹底解説します！ 「HTML」自体は、それほど難しくないが…… 「HTML」というマークアップ言語自体はプログラム言語に比べると手が出しやすいので、Webを仕事としていない方でも触れた経験をお持ちの方はいらっしゃるのではないでしょうか？ そういう人にとっては、HTML言語自体はそれほど難しくないと思います。 しかし、そのHTML
時間の節約になるWeb制作関連ツール 12+1
2013年4月2日 便利ツール Webサイトを作る際に、じっくり時間をかけたい作業とそうでないものがあると思います。細かい作業は便利なツールで作業時間の短縮をして効率よくすすめましょう！今回は私がいつも使っているものとSMASHING MAGAZINEで紹介されていて「おぉっ！」と思ったWeb制作に関する便利ツールを紹介します。 ↑私が10年以上利用している会計ソフト！ Photoshopテンプレート まずは私Mana作のPhotoshop用テンプレート。グリッドなんぞ入れてます。グレーのエリアがファーストビュー。結構昔に作ってずっと使ってる感じです。 » Photoshopテンプレートをダウンロードする Instant Blueprint http://instantblueprint.com/ Webサイトを作る際の最初のステップを楽にしてくれるサイト。CSS, images, JSな
ブログを始めてみたいなと思う人へ、始めてみたけど行き詰まった人へ - じゃがめブログ
ブログを始めるって、どうやったらいいの？そんな感じ、ありませんか？私は最初そうでした。何書いたらいいの？どうやったらアクセス増えるの？そんな感じで暗中模索しながら始めて見たのですが、やってるうちに色々気付いたことが有ったので、軽くまとめておきたいと思います*1。 これからブログで何か発信・主張してみたい、そう思う人の心の助けになればいいな、と思います。 手本になるブログを見つける まずは、これからです。ブログサービスを決める前に、です。なんで？と思われるかも知れませんが、これ結構、重要なんです。 無料のブログサービスは数あります。FC2、はてな、アメブロ、ライブドア……こういった中から選ぶことになると思います。注意点は、各々サービスやできることが違っているということです。 私は「はてなダイアリー」を使っていますが、はてなでは文中にJavaScriptを書いたりできません。また、サイドバーな
携帯サイトを作る時に役立ちそうな情報まとめ - かちびと.net
ちょっと必要に迫られたのでメモ。 どうもTwitterやってるとiPhoneや Androidなどのスマートフォンの 話題ばかりなので忘れそうですが、 携帯サイトはビジネスには必須 ですので備忘録として記事に。 以前にも何度かまとめ記事が話題に上がっているので今更感も否めませんが自分のブログにあったほうが探しやすいのでメモします。 予備知識 モバイルサイト構築前に知っておきたいユーザビリティ10のポイント ファーストビューの重要性、色の大事さ、リンク操作に関して記載されています。 モバイルサイト構築前に知っておきたいユーザビリティ10のポイント 携帯サイト（html）の制作に入る前に確認しておきたいチェック項目 サンプルを元に解説してくれているので分かりやすいです。 携帯サイト（html）の制作に入る前に確認しておきたいチェック項目 携帯サイトの作り方 5年前の情報なので参考程度に。今は随
初心者が効率良くSEOテクニックを身につける方法 | パシのSEOブログ
SEOテクニックをマスターする事は簡単ではありませんが、それなりの知識をつけそれなりの成果を出す事は難しくありません。 SEOをこれから始める方や、サイト管理の命を受けてSEOに取り組まざるを得なくなった方のために、効率よくSEOスキルを身につけていくための方法をご紹介します。 準備１：本を買う、SEOブログを見る SEOの基礎知識を身につけるためにまずは専門書を購入しましょう。SEOに関する書籍は沢山ありますが、おススメは下記の2冊です。SEOを行う上でCSSの知識は必ず必要となりますので、CSS本も併せて購入しておいた方が良いでしょう。 『検索にガンガンヒットさせるSEOの教科書：（翔泳社 ）』 『現場のプロから学ぶXHTML+CSS：（毎日コミュニケーションズ）』 購入したらとにかく読みます。始めは読み進めても分からない事だらけだと思いますが、とにかく一回読みきります。読み終えたら次
JavaScriptで読み込むCSSファイルをまるっと[7korobi8oki.com]
代表中山陽平 ブログ「苦手意識を無くせばWeb活用はうまくいく」弊社では「がんばる中小企業」のWeb活用をサポートしています。今の時代、第3者である、制作会社や代理店におまかせでは勝てません。同じような商品・サービスが溢れる中、選んでもらうためのコンセプトを立て、それを実現するためにネットもリアルも総動員しながら戦う必要があります。 みなさんが世の中に・自社の従業員に実現したい幸せや提供価値を、しっかりと実現していくためには、みなさん自身が主役になり、私達のような専門会社が側面支援するのがベストです。 このブログでは御社が中心となってウェブ活用できるヒントを配信しています。お悩みの方はお気軽に問い合わせフォームからご相談ください。 最新の記事一覧
![JavaScriptで読み込むCSSファイルをまるっと[7korobi8oki.com]](https://cdn-ak-scissors.b.st-hatena.com/image/square/e43158a9b02ff4438d55128491865b833395bd4d/height=288;version=1;width=512/https%3A%2F%2Froundup-inc.co.jp%2Fwp-content%2Fuploads%2F2019%2F09%2F9106fa4d7b0fdf2534aa97dea102e186.png)
WEB業界の匠、私の師匠の5つの苦言
色々ありまして、体調も回復し退院することができました。 色々ご心配していただき、ありがとうございました。 さてさて、今回入院してた時に、だいぶ前からお世話になっているお師匠様が見舞いに来てくれて、昔話なんかに花が咲いたりなんだり。 一時代のWEB上で様々な事業に活躍してたお師匠様 IT事業でお金が欲しいならPVを出せ。 PVが欲しいなら特定の人を呼べ。 特定の人を呼びたいならコンテンツを絞れ。 コンテンツが作れないなら更新すれ。 更新できないならネタを探せ。 ネタが見つからないなら今探せ。 今この瞬間探しも調べもしない奴はWEBでお金が欲しいというな。 Twitter / Yamadaの発言 以前私がTwitterで発言した事があるんですけども、このセリフをガツンと言われました。その記憶が今でも残ってる人です。 私のブログの話から、またPV云々の話になり、盛り上がってました。 基本的に私の
これからゆっくり考L +α
先日から提供が開始されたAdobe Creative CloudのCCシリーズ。 とりあえず色々インストールしてみました。 まだそんなにガッツリと使い込んではいないのですが、Photoshop CCでぐっときた機能をご紹介。 透過pngで書きだしたい画像に乗算やオーバーレイや焼きこみカラー...などなど、描画モードが「通常」以外のものが使われていること、ありますよね？ 書きだしてから 「あれ...なんかデザインと違う...まさか...。あーやっぱり乗算だったー（泣」 っていうこと、ありますよね？（私だけですか...） 自分でちょちょいと修正できるときはいいんですけど、どう考えても無理な時とか、あまりに色々なところに乗算などを使われていると、 「次からはできればもうちょっと気をつけていただけるとありがたいです！」 と言いたい。 がしかし、なんで描画モード変更しちゃいけないの？と言われるとうま
【レポート】アプリケーションの歴史を紐解く-- アドビとクリエイティブの密接な関係 | クリエイティブ | マイコミジャーナル
デザインの進化を語る上で、アプリケーションの存在を無視することはできない。中でもアドビ システムズは、DTPの発展に貢献し、Web、映像の世界へとクリエイターを導いてきた。 アドビ システムズが発表してきたアプリケーションとテクノロジーの歴史は、クリエイティブ環境に大きな影響を与えている。そこで、その歴史を紐解きながら「アドビ システムズとクリエイティブ環境」の関係を見ていこう。 第1回となる今回は、DTP発展の大きなきっかけとなったPostScript技術に関する基礎知識について。アドビ システムズが開発するアプリケーションの根幹技術とも言えるPostScript技術と、そこから派生したPDFファイルについて、よくある質問から紹介していこう。 「デザイナーが使う道具」といえばAdobe PhotoshopとAdobe Illustratorは定番。さらにレイアウトソフトのAdobe In
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://designaholic.cc/2011/02/post-82.html
ホームページの作り方 勉強中だけど良いサイト教えて : はれぞう
SEO研究所サクラサクラボ
%26utm_content%3DGoogle%2520Reader)
css-lecture.com
1998年web制作デスマーチレポート*ホームページを作る人のネタ帳
bookma! - 404
