永久保存版！？携帯コーディング、これだけ読めばすぐできる！ | KAYAC
マークアップエンジニア（以下、ME）のtacamyです！(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 （いつもありがとうございます！） そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ！ 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定（タグに直接style属性を追加する） 画像を含むページ容量100KB以内（HTML自体の容量は9KB以内） 画像はgifか
25 Brilliantly Simple Web Page Designs
Beyond Minimalism: The Power of a Focal Point Minimalism is a huge trend right now. Articles and showcases abound on every design blog either praising its simplicity or bashing its shallowness. This post isn’t about minimalism. I’ll show you why with an example: visit site This is an excellent example of minimalist design. The design is clean, the content perfectly aligned and the typography simpl
Web デザイナーでも15分でフォームが作れる phpform の使い方 | ウェブル
phpform の使い方を紹介します。 こちらの記事を参考にすればデモサイトの様なフォームが簡単に作れます。 ダウンロード phpform_1.0.tar.gz phpform_1.0.zip ※現在β版として公開中です。バグがありましたら報告ください。 phpform を設置 ダウンロードして解凍したら、以下のような構成になっています。 index.php form.css phpform/ config.php phpform.php includes/ plugin/ sample/ template/ index.php あなたが主に設定するファイルです。 ここに HTML と phpform タグを記述していきます。 form.css これはデフォルト用の CSS です。削除して頂いて構いません。 phpform/config.php メールフォームの設置の際に必ず設定す
argilla: aScroller
This is a javascript scroller, 100% standards compliant (doesn't poison your code, keeps the page validating XHTML Strict). This class works on Internet Explorer 5.01-7.0, Firefox 1.0-3.0, Safari 2.0-3.0 and Opera 8.0-9.0. On Opera 8.0 there's a small bug regarding the horizontal scrollbar on horizontal scroller mode. Usage Define a <div> tag with a specified ID. Put inside another child <div> co
Fluid Width YouTube Videos | CSS-Tricks
This article was originally written on September 2, 2010 and is now being updated to be mo’ better. It now handles YouTube videos of different aspect ratios, the new iframe embed method, and with more efficient scripts. The code that YouTube gives you to embed a video is now a very simple iframe. Here’s an example: <iframe width="1280" height="750" src="//www.youtube.com/embed/fXm9EwzSjO4?rel=0&am
css-eblog.com - このウェブサイトは販売用です！ - css eblog リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
正規表現サンプル集
今日の正規表現Tips (2008/10/05) \d 0〜9の数字を表す正規表現です。 \D 数字以外を表す正規表現です。 正規表現では小文字が大文字になると反対の意味を持ちます。 ツール 正規表現チェッカー 正規表現Tips集 Tips その１ Tips その２ テキスト編集で役立つ『正規表現のサンプル集』を詳しい説明つきで紹介。 正規表現を使ってテキスト検索＆置換して仕事の効率アップを図ろう。 ≪ メニュー ≫ １．正規表現とはなにか？ ２．正規表現を使う準備 ３．正規表現サンプル集【検索編】 ４．正規表現サンプル集【置換編】 ５．正規表現のお勉強と本の紹介 ６．エディタの強調表示でテキストに色づけ ７．プログラムで正規表現を使う ８．正規表現サンプルリクエスト
女子のための情報サイトデザイン21+4 – Commit Lab
現在業務で女性向けの情報サイトのような物を作ってるのですが、デザインで少々詰まってましまいました。情報サイトとなると自然と文字数も多くなってゴチャゴチャしがちなうえに、元々女性的なデザインを意識して行った事があまりないので中々アイデアが出てこなくて困っていました。 いつも通りGoogle先生に訪ねてみたものの、案外見つからないんですよね。どうしようかなと悶々と悩んだ末に、ググれカスと言われるのを覚悟してwdscratchのフォロワーさん達に参考になりそうなサイトを教えて頂きました。 という事で今日はGoogle先生とwdscratchのフォロワーさん達が教えてくれた女子向け情報サイトをご紹介したいと思います。 今回協力して頂いた皆さん、本当にありがとうございました。助かりました。 追記1：ひとつ掲載漏れがありましたので修正しました。 追記2：コメント欄でご紹介いただいたサイトを追加いたしま
[CSS] YUI Fonts CSS でフォントサイズを相対指定する
デザイナーは絶対指定で（つまりｐｘ指定）自分が作ったラフ通りガッチガチに固定しろと主張する人がまだ多いと思うが、巷の流れに乗るなら相対指定にして然るべきという感じ。 しかし、いざ相対指定しようとしたら単位とか数値とかに迷ったりする。 emすら絶対指定だと切り捨てる厳しい人もいるらしいし、相対は継承されるから指定が難しい… 思ったサイズにならないこともしばしばある。 フォントサイズ固定してなきゃデザインが崩れる、なんてのもありがちで。 そこでこのブログのテーマVicunaでも使われてるYUI Fonts CSSの出番です。 YUI Fonts Example: Setting Font Size Note: To set the font size, always use percentages (%) from the conversion chart for maximum consis
![[CSS] YUI Fonts CSS でフォントサイズを相対指定する](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
