タグ

コーディングに関するRSWorldのブックマーク (8)

  • 秀まるおのホームページ(サイトー企画)-秀丸Zen- Codingマクロ ver 0.5.1

    ■概要■ ・Zen-Coding とは、CSS セレクタ風の簡単な記述をHTMLソースへ手軽に変換することを軸にしたコーディング支援ツールです。 ・例えば、 div h1+p a が <div><h1></h1><p><a href=""></a></p></div> になります。 ・マクロは Zen-Coding の「記法からのHTML生成」と「生成したHTMLで既存のソースをラッピング」を秀丸エディタに導入します。 ・その他の機能は、先駆者のみなさまが作られた既存のマクロでほぼ補うことができると思います。 ■利用方法■ ・詳しい構文やインストール方法などは上記ホームページアドレスでご確認ください。 ■動作確認■ ・秀丸エディタ ver 7.10 ■更新履歴■ ・ver 0.5以前のバージョンで変更した設定があれば、ver 0.5.0に含まれるINIファイルに反映させてから上書きインス

  • 永久保存版!?携帯コーディング、これだけ読めばすぐできる! | KAYAC

    マークアップエンジニア(以下、ME)のtacamyです!(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 (いつもありがとうございます!) そんなワケで、格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ! 携帯コーディングの基 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定(タグに直接style属性を追加する) 画像を含むページ容量100KB以内(HTML自体の容量は9KB以内) 画像はgifか

  • コーディング前に確認しておきたいこと。 - CSS HappyLife

    CSS HappyLife ZERO が移転したのでお手数ですが、消えちゃう前にブックマーク等変更してもらえるととても嬉しいです。 制作会社でコーディングする場合、社内のガイドライン的なのが有ったりデザイナーもある程度固定されてると思うので、毎回似たような事を確認したりとか、このデザインはどういう意図なんだろう?ってのも、何度か同じ人とやってれば見えてくる訳ですが、フリーランスの場合だとデザイナーは毎回違っていたり、当然ディレクションをする人も違うので最初に確認しておきたい事が有ったりします。 って事で、その辺りをまとめてみたり、デザインを渡されたときにこのデザインの意図は?って思う事とかもばーっと書いてみます。はい。 なので、デザイナーさんもコーダーにデザインを渡すときに気をつけて欲しい点とかもわかってしまうすばらしい内容(だと良いな)! じゃあまずは最初に確認しておきたい基的なことか

    コーディング前に確認しておきたいこと。 - CSS HappyLife
  • コーディングをさっと済ませるためのCSSテンプレート集 | CREAMU

    コーディングはさっと済ませたい。 そんなあなたにおすすめなのが、『Blank Themes, Frameworks and Templates: Resources to Speed Up Your Development Time』。コーディングをさっと済ませるためのCSSテンプレート集だ。 以下にいくつかご紹介。 ↑のキャプチャはDynamic Drive。2カラムや3カラム、固定幅、リキッドレイアウトなど、たくさんのCSSレイアウトを配布 » Code Sucks 90のフリーCSSレイアウト » Layout Gala 40のCSSレイアウト » CSS Creator 幅や背景色などを指定してXHTMLソースが生成できる » Whiteboard フリーのワードプレステーマフレームワーク » Yet Another Multi-Column Layout モダンで拡張性のあるレイ

  • 新しいケストレル ベータ 2がやってきた - Choose Opera 日本支部 - by Choose Opera 日本支部

    Uncategorized Android 用 Opera Mini – ビデオ用最速ブラウザ March 8th, 2016 Android 端末でビデオを見ようとして 1 日に何度読み込みが遅いと感じることがあるでしょうか。 Android 用 Opera Mini はこの問題を新機能「ビデオビースト」でビデオを最適化しビデオのサイズを小さくすることによって解決しました。この高速モバイルブラウザを未だお試しでなかったら Google Play ストアからダウンロードしてください Ericsson Mobility Report(PDF です) によると、2020 年までにモバイルでのデータの 55% はビデオになるとのことです。... Uncategorized NifMo に Opera Max が協力し通信量節約キャンペーン March 1st, 2016 Android 用データ

  • プロ級コーディングのための、AJAX・Javascriptソリューション | ECommerce Knowledgebase

    最新のWebアプリケーションのデザインと言えば、Ajaxが標準的な入り口といえるだろう。lightbox・フォームの検証・ナビゲーション・検索・ツールチップ・テーブルのための対話型ソリューションは、Ajaxライブラリやnifty Ajax スクリプトを使って開発されている。Ajaxは実用的でパワフルだ。しかしAjaxを使う場合、ユーザビリティ・アクセシビリティの点で、問題があることも理解しておかなければならない。Ajaxを過多に使用すると、ユーザーに対して過度な管理や機能を押し付けることになり、混乱を招きやすい。 とはいえ、Ajaxで何ができるかを知っておくことは重要である。それが新しいアイディアをさらに発展させ、Webアプリケーションの質を高めていくことに繋がっていくからだ。 今回の記事では、新たに60以上の“使える”Ajaxスクリプト、ライブラリ、ソリューションを紹介する。今後のプロジ

  • CodeEXPRESS | デザインを(X)HTML/CSS化する特急コーディング専門サービス

    CodeEXPRESSは、あなたのデザインを(X)HTML/CSS化する特急コーディングサービスです。最短1日納期から。CodeEXPRESS(コードエクスプレス)の特徴 CodeEXPRESS は、お客様がお送りいただいたデザインファイルから、(X)HTML/CSSのコーディングを特急で行うサービスです(最短1日から※)。 コーディングに特化することで、短い納期の対応を実現いたしました。 いただいたデザインを忠実に再現するだけでなく、文脈・内容を判断しながら手作業で HTML/XHTML 化いたしますので、ソースレベルでの SEO 対策が可能です。 W3C の Markup Validation Service のチェックはもちろん、弊社独自のガイドラインを整備することにより、高品質を維持しています。 ※ ページ数・レイアウトパターンにより、特急対応できないケースもございます サービス

  • 第4回 マークアップの高速化について考える(2)

    前回に引き続き、マークアップの高速化について考えましょう。前回はタグ(要素)そのものの入力が主でしたが、今回はタグの属性の入力などにフォーカスを当てます。 ■ コードビューでの入力は、コードヒントを最大限に使おう たとえば、すでに入力されているdiv要素にid/class属性を付加することを考えてみましょう。 ローテク・ウェイ: <div>に続けてスペース、id="wrapper"と地道に入力する ●ベター・ウェイ: 1.<div>に続けてスペースを入れると、ポップアップメニューが表示される

    第4回 マークアップの高速化について考える(2)
  • 1