タグ

htmlとHTMLに関するhomajyuのブックマーク (35)

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

    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.

  • Big Sky :: めんどうな作業がわずか数十秒に!新人プログラマが知らないと一生後悔するVimを使ったHTML生成

    « ExecuteExcel4Macro で CALL ワークシート関数使ってShellExecute呼んでそれでVimScript操作してHTMLを数秒で生成するの作った。 | Main | サラリーマンの為のメールが2倍速く書ける(気がする)vim補完書いた » こういう作業ってプログラマなら日常茶飯事で、やり方しらない新人プログラマはいつまでたっても新人なのだけど... めんどうな作業がわずか数秒に!新人デザイナーが 知らないと一生後悔するExcelを使ったHTML生成 | Webロケッツマガジン お客さんから送られてきた、Excelデータからせっせとリストや表のHTMLをコーディングしているあなた!そろそろ手がが疲れてきていませんか? そんなあなたは、この記事で紹介するExcelテクニックをぜひ覚えてください。 面倒な作業が、わずか数秒で終わります! http://webrocke

    Big Sky :: めんどうな作業がわずか数十秒に!新人プログラマが知らないと一生後悔するVimを使ったHTML生成
    homajyu
    homajyu 2011/12/15
    初級者にとって非常に参考になる記事
  • Webデザインにおける、1pxへのこだわり

    ☆ご注意☆ この記事は 2011年6月5日 に書いたものです。情報が古い可能性がありますのでご注意ください。 私も少しですがこの「1pxのこだわり」を日頃のデザインで使えるようになってきたので、制作方法とともにちょっとまとめてみました。 引き出しのひとつとして、デザイン勉強中の方、参考にしてもらえるとうれしいです^^ デザイン上級者の方々にとっては当然のことだと思うのですが、 最近つくづく思うのが、「1pxで質感が全然変わるよなぁ~」ってとても感じます。 たった1pxでピリッとしまったり、見やすくなったり、しゅっとなったり、、、と、1pxをないがしろにしちゃいけないんですねー… 今回は、私がデザイン制作時よく参考にしている、 デザイン参考集、bookma!さんの中から、色んなサイトを調べてみました。 目次 仕切り線の1px 文字をキリッと見せるための1px 動きのある1px 1pxの枠 仕

    Webデザインにおける、1pxへのこだわり
  • 22500文字の文書をURLに保存する驚愕のサービス「Hashify」【増田(@maskin)真樹】 | TechWave(テックウェーブ)

    [読了時間:7分] 文書というものはファイルとして存在するものだ。USBメモリ、オンラインストレージ、オンライン文書サービスなどに保存して初めて共有できるという考えはごくごく一般的だ。簡単な文書でも、何らかのサービスにサインアップして公開するという手続きが必要になる。 しかし「Hashify」を使用すれば、そういった概念が一瞬で崩れ去る。このサービスを使用すれば、テキストを圧縮して20文字以下のURLにしてくれる。URLそのものに文書が保存されてしまうのだ。 冒頭のスナップは、Hashifyの説明テキストへのリンクだが、これそのものがHashifyのURL作成ページになっている。左側に文書を入力すれば、短縮URLサービスbit.ly形式に保存してくれるというもの。 Showdownというテキストを見やすい形式で整形してくれる記述ルールに対応しており、ワープロのような整形もここで行える。 対

    22500文字の文書をURLに保存する驚愕のサービス「Hashify」【増田(@maskin)真樹】 | TechWave(テックウェーブ)
    homajyu
    homajyu 2011/05/10
    テキストの短縮サービス
  • WEB標準デザイン、はじめの一歩 ~デザインからマークアップまで~

    第6回 岡山WEBクリエイターズのセッション1で発表したスライド内容を全文掲載。第6回 岡山WEBクリエイターズ セッション1『WEB標準デザイン、はじめの一歩 ~デザインからマークアップまで~』 岡山WEBクリエイターズ勉強会でお話した内容を、スライドとともに全文掲載しています。 テキストはあくまで原稿そのままですので、実際に喋った内容とは幾分異なる場合があります。 スライドのPDFをダウンロード 講師概要 SKPRODUCT代表。 デザイン、コーディング、PHPによるシステム構築、ActionScriptを使用したFlashなど、WEB制作全般を行うWEBアーキテクトです。 岡山の大手企業・学校などを中心にWEBサイトと独自に開発したCMSフレームワーク『SEED』の提供を行っています。 日は、WEB標準デザインはじめの一歩です。 WEB標準というと、技術的なことを想像される方

  • カテゴリー別配色アイデア100

    2017年6月30日 色彩 配色によってそのデザインの印象は大きく変わると思います。色は大切な要素のひとつですね!ということで、色の持つ印象別に配色アイデアをずらりと並べてみます。配色はおなじみ(?)のCOLOURloversから、「これは!」と思うものを選ばせて頂きました。素敵な配色がいっぱいのこのサイト、ぜひ覗いてみてください!また、今回紹介するのはあくまで一例ですので、自分なりにアレンジしてみるのも楽しいと思います。サイトの雰囲気にあう配色を探してみてください。 ↑私が10年以上利用している会計ソフト! 配色に関するおすすめサイト COLOURlovers 色をテーマにしたコミュニティサイト、COLOURlovers。自分の考えた配色を登録したり、お気に入りの配色を保存しておくことができます。今回はこちらから配色アイデアを選びました。iPhoneアプリは「ColorSchemer」と

    カテゴリー別配色アイデア100
    homajyu
    homajyu 2011/04/27
    配色
  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

    サービス終了のお知らせ - NAVER まとめ
  • 5509.me

    This domain may be for sale!

    homajyu
    homajyu 2010/12/24
    canvasでのアニメーション
  • 約700項目のHTML/スクリプト言語リファレンスを公開

    日経LinuxITproは、総計約700項目のHTML/スクリプト言語リファレンスを公開しました。「HTML」(295項目)、「CSS」(73項目)、「Dynamic HTML」(98項目)、「JavaScript」(295項目)、「Perl」(125項目)あわせて698項目。各項目にサンプルコードを掲載しており、コピーし貼り付けてすぐにお使いいただけます。JavaScriptは「この用例を実行する」という文字をクリックすれば、その場でサンプルコードを実行してみることもできます。 ファンレンスを使いこなすための記事や、「JavaScript入門」「Perlの使い方入門」「CSSの基」「Linuxコマンド道場」「シェル・スクリプト工房」といった入門記事もご用意しました。 これらのリファレンスはここ2~3年かけて作成してきたものです。そのため一部に内容の古いものもありますが、順次更新してい

    約700項目のHTML/スクリプト言語リファレンスを公開
    homajyu
    homajyu 2010/12/20
    HTMLとスクリプト言語のリファレンスまとめ。
  • パフォーマンス改善やセキュリティに役立つ.htaccessの設定 | コリス

    ウェブサイトのパフォーマンスの改善やSEOセキュリティに役立つ.htaccessの設定を紹介します。 17 Useful Htaccess Tricks and Tips 備考:Apache チュートリアル: .htaccess ファイル、Apache コア機能 [ad#ad-2] .htaccessの設定:パフォーマンスやSEO関連 .htaccessの設定:セキュリティ関連 .htaccessの設定:パフォーマンスやSEO関連 .htaccessでタイムゾーンを設定 .htaccessでタイムゾーンを設定します。 例:東京 SetEnv TZ JST-9 もしくは、 SetEnv TZ Asia/Tokyo .htaccessで301リダイレクトを設定 .htaccessで301リダイレクト(永続的なリダイレクト)を設定します。 例:旧ファイル(old.html)、新ファイル(new

    homajyu
    homajyu 2010/11/10
    htaccessの設定
  • HTML5でiPhoneアプリを作ってみた (1/3)

    iPhoneアプリを開発するには、従来「Objective-C」というプログラミング言語を習得する必要があり、プログラミング経験が無い人には手が出しにくい存在でした。ところが最近ではHTMLJavaScriptで作ったWebアプリをネイティブアプリに変換するツールやサービスが登場し、より手軽にアプリを開発できるようになっています。実際、「Objective-Cは分からないけれど、HTMLJavaScriptなら書ける」という方は少なくないでしょう。 エースホーム株式会社の「ワクワクぬりえタウン」も、HTML/CSSJavaScriptで制作されたiPhoneアプリの1つです。APPLIYA株式会社のOEMサービスを利用してiPhoneアプリに変換し、iTunes App Storeで配布しています。

    HTML5でiPhoneアプリを作ってみた (1/3)
  • 龙岩僖窘科技股份有限公司

    homajyu
    homajyu 2010/10/26
    ドロップダウンリスト
  • HTML+JavaScriptでiPhone/iPad/Androidネイティブアプリを開発できる「Titanium 1.0」 | パソコン | マイコミジャーナル

    米カリフォルニア州マウンテンビューに拠点を構えるAppceleratorは、同社開発プラットフォームの「Titanium 1.0」をリリースしたと発表した。Titaniumはクロスプラットフォーム環境で、HTMLJavaScriptなどのWeb標準記述言語を使ってスマートフォンやPC向けのネイティブアプリケーション開発が可能。WindowsMac OS X、Linux向けのアプリケーションのほか、iPhoneAndroid、さらにiPad向けネイティブアプリが開発できる。 Titaniumの特徴は前述のように、HTML/CSS、そしてスクリプト言語としてJavaScript/PHP/Pythonなどを利用でき、既存のテクニックや知識をそのまま流用できる点が特徴となっている。開発可能なアプリケーションはWindowsMac OS X、LinuxといったPCプラットフォームのほか、スマ

  • YouTube動画のURLに「&html5=True」をつけるとHTML5プレーヤーで再生できる | ライフハッカー・ジャパン

    YouTubeの動画プレーヤーには、FlashのものとHTML5の、2種類があります。 以前までは、Flashプレーヤーだけでしたが、最近になり、HTML5プレーヤーが登場しました。iPhoneのSafariで、YouTube(PC版)を開くと、HTML5プレーヤーが起動しますね。HTML5プレーヤーなら、Flashが搭載していない機種でも、動画の再生が可能です(もちろんHTML 5に対応している必要アリ)。 以下に、HTML5プレーヤーを利用する手順を載せておきます。 まず、YouTubeにアクセスしましょう。 今回は、私が東京湾大華火祭に行ったときに撮った動画で、説明させていただきます。 いつもどおりにアクセスすると、このようにFlashプレーヤーが起動します。そこで、動画のURLの末尾に「&html5=True」とつけてみましょう。 http://www.youtube.com/wa

    YouTube動画のURLに「&html5=True」をつけるとHTML5プレーヤーで再生できる | ライフハッカー・ジャパン
    homajyu
    homajyu 2010/08/31
    YoutubeのHTML5対応に変更させるURL
  • 脱初級者のためのHTML/CSS解説サイト&ブログまとめ29件 - 【ふらぶろ】

    HTMLCSSを書いててつまずいたときに、ググるより先に見てみるといいかもしれない解説サイト・ブログをまとめてご紹介。順不同です。いくつか名前を思い出せないサイトがあるので、後から追加するかもしれません。 1. リファレンス系のサイト Mozilla Developer Network しらぎくのウェブサイト作成入門 World Wide Web Guide CSS HappyLife ZERO インターネットやコンピュータの話 – The Web KANZAKI 2. HTML/CSSを重点的に解説をされている気がするブログ パシャログ CSS EBLOG CSS Lecture THE HAM MEDIA ヨモツネット CSS Happylife Takazudo Clipping →移転→ zudoblog ときどきHTML/CSSの解説をされているブログ

  • HTML5についてのおさらい|Web制作 W3G

    Updated 2010.07.29 / Published 2010.07.29 これからHTML5を使いはじめようという方に向けたHTML5のおさらいです。HTML5の記述方法にはじまり、導入にあたって間違いやすいところや勘違いしがちなところをまとめてあります。 hgroup, header, footer要素の説明を含めた続きもあります(続HTML5についてのおさらい)。 HTML5の記述方法 まず最初に、必ずDOCTYPE宣言を行います。HTML5には公式のDTDがないので、すごくシンプルになっています。 <!DOCTYPE html> 続いて、html要素にドキュメントの言語を宣言します。 <html lang="ja"> そして順番にhead要素ときて、文字エンコーディングの指定ですが、charset属性が新たに利用できるようになりました。 <meta charset="UTF

    HTML5についてのおさらい|Web制作 W3G
  • iPhoneアプリケーション開発ガイド

    TOPICS Programming , Mobile , HTML/CSS , JavaScript 発行年月日 2010年08月 PRINT LENGTH 208 ISBN 978-4-87311-461-3 原書 Building iPhone Apps with HTML, CSS, and JavaScript FORMAT PDF Objective-Cを使わなくてもWebアプリケーション開発の標準技術iPhoneアプリケーションを開発できます。書ではパソコン向けWebアプリケーションをスタート地点に、CSSのカスタマイズ、jQueryの利用、jQTouchを利用した高度なアニメーション、PhoneGapを使ってネイティブアプリケーション化することでiPhone固有の機能を使う方法、そしてApp Storeへの登録に至るまで、HTMLCSSJavaScriptによるiP

    iPhoneアプリケーション開発ガイド
    homajyu
    homajyu 2010/07/23
    Webアプリケーションとして開発する方法
  • surround.vimでHTML編集を効率化 - Webtech Walker

    surround.vimの設定でHTMLの編集が便利になる設定をしてみました。surround.vimの使い方に関しては下記サイトがまとまってます。ホント便利っす、このプラグイン。 vimtext-object をより便利に使えるプラグイン - surround.vim - 川o・-・)<2nd life .vimrcの設定 設定はこんな感じです。 "for surround.vim " [key map] " 1 : <h1>|</h1> " 2 : <h2>|</h2> " 3 : <h3>|</h3> " 4 : <h4>|</h4> " 5 : <h5>|</h5> " 6 : <h6>|</h6> " " p : <p>|</p> " u : <ul>|</ul> " o : <ol>|</ol> " l : <li>|</li> " a : <a href="">|</a

    surround.vimでHTML編集を効率化 - Webtech Walker
  • iPadでも使えるブックマークレットを再掲です! - matuダイアリー

    このブログで雑然と紹介してきたブックマークレットたち。 主として、iPhoneでSafariをより活用できるようにと紹介したのですが、実はあまりプラットフォームやブラウザに依存した書き方をしていない簡単なものなので、iPadのSafariでももちろん使うことができます(^^) iPadのSafariはただでさえ快適なので、これらのブックマークレットを使うことでより快適になるかは不明ですが、ここで一旦まとめて紹介してみたいと思います! 1.ブックマークレットの登録方法 ブックマークレットは、設定からSafariを選んで「ブックマークバーを常に表示」を「オン」にしておいて、ブックマークバーに配置するとより使いやすいです。 後述するブックマークレットの「bookmarklet」のリンクをクリックし、リンク先のページをブックマークする 1.で保存したブックマークのURLを編集し「javascrip

    homajyu
    homajyu 2010/06/30
    ブックマークレット集
  • iPad対応!HTML5 Audioで作るブラウザーピアノ (1/6)

    HTML5で作ったピアノ演奏ページ。iPadでも制限付きで動作する。画像クリックでサンプルページを表示します(Firefox 3/Opera 10/Safari 4で表示可能) 前回の記事ではHTML5 Audioを使ってサウンドプレイヤーを作りましたが、HTML5 Audioで再生できるのは音楽だけではありません。ブラウザーだけで音声ファイルを再生できるということは、発想を変えるとおもしろい使い方ができます。 今回は、HTML5 Audioを使ってブラウザー上で演奏できる鍵盤楽器を作ります。画面上に表示した鍵盤がクリックされたらあらかじめ用意しておいたピアノの音声ファイルを再生し、あたかもピアノ演奏の気分を味わえるようにします。ピアノだけでは少々物足りないので、おまけとしてオルガン、木琴、PSG音源の音色も用意しました。 また、今回のサンプルはアップルのiPad/iPhone(iOS4以

    iPad対応!HTML5 Audioで作るブラウザーピアノ (1/6)
    homajyu
    homajyu 2010/06/29
    HTML5でブラウザピアノを作成する