「画像をなるべく使わずにWebをレイアウトするテクニック」鷹野 雅弘（スイッチ）2013年11月8日、JPタワー（東京・丸の内）で開催されたCREATE NOW / PLUS ONE DAYの「画像をなるべく使わずにWebをレイアウトするテクニック」セッションのスライドです。 http://adobe-createnow.jp/event
インラインで画像をHTMLに埋め込むData URLスキーム at softelメモ
まずはこの画像見えますか？ → 見えなかったら、IE6かIE7あたりをご利用でしょうか。 HTMLには次のように書いています。（見づらくてすみません。） <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAABIAAAASABGyWs+AAAACXZwQWcAAABkAAAAZACHJl7mAAAPj0lEQVR42u2deXCc5X3HP8+79yFptTpW1mkdlm/ZYBtkbGC4IVCHciQ4pXUozGRKjpaZlMmkmUw7TKbTTOm0ZEiZ0EyICcWUkrQFzOEYcHxgIL4kIQsJS9Zpr7Rrr3al1a529336x64FtrUraaXVruR9Zt7RjEba4/m
iPhone向け電子書籍アプリを製作できる「MUSASHi eBook Framework」が無料公開 - MdN Design Interactive
武田ソフトウェアデザイン事務所は、iPhone/iPad向け電子書籍アプリを製作できるフレームワーク「MUSASHi eBook Framework」を無料で公開した。 同フレームワークを利用することにより、iOSのプログラミング知識が不要のまま電子書籍アプリを短時間で作成できる。利用できる機能は、連番のJPG画像を電子書籍アプリ形式に変換する機能と、連番のHTMLファイルを電子書籍アプリ形式に変換する機能、HTML+JavaScriptで作成されたWebアプリケーションをiPhone/iPad上でネイティブアプリとして動作させる機能の3種類。 なお、作成したアプリには広告が入り、また作成したアプリを有料で販売することはできないが、有料のライセンスコードを購入することにより、広告を削除したり有料で販売したりできるようになる。 サービス概要 「MUSASHi eBook Framework」
WordPressのデザインをHTML/CSSのペアで試せる·Pears MOONGIFT
PearsはWordPress上でデザインを試してテーマを作成できるフレームワークです。 PearsはWordPressのテーマですが、デザインフレームワークとしての役割も兼ねています。そして実際にコードを試しつつ、デザインを作ることができます。 インストール後、テーマを有効にします。 一覧の画面です。 記事の画面です。HTML、CSSが入力できます。 例えばリストです。シンプルで見やすいです。 テーブル表示です。 フッターです。 一覧（HTML5）です。 一覧（テキスト）です。 一覧（サムネイル）です。 サムネイルのグリッド表示です。 フォーム（左にラベル）です。 フォーム（上にラベル）です。 検索フォームです。 ログイン系フォームです。 リストです。 ステータス表示です。 タグです。 垂直のタグも。 ナビゲーションです。 水平ボタンです。 水平リンクです。 タブです。 ページネーション
Simple HTML DOM documentation
PHP Simple HTML DOM Parser A fast, simple and reliable HTML document parser for PHP. Created by S.C. Chen, based on HTML Parser for PHP 4 by Jose Solorzano. Parse any HTML document PHP Simple HTML DOM Parser handles any HTML document, even ones that are considered invalid by the HTML specification. Select elements using CSS selectors PHP Simple HTML DOM Parser supports CSS style selectors to navig
HTMLファイルをアップロードすると、使われているclassやidを取り出してcssの雛形にしてくれるWebサービス・Bear CSS
日曜日です。如何お過ごしでしょうか。 さて、今日も軽い話題・・HTMLファイル を送信するとそのページで利用している classやidを抽出、cssの雛形としてDL 出来るようにするWebサービスです。 用途が思い浮かばない・・と、思ったんですけど、良く考えたらリニューアル案件なんかで地味に便利かも。 HTMLファイルを送信したらその中で使われてるclass名とかが書かれたcssを吐き出すってだけのサービスです。 PHPとjQueryプラグインのUploadifyが使われています。アイルランドの学生さんが作ったそうですよ。 送信するとcssの雛形を作ってくれます。 まぁそんだけなんですけどデザインの訴求力があったのでなんとなくご紹介しました。・・でも、なんで熊なんだろ。 以下よりどぞ。 Bear CSS
YOPPA 田所淳の講義ノート
このサイトは田所淳の講義、仕事、日記、そのほか諸々の情報を公開しています。そもそもは、授業の履修者のために過去の授業の内容の記録を掲載するために始めたのですが、より多くの人に役にたてるのであればと思い、全てを公開することにしました。基本的にリンクはフリーです。どの階層のページにも勝手にリンクしていただいて構いません。また、リンクした旨を連絡をしていただく必要もありません。サイト内の全ての記事は、Creative Commons Licenseの条件に従う限り自由に利用していただいて構いません。記述の誤りご意見などありましたら、コメントもしくはメールにてお知らせください。 tadokoro[at]gmail.com
Webデザイナー & デベロッパー必見！絶対使えるチートシートまとめ | webox blog
フレームワークやらライブラリやら、色々触る機会が多いですよね。 そうやって色々触っていると「あれ、あの関数なんだっけ」みたいな事がよくあります。 そういう時に便利な各種チートシートをまとめてご紹介します。 上はデザイナー向け、下へ行くほどデベロッパー向けになります。 Photoshop Keyboard Shortcuts 忘れがちなショートカット。Win/Mac両対応。 Color theory 壁紙用サイズも多数あります。 Periodic table of typefaces よく使われるフォントを元素周期表にはめ込んだモノ。ぱぱっとどんな感じのフォントなのか確認するときに良さそう。 Git Cheat Sheet Wallpaper どこに入れるか悩んだけど、皆使うべきなのでここにおいとこう。 Ultimate HTML5 Cheatsheat HTML5について網羅したチート
The evolution of the web
The web today is a growing universe of interlinked web pages and web apps, teeming with videos, photos, and interactive content. What the average user doesn't see is the interplay of web technologies and browsers that makes all this possible.� Over time web technologies have evolved to give web developers the ability to create new generations of useful and immersive web experiences. Today's web is
第4回 Aptana Studio始めました | Think IT
Eclipseから始めるあなた 最終回の今回は、オープンソースの統合開発環境「Eclipse」と、Drewmweaverに取って代われる存在ともいえる「Aptana Studio」を紹介しましょう。 筆者がAptana Studioを始めたきっかけは、諸先輩方からのアドバイスです。Webデザインだけでなくプログラミングもこなすような仕事が増えてきたころ、PHPを書く場合に何かいいアプリケーションがないかと探しており、EclipseとプラグインのAptana Studioを勧められたのです。 Eclipseは、プラグインの追加でいろいろな言語を記述することもできるし、何よりオープンソースであるところもいいところだと思います。今回は、まだEclipseを使ったことがない方のために、導入方法から紹介していきましょう。 EclipseではWindows、Linux、Mac OS Xほか多数のプラッ
ja: NetBeans 日本語サイト
このサイトについて - About this site Here is a NetBeans, Japanese Speaking Community. All contents are available in Japanese. このサイトは NetBeans 日本語サイト です。netbeans.org 内に設けられた日本語のサイトです。日本語によるメーリングリストの運営やドキュメントの公開などを行っています。このページは、NetBeans オープンソースプロジェクトの中の ja というサブプロジェクトのトップページでもあります。日本語サイトプロジェクトへの参加方法などはプロジェクトについてを参照してください。
HTML/CSS/PHP等のコーディングに、無料のNetBeansが快適過ぎる件
私は結構エディタ難民で、HTML/CSS/PHP等をコーディングする際のエディタをWindows・Mac含め色々試してきましたが、最近は NetBeans IDE に落ち着いています。 NetBeans IDE は厳密にはエディタではなく、Windows・Mac・Linux用の無料で利用できるIDE（統合開発環境）の一種です。 ちなみに、↓のキャラクターは NetBeans IDE 日本語コミュニティの公式マスコットの「ねこび〜ん」です。 私はWordPressのテーマファイルを作成しているときに、PHPで独自のCMSを開発されている @kawagooch さんに勧められて使い始めたのですがとてもしっくりきたので、以後 HTML/CSS/PHP などWebサイトのコーディングには NetBeans IDE をメインで使っています。 私自身、NetBeans IDE を使うようになってからサ
EC studio デザインブログ
2012年3月1日からFacebookページにタイムラインが適用されるようになりました。 3月30日には全Facebookページが強制的に新デザインに切り替わるので、 今のうちにデザインを修正して対応しちゃいましょう！ 新デザインの変更箇所まとめは、いろんなブログで紹介されているので、 今回は、デザイナー視点での、新デザインへの対応のコツをまとめました。 続きを読む デザインしている中で、パスを合体したり分割したり パスを変形させることは多いと思います。 変形させるとき、多くの方は「パス」パネルを使用すると思いますが、 アイコンだけ並んでいても、どれがどんな働きをするのかわからなくなることはありませんか？ アイコンの絵でなんとなく合体する…くりぬかれる…と、動きは予想できますが どちらのパスが前面・背面にあるかで、またさらに形が変わってきます。 今回はそんなちょっと迷う「パス」パネル、 F
永久保存版！？携帯コーディング、これだけ読めばすぐできる！ | KAYAC
マークアップエンジニア（以下、ME）のtacamyです！(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 （いつもありがとうございます！） そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ！ 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定（タグに直接style属性を追加する） 画像を含むページ容量100KB以内（HTML自体の容量は9KB以内） 画像はgifか
【公式】ハイローオーストラリア｜新機能：ジャックポット・キャッシュバックプログラム￤HighLow.com
ジャックポットについて特別なキャッシュバック取引約定後に、幸運なプレイヤーは最大100,000円のキャッシュバックが当たります。また、Highlowロイヤルティ・ステータスが高いほど当選確率・金額が上昇します。
「Flash vs. HTML5」という構図がはっきりと見え始めたぞ、と
業界関係者（特にスマートフォン関係の仕事をしている人たち）少し前からすでに気がついていた話だが、今回のAdobeからの一連のアナウンスメントで明らかになってきた「HTML5対Flash」という構図。とてもワクワクする戦いだ。 ウェブ上のリッチコンテンツという分野でリーダーシップ・ポジションを取りながらも、「無料Flashゲーム」と「ウェブサイトの見栄えをちょっと良くするアイ・キャンディ」というニッチなポジションに一度は追いやられるように見えたFlash（数年前の話）。しかし、動画フォーマットがReal Networks、Microsoft、Appleの三強いの間で中に浮く隙間を付いた戦略で、見事に「ウェブ上のマルチメディアのデファクト・スタンダード」のポジションをがっちりつかんだかに見えるFlash（現在）。しかし、その地位も安泰ではない。 Adobeにとって一番頭の痛い問題はiPhone
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Adobe、HTML/CSS/JavaScriptでできた次世代コードエディター「Brackets」を発表
http://99lime.com/
Google
TechCrunch
