[B! html][Web] peketaminのブックマーク

peketamin id:peketamin

htmlとWebに関するpeketaminのブックマーク (32)

Middleman: Hand-crafted frontend development
Middleman はモダンな web 開発ですべてのショートカットやツールを使用する静的サイトジェネレータです。はじめに。 Watch Follow @middlemanapp
peketamin 2013/08/22
静的

web

html
リンク
Static Site Generators | mathematism
I’ve been thinking quite a bit about how to simplify the techno logy behind this site in a way that would allow me to focus on writing. django-mingus served me pretty well over the last year and a half, but I wanted to get away from managing a Django app, a database and other requirements related to running a dynamic applicaiton. I decided pretty early on that I wanted to move to a static site gene
peketamin 2013/08/22
静的

html

web

cms
リンク
ブラウザってどうやって動いてるの？（モダンWEBブラウザシーンの裏側）
どうも、鈴木です。さて、前回は vim の使用法というじつに低レベルレイヤの出身者的な記事を書きましたが、今回も懲りずに低レベルのお話しをしたいと思います。というのも、先日﹁ブログ書くのめんどくさいよぅ﹂と駄々をこねていたところ、あまりにレガシーすぎる HTML/CSS/JavaScript 仕様や Flash や Silverlight といったプロプライエタリなリッチコンテンツ用プラグインに日々苦しめられている気弱く善良な一介の WEB プログラマにすぎない我々の希望の星であり、そして同時に新たな巨大クソレガシーの萌芽でもある HTML5が、いかにイケてないのではなくイケているのであるかを盛んに啓蒙するサイトである HTML5 Rocks (http://www.html5rocks.com/) に、"How Browsers Work" というとても楽しい記事があるのを、我が
peketamin 2011/09/06
HTML5

HTML

ブラウザ

browser

web

解説

技術
リンク
ASSIOMA(アショーマ) » HTML5が新しいWebの世界を創る
最近テック系のブログやニュースなどでHTML5を取り上げられることが多くなり、目にされた方も多いと思います。人気ブログの﹁Techwave﹂でも以下のような記事でHTML5に言及しており、その注目の高さが伺えます。ソーシャルの次の時代、﹁フリーミアム﹂が終わり﹁コンテンツがキング﹂になる Appleを脅かすFacebookの﹁プロジェクト・スパルタン﹂とは日本のソーシャルゲームに追い風、日本はスマホソーシャルゲーム市場で世界を獲れる！これらの記事の中で、HTML5をベースにしたWebアプリの可能性が非常に高く評価されており、今後のモバイルアプリの主流がネイティブアプリからWebアプリに移行すると予想されています。そこで今回はこのHTML5およびWebアプリについて取り上げ、その可能性を探ってみたいと思います。 ■ HTML5とは最初にHTML5とはどういうものなのか簡単に説明した
peketamin 2011/09/06
HTML

HTML5

web

html

参考

web制作
リンク
ふつうのユーザが知らないHTML5コーディングツール10選 - YAMAGUCHI::weblog
はじめにこんにちは、Python界の情弱です。今日はChrome+HTML5 Conferenceのお手伝いに来てます。いままで全く触れてこなかった世界ですが、結構HTML5はXMLのようにセマンティクスに重点を置いてるんですね。CSS3も動的なエフェクトを簡単にかけられるようになってるし、とてもいいですね。さて、YouTube Live Streamのお手伝いしながらRSS見てたら、ちょうど今日のテーマに沿ったエントリがdiggで紹介されてたので、翻訳しました。10Excellent HTML5 coding Tools Many Users Don’t Know About 10 Excellent HTML5 coding Tools Many Users Don’t Know About ︵オリジナル︶ HTML5はウェブサイトの作成方法を根本から変えることになるでしょう。
peketamin 2011/08/21
HTML5

HTML

html5

WEB制作

Webサービス

ツール

html

web

便利

webservice
リンク
初心者の頃分からなかったWeb用語：フレームワーク … CSSからHTML5、WordPressまで
Webを見ていると、フレームワークっていう言葉をよく目にします。初心者の頃は、このフレームワークっていうものがどんなものなのか、いまいち分かりませんでした。今回は、色んな例でフレームワークというものを紹介してみました。なので、フレームワークって何だろうっていう人向けの記事です！ Web制作関連のブログを読んでいると、ときどきフレームワークっていう言葉がでてきます。例えば CSSのフレームワークとか、HTML5 + CSS3のフレームワークとか …。今でこそ、このフレームワークって何だかわかりますが、初心者の頃は、このフレームワークっていう言葉が何だか難しそうで、意味の分からないものでした︵私だけ？︶。何となく雰囲気で、使ってみると便利なのかなーという感じはしましたけど、そもそもフレームワークという言葉自体の意味が分かっていなかった頃は、使ってみよう！というところまで行きませんでした。
peketamin 2011/08/09
css

HTML5

HTML

css3

フレームワーク

web制作

html5

CSS3

web
リンク
CSS/HTMLのテクニックをクロスブラウザ対応（特にIE）にする方法のまとめ
17 CSS/HTML Effects with Cross-Browsing Alternatives サポートしないブラウザへの対応方法はJavaScriptを利用するなどいろいろありますが、その中の一つとして紹介します。 [ad#ad-2] 下記は各ポイントを意訳したものです。幅の最小値・最大値 (IE included) RGBa (IE included) 不透明度 (IE included) 画像の回転・拡大縮小 (IE included) 背景をブラウザいっぱいに表示 (IE included) 画像無しのビュレットテキストのシャドウ (IE included) 複数のボーダー (IE included) ボックスシャドウ (IE included) 角丸スクリーンリーダー用のコンテンツネガティブ値で指定したtext-indent Clearfix (IE inclu
peketamin 2011/07/25
IE

microsoft

css

まとめ

CSS3

ie

web制作

IE対策

html

web
リンク
砂場としての2ちゃんねる - レジデント初期研修用資料
ネットは年々厳しくなっていくように思える。ルールは昔を引き継ぐものだから、昔からいる人たちはすでにルールを知っていて、ルールはますます複雑に、あとから入ってきた人には分かりにくいものになった。ネットワークでできることはずいぶん増えて、ネットのうわさ話がニュースに取り上げられる機会も増したけれど、結果としてこれは、﹁やってはいけないこと﹂をやってしまった人が負うべきペナルティを、ずいぶん重たいものにしてしまった。取り返しのつかない状況に陥るまでの時間も短くなった。HTML の昔なら、記事を書いて検索エンジンに取り上げられるのに1週間ぐらいかかったけれど、blogの記事をネットに上げると、5分もすれば Google の検索に引っかかる。Twitter はもっと速くて、書いて1分もすると、もう検索サイトにログが残って、そうなるともう、自分では記事をコントロールすることができなくなってしまう
peketamin 2011/07/25
ネチケット()ネットリテラシー()

mixi

Google

blog

2ちゃんねる

HTML

facebook

sns

ネット

web
リンク
東京分室 - Webサイト制作株式会社リナプス
株式会社リナプスホールディングスは、PE投資から始まり、広告企画とブランディングで企業の成長に貢献します。
peketamin 2011/07/25
css

HTML

HTML5

webデザイン

web

webdesign

web制作会社

デザイン
リンク
もしも10分の1の行数でHTMLが書けたら
Zen-Codingとは1年ほど前から、Zen-Codingが話題になっています。Zen-Codingを使うと、特定の省略された記法を展開できます。この展開が非常に強力で、ちょっとしたHTMLを記述するのであれば、Zen-CodingでHTMLやCSSのマークアップを効率的に行えます。 Zen-Codingはさまざまなテキストエディタに対応したプラグインとして提供されています。プラグインには、公式対応しているものと、サードパーティの開発者が作成したものがあります。それぞれのプラグインによって、実装機能が異なる場合があります。これらのプラグインの詳細はZen-Codingの公式サイトから確認できます。基本的な使い方ここからはZen-Codingの基本的な使い方を解説します。Zen-Codingをテキストエリアで利用できるサンプルを用いて、実際に試しながら読み進めてください。テキストエ
peketamin 2011/07/06
coding

HTML

programming

html

Zen-Coding

web制作

プログラミング

Web

コーディング
リンク
HTMLとスタイルシート（CSS）の業務スキルレベル　判別表　（５段階） - 主に言語とシステム開発に関して
スキルチェックの目次へ HTMLおよびスタイルシート（CSS）を利用したWebページ制作の，簡易スキルチェックのための調査表。印刷用。マークアップ・エンジニアとしてのレベルを測定する。これは，「Webページをコーディングして作る人」全般に当てはまる。レベルは，０から４までの５段階。（０）非エンジニア（１）初学者（入門書を学習してゆく段階）（２）ノーマル（基礎的な知識があり，ある程度の画面を作れるようになった段階）（３）中級者（Webアプリの開発プロジェクトで１人月としてカウントできる水準）（４）上級者（メインPG/デザイナとして，Web UIの主担当を任せられる水準） Webアプリのプロジェクト開始時に作業振り分けをするにあたって，新規メンバ全員にこれを渡して回答してもらうという用途を想定。なお，システム開発上のスキルをチェックする事が主眼なので，アーティスト（
peketamin 2011/07/03
css

HTML

html

web制作

WEB

プログラミング

勉強

開発
リンク
Web屋の私がブックマークしているサイト65 | Webクリエイターボックス
2017年7月14日便利ツール久しぶりに自分がブックマークしているサイトを整理してみました。昔から変わらず愛し続けているWebサービスやチュートリアルサイトなど多数あったので一挙にご紹介します！有名どころからあまり知られていないけど便利なサイトまで、多数あるので時間のある時にじっくり見てみてください！ ↑私が10年以上利用している会計ソフト！ブックマークしているサイト目次 Webサービスデザイン関連画像関連 CSS jQuery WordPress フォントスマートフォン配色関連 HTML5メルマガ Webサービス 1. Sendoid Sendoidは会員登録不要のファイル送信サービス。ファイルをアップロード後にURLが生成されます。パスワード設定可。 2. HTMLエンコードフォーム HTMLエンコードフォームは特殊記号などをエンコード・デコードしてくれるWebサービ
peketamin 2011/06/29
HTML

PDF

document

Paypal

em

webサービス

まとめ

Web制作

webデザイン

web
リンク
HTML5の可能性を体験できる、すごいサイトのまとめ
HTML5を実際にうまく取り入れてるサイト、HTML5の実験的なコンテンツを紹介します。 Antoine Wette GO-UP [ad#ad-2] Cultural Solutions Media
peketamin 2011/06/20
html5

まとめ

デザイン

webデザイン

web

web制作

html
リンク
2130703450443574201?keyword=HTML5
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
peketamin 2011/06/06
HTML

まとめ

Naver

web

web制作

webデザイン

html5

html

まとめ
リンク
Google
世界中のあらゆる情報を検索するためのツールを提供しています。さまざまな検索機能を活用して、お探しの情報を見つけてください。
peketamin 2011/06/04
google Chrome

Chrome

Google

HTML5

web

google

html

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

url

web

webservice

HTML

webサービス

Hashify

URL

短縮url

テキスト
リンク
IE9ヤバイ。IE9の文字間隔･互換モード･DOCTYPE宣言について
IE9文字間隔確認用サンプル文字間隔や段落の間隔をチェックする為のサンプルです。とりあえずFirefox3.6とFirefox4でズレない事を確認。文字間隔のチェック用なので意味不明な文字が並んでいます。 ※追記・注意‥下記ページはスタイルシートで少しだけ調整しています。全くの未調整の場合、段落の高さが大きく異なったり、半角英数字のフォントが文字コードで変わったり、かなり比較し難いものになったため。後述しますが、英数字フォントにsans-serifを指定すると問題が発生するようです。 ※サーバー引っ越し後、以下リンクは文字化けするようになりました (修正予定なし) HTML 4.01 サンプル HTML 4.01+UTF8　　HTML 4.01+EUC-JP　　HTML 4.01+SHIFT-JIS XHTML 1.0 サンプルXHTML 1.0+UTF8　　XHTML 1.0+
peketamin 2011/05/10
IE

xhtml

web

web制作

webデザイン

IE9

html

CSS

不具合
リンク
HTML5とは何かを簡単にまとめてみた
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blogはじめにこんにちは。R＆D統括本部制作本部ウェブデベロップメント部に所属しております。岡部和昌︵@kzms2︶と申します。最近スマートフォンやタブレット向けのページを作成する機会が増えてきました。なので、今回はちまたで大人気のHTML5について書きます。若干今更な内容にも思えますが、あまりHTML5になじみがない方にもわかってもらえるような内容にしています。 HTML5の基本概念や思想・実際の組み方というよりも、 HTML5で組むと今までと比べて何が違うのかなどについて書いていきます。なぜこれからHTML5なのか HTML4との違いがわからない HTML5を使う利点がわからないなど疑問に思っている方はぜひ見ていた
peketamin 2011/04/08
HTML5

HTML

まとめ

web

html5

html

WEB制作

javascript

チュートリアル
リンク
パスワード認証
ラジック気軽に楽しめるブログメディア「ラジック」は２ちゃんねるを中心にエンタメ情報をお届け！
peketamin 2011/03/31
VIP

webプログラミング

jQuery

HTML

web

php

iPhone

Objective-C

bash

css
リンク
もうCSSハックは必要なし!? ブラウザ毎にCSSを切り替える「cssuseragent」 | Web活メモ帳
CSSでページをデザインする際に、ブラウザ毎のレイアウトの違いって本当に嫌ですよね。 CSSハックで対応する方も多いかと思いますが、本日紹介する﹁css useragent﹂を使うとclassの作り方を少し工夫するだけでより柔軟に対応できるようになります。詳しくは以下設定方法はJavaScriptを一つ読み込むだけになります。 <script src="cssua.min.js" type="text/javascript"></script> このライブラリを使うと、ページのhtml属性に動的にclass属性を追加するようになります。例えばですが、IE6でアクセスした場合には ua-ie-6というclass名が追加されるようになります。 <html class="ua-ie-6"> <head>…</head> <body>…</body> </html> iPhoneの場合はua-
peketamin 2011/01/07
IE

logo

HTML

css

web

web制作

js

Javascript

CSSハック

Webデザイン
リンク
1 2 次のページ