タグ

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

  • hanatoweb.jp - このウェブサイトは販売用です! - hanatoweb リソースおよび情報

    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.

  • つまづきがちなiPhoneコーディングのTips(JS多め) | バシャログ。

    来月はキャプテン・アメリカ見るし、気が付いたら年中アメコミ映画を見ているminamiです。 来月にはまた大きな発表がいろいろありそうなiPhone界隈ですが、iPhoneサイトのコーディングをする際につまづいてきたポイントを挙げてみました。 [HTML] input type="file"は使えない 画像をアップするコンテンツだからフォームに input type="file" を・・・と考えがちですが、iPhone版のSafariでは使用不可です。 [HTML] <meta name="viewport" content="user-scalable=no">が効かない 最近ハマったポイントです。ユーザーに画面の拡大をさせなくすることができるviewportのuser-scalableプロパティですが、体のアクセシビリティ設定で「ズーム機能」をオンにしているとバッチリ拡大できてしまいま

    つまづきがちなiPhoneコーディングのTips(JS多め) | バシャログ。
  • 構造化マークアップ開発でGoogle、MS、Yahoo!が協力

    Google、米Microsoft、米Yahoo!は米国時間2011年6月2日、構造化データマークアップの共通スキーマの開発およびサポートで協力するとして、共同プロジェクト「schema.org」を立ち上げた。 schema.orgでは構造化データのフォーマットやボキャブラリーを共通化し、マークアップ追加のためのリソースを提供する。Webサイト運営者および開発者は、Google、Bing(Microsoft)、Yahoo!の検索エンジンで検索結果に適切な情報が表示されるよう効率的にマークアップを追加できるようになる。 検索エンジン提供会社は過去数年間、別々に構造化マークアップに取り組んできた。例えばGoogleは、検索結果ページに商品レビューやレシピ、イベント情報などを表示するリッチスニペットを提供している。しかし各検索エンジンが異なる手法を用いれば、Webサイト運営者はマークアップを追

    構造化マークアップ開発でGoogle、MS、Yahoo!が協力
  • 3pandaさんとコーディングについて話しました : could

    ポッドキャスト 3pandaさんとコーディングについて話しました 大阪でコーディングの仕事をしており、パンダの会という勉強会を運営されている 3panda さんとコーディングの魅力と今後のコーディングの仕事について話を伺いました。 Web関連ポッドキャスト Automagic も無事 10 回目を迎えました。 今回は大阪でコーディングの仕事をされている @3panda さんとコーディングの魅力を中心にお話をしました。彼はパンダの会という勉強会を 2010 年から続けており、そこでの活動内容や今後の展望についても語ってもらいました。 コーダーという仕事をしている方にとってコーディングをするということの魅力は何でしょうか?専門性がより一層必要とされているものの、多角的な視点が必要とされる現在の Web 設計。コーダーという仕事はこれから何処へ向かうのでしょうか、そして何が必要とされているのでし

    3pandaさんとコーディングについて話しました : could
  • 高さの異なるボックス要素を揃えるテクニック : HTMLコーディングのノウハウ : HTML/XHTML、CSSコーディング最安保障~クロノドライブ~

    サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキス

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

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

  • Zen-Codingでできるあんなことこんなこと | gaspanik weblog

    先日超速コーディング?としてTextMateにZen-Codingを追加したコーディング手法の概要を紹介しました。で、実はZen-Coding、前回紹介した入力方法だけではありません。 HTMLのストラクチャ的なものがわかっていれば、特定の記述をして展開すると一気にコードが書けちゃったりします(どちらかと言えば、こっちが当のZen-Codingなんでしょう)。 ということで、今回はその特定の記述とやらの話をしてみましょう。ここまで使えるようになってくると実に速い…(はず 笑)。 文書構造がわかってれば、1行書いて一気に展開できるZen-Codingは、前回紹介したような登録された略語を使ってHTMLCSSのコードを展開する使い方だけでなく、特定の記述を使って構造を書き上げて一気に展開することができます。TextMateを使っている方はこちらのリストにある「Zen.Coding-Text

    Zen-Codingでできるあんなことこんなこと | gaspanik weblog
  • マークアップ効率化 - zen-codingでコーディングを倍速に

    HTMLの記法について 基的には「div」の様に要素を省略せずに記述して、それを展開すると「<div></div>」という形に展開されます。 このときに展開できる要素は以下の公式ドキュメントに明記されていますのでそちらを見るとよいです。 Zen HTML Elements Zen HTML Selectors Zen CheatSheets 基的な記法 ひとつずつ順番に記述して説明していきます。しばらく初歩的な説明になるのである程度知っている方は飛ばしていただいて良いかと思います。 まずものすごく基的な記法である、単独タグの記法について説明を行います。 cssのセレクタをイメージしながら見ていくと納得しやすいと思います。 タグだけ変換 変換前 div 変換後 <div></div> デモ 文末でtabを押してください div 変換後、div要素の間にカーソルが移動するので、すぐにテキ

    マークアップ効率化 - zen-codingでコーディングを倍速に
  • 知らない人は損してる?コーディングが3倍速くなるZen-Codingを導入してみた - EC studio デザインブログ

    最近になって急に盛り上がってきているZen-Codingをみなさんご存知ですか? Zen-CodingはHTML/CSSをショートカット+スニペットで簡略化してコードを書くことができるライブラリです。 独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグイン的に導入するものです。 Zen-Codingというのもがどういうもので、どんなすごいものなんだ、というのはこちらの動画を見てください。 ※音が出ますのでご注意ください。 Zen Coding v0.5 from Sergey Chikuyonok on Vimeo 一体何がおこわれているのか?という感じだと思われますが、今回の記事ではこのZen-Codingの導入方法と使い方の一例を紹介します。 Zen-Codingに対応しているエディタは色々あるのですが、今回は弊社の開発環境しているAptana Studio

  • 1