永久保存版！？携帯コーディング、これだけ読めばすぐできる！ | KAYAC
マークアップエンジニア（以下、ME）のtacamyです！(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 （いつもありがとうございます！） そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ！ 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定（タグに直接style属性を追加する） 画像を含むページ容量100KB以内（HTML自体の容量は9KB以内） 画像はgifか
Web制作に必要なマーケティング目線の考え方や制作が身につくオススメの本 -Webマーケティングの最新常識
Web制作者としてキャリアアップするにはどうしたらよいでしょうか？ デザイナーならデザイン、コーダーならCSSやアクセシビリティなど、アウトアップに繋がるスキルやセンスを磨くことは確かに大切です。しかし、なぜそれをするのか、どのような目的でどのような効果を期待しているのかをマーケティング目線で理解していないと、それはユーザーにもクライアントにも役に立たない美しいWebサイトができるだけです。 Web制作をマーケティング目線で考える手助けとなるオススメの本を紹介します。 具体的な指示がないとデザインができない、デザインに説得力がない、プレゼンでデザインの解説しかできない、クライアントと対等に打ち合わせができない、これらはマーケティング目線が欠けている状態です。Web制作に必要なマーケティングの知識を身につけることで、すべて解決できます。 現場のプロが教える Webマーケティングの最新常識 [
IE対策：互換表示させない。 - Qiita
IEのバージョンごとにレンダリング方法が変わり、 互換表示と標準表示方法があるやっかいなIEの対策。 IEでWebページを正しく表示できない場合に、 互換モードになっていることが多いです。 常に標準モードになる<meta>タグを入れておくようにします。 上記を、 <head>内に入れる。 cssやjsファイルが記述されている箇所の前に入れる。 （外部のファイルの読み込みがあるとそこで表示モードが決定してしまうそうです。） content="IE=edge"はIEの最新バージョンの標準モードを表しています。 IE7を使用している場合は、IE7、IE10を使用している場合はIE10のレンダリングモードで表示されます。 IE7であろうが、IE11であろうが、 IE8のレンダリングモードにしたいときは、 content="IE=8"という風に指定もできます。 IE11 IE11のドキュメントモード
知らなかった・・・絶対パスと相対パス以外でファイルの場所を指定する方法 | Lancork
※当ブログではアフィリエイト広告を利用しています。 最近の仕事で静的HTMLだけで100ページ以上、さらに複数のフォルダ階層で構成されている既存サイトの全てのページのヘッダ部分に、共通の画像を新しく追加する機会がありました。 その際今まで知らなかった、どの階層から見ても相対的に同じパスを指定できる方法を先輩より教えてもらったのでメモします。 ファイルの場所をhttp://などのプロトコルからはじまるURLで指定する方法です。例えば画像を絶対パスで指定した場合、以下のような感じになります。 <img src="https://www.lancork.net/images/logo.jpg" alt="画像だよ"> 現在表示している階層に関わらずファイルの場所を指定できますが、ローカルと本番など環境が異なる場合でもどちらか一方のURLしか指定できません。 ドキュメント相対パス ファイルの場所を
レイアウトとは？プロも使う原則やコツ・テクニックまとめ | LISKUL
レイアウトとは、テキストや画像などの要素や、家での家具などを効果的に配置するためのプロセスです。 レイアウトを戦略的に活用することで、ビジネスシーンでは相手にメッセージが伝わりやすくなったり、日常生活では生活導線が改善されるなどの効果が期待できます。 しかし具体的には、どのような場合に、何をすればよいのかわからないという方も多いのではないでしょうか。 そこで本記事では、レイアウトの基礎や、関連する原則、レイアウトの流れ、文書・ポスター・家具など様々なシチュエーションでのレイアウトのコツを一挙にご紹介します。 ビジネスシーンや日常生活でのレイアウトにお悩みの方は、ぜひご一読ください。 レイアウトは、テキスト、画像、その他の視覚的要素を効果的に配置し整理するデザインプロセスです。 このプロセスは、情報を整理し、視覚的にアクセスしやすい形にすることを目的としています。具体的には、ページやスクリー
WordPress初心者でも爆捗！ テンプレートカスタマイズ＆ショートコード作成超入門
前回の「Dreamweaverで始めるWordPressサイト構築の基礎知識」では、「Adobe Dreamweaver CC」（以下、Dreamweaver）でWordPressのテーマをカスタマイズできるようにする環境構築や設定を行った。 今回はWordPressの内部構造の話に触れながら、Dreamweaverを使ってWordPressを少しカスタマイズしてみる。 また、WordPressの作業を爆発的にはかどらせる「ショートコード」の作り方についても解説しよう。 WordPressのテンプレート（テーマ）の構造を知る WordPressではテンプレート一式を「テーマ」と呼んでいる。WordPressに限らずCMSであればテンプレートの大まかな考え方は似ている。というのも、できるだけ使い回して作業負担を下げ、作業をはかどらせようという工夫がされているからだ。 例えば、共通部品としては
Dreamweaverで始めるWordPressサイト構築の基礎知識
本連載では、CMSのスタンダードでもある「WordPress」のテーマ作成を、「Adobe Dreamweaver CC」（以下、Dreamweaver）をメインに用いてさまざまなモダンな技術を組み合わせながら爆発的に捗（はかど）らせる方法を解説していく。さまざまなモダンな技術としては、「Sass」「Compass」「Emmet」（旧、Zen-Coding）を想定している。 今回は、Dreamweaverの概要と最新版Dreamweaverの新機能、WordPressの概要、Dreamweaver＋WordPressの環境構築を行う際に必要な初期設定などを紹介していこう。 そもそもDreamweaverとは、なぜDreamweaverを使うのか DreamweaverはWebサイト／Webアプリケーションの制作ツールだ。HTMLエディタという見方をすれば非常に動作が重そうで、他の軽量なエデ
[Photoshop]マスクの方法まとめ
Photoshopのマスクのかけ方は、大きく分けて、『クリッピングマスク』、『レイヤーマスク』、『ベクトルマスク』の3種類があります。 それぞれの作成方法をご紹介します。 クリッピングマスク レイヤーマスク ベクトルマスク（CS6, CC） ベクトルマスク（CS5？以前） クリッピングマスク すぐ下にある下層レイヤーのオブジェクトの形に切り抜くマスクです。 一番簡単なマスクですが、オブジェクトを動かす時に、マスク部分も選択しなければいけないという煩わしさもあります。 01) 切り抜きたい形のオブジェクトを作成します。 パスの図形でも、フリーハンドの図形でも大丈夫です 02) 切り抜きたいレイヤーを、その上に置きます。 03) レイヤーの間を、「Alt+クリック」します。 アイコンが写真のように変化し、マスクがかかりました。 調整レイヤーも同じようにマスクがけできます。 レイヤーマスク 選択
![[Photoshop]マスクの方法まとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/bb45a436e313479c083a441149c4b60b22112d10/height=288;version=1;width=512/http%3A%2F%2Fwww.ar-ch.org%2Fwp%2Fwp-content%2Fuploads%2F05_s1.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ブックマークしておくと便利！Web制作に役立つツールや勉強になるサービスのまとめ
新着記事
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP