3分動画でマスターするプログラミング学習サイト - ドットインストール3分動画で初心者や独学の方でも無理なく勉強が続くプログラミング学習サービスです。Web制作の基礎から子供向けのゲーム制作レッスン、さらにシステム開発に使われるPHP、Ruby、Pythonなどの入門レッスンまで幅広く言語を体験できます。
あなたの作業を音速にするかもしれないWEB屋の作業スピードを上げるチートシート大量紹介 | バンクーバーのうぇぶ屋
このブログがフロントに関する記事が多いもんだから、たまにデザイナーと呼ばれることがあるんですが、僕は業務としてはデザインよか制作ディレクションの方がどちらかと言えばメインなんですよね。 そんなディレクターとしての役割の一つに、周りにいる優れたデザイナーやプログラマー、デベロッパーの業務効率を考えることが挙げられます。 何を取るわけでもなく中途半端な僕ですが、ディレクターとして周りの各プロフェッショナルの役に少しでも立てればと、そして制作する上での効率を向上させるべく色々情報収集をする中で、よくチートシートの存在を目にします。（チートシートってどれだけ普及してるのかわかりませんが、つまりカンニングペーパーのことらしいです。） WEB屋にとってのチートシートって、どれだけ優れた技術力やデザイン力を持っていても、何かしら新しい発見がある物ですよね。以前書かせてもらった時間の価値は人によって違う！
WebKit とは ブラウザーの作り方Mac
2003 年のWorld Wide Developer Conference (WWDC) では、Safari 1.0 と WebKit SDK が発表された！一言でいうと、これでSafari のレンダリングエンジンを、自分のアプリケーションで使える環境が整ったんだ。このドキュメントでは、この WebKit の使い方を解説しよう。 だけど、ちょっと待って。WebKit っていう言葉の他に、WebCore っていうのもあったよな。それと、Safari ってオープンソースなんでしょ？WebKit もソースが見れるの？どうも、Safari については、いろんな用語が飛び交っているので、誤解も生じているようだ。だから、まずSafari の構造とWebKit の位置づけについて説明しよう。 1.1 Safari の構造 Safari はWebKit というフレームワークを利用している。つまり、Saf
JavaScriptを勉強したい - ホームページ笹椪FAQ
回答 † JavaScript は、もともとブラウザ上で動く小さなスクリプト言語でした。しかし、現在では文法が標準化され、Web ページを含む XML 文書の操作をはじめとし、PDF 操作*1、Flash 操作*2、アプリケーション操作*3、システム操作*4など、さまざまな場面で活躍しています。 このページでは、JavaScript の基本と、Web ページを操作する仕組み（DOM）を中心として、参考サイトを紹介します。 ↑ プログラミングが初めての人には † 目標：プログラミングの基本的な事項（変数、関数、条件分岐、ループなど）を理解し、分からないことを自分で調べることができる。 ウェブの作り方・JAVA スクリプトの使い方。 実例が豊富です。また、Web ページでスクリプトを使う際の注意事項がありますので、よく読んでおきましょう。 ↑ JavaScript を読み書きしよう † 目標：
MDN Web Docs
Resources for Developers, by Developers Documenting CSS, HTML, and JavaScript, since 2005. / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + { { { { } } } } { { { { } } } } { { { { } } } } { { { { }
Vimエディタプラグイン — 名無しのvim使い
デフォルトでインストールされている — 作者: 小見 拓 — 最終変更 2012年01月08日 15時22分 本サイトで紹介しているvimスクリプトのうち、 vimエディタにデフォルトで添付しているスクリプトの記事の一覧です。 バッファ管理系 — 作者: 小見 拓 — 最終変更 2012年01月08日 15時22分 本サイトで紹介しているvimスクリプトのうち、 バッファの管理機能やコントロール機能を提供するスクリプトのドキュメントの一覧です。 ファイル管理系 — 作者: 小見 拓 — 最終変更 2012年01月08日 15時22分 本サイトで紹介しているvimスクリプトのうち、 ファイルの管理機能やコントロール機能を提供するスクリプトのドキュメントの一覧です。 検索機能拡張系 — 作者: 小見 拓 — 最終変更 2012年01月08日 15時22分 本サイトで紹介しているvimスクリプト
データベースのページング出力を行うPHPのコード - OKWAVE
簡単なページング機能付きで書いてみました。 細部でなにかしら修正が必要かもしれないのでがんばってください。 （質問文を見るとGETを使うような記述でしたがこれはPOSTで処理してます） 検索機能とか付けてみるのも勉強になると思いますよ。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Pragma" content="No-Cashe"> <meta http-equiv="Cache-Control" content="No-Cache"> <title>リスト</title> <script type="text/javascript"> <!-- function changepage (page) { document.forms[
Vim で XML/HTML の閉じタグを自動補完するようにした - babie, you're my home
「Vim-users.jp - Hack #22: XMLの閉じタグを補完する」を参考にして、HTML/XML の閉じタグを </ が入力されたときに自動的に補完するようにした。 ~/.vimrc に以下を追記： augroup MyXML autocmd! autocmd Filetype xml inoremap <buffer> </ </<C-x><C-o> autocmd Filetype html inoremap <buffer> </ </<C-x><C-o> autocmd Filetype eruby inoremap <buffer> </ </<C-x><C-o> augroup END Rails を使うことが多いので、eruby ファイルにも適用されるようにした。
カラーコード HTML・CSS用
Webデザイン用のプチツール 選択したデザインパターン上でブロックの色を変えことができます。選択したブロックのカラーコードも表示されます。 配色保存用アドレス機能 あなたの作った配色をブログやメールで紹介することができます。パレット右上の「保存用URL表示」をクリックするとURLが表示されますのでコピペしてご利用ください。 配色のヒント 雑誌や生活雑貨を参考にする 本文が読みにくい配色はさける。 同系統の色でまとめてみる。 同じぐらいの彩度でまとめてみる。 WEBデザインのヒント 重要なナビゲーションは、探せばすぐに見つかるように配置する 色、文字の大きさ、ブロック周りの余白を調整すると、目立つようになる ページを開いて、まずどこに目がいくのかを意識する 関連のある情報を固める 関連性の薄い情報ブロックの間には余白を入れる
HTML5 でやりがちな間違い
HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 Avoiding common HTML5 mistakes ： HTML5 Doctor 翻訳といっても要約みたいな感じですので、書いてあることをそのまま日本語にしたものではあり
getElementsByName: mx-Lab
◆document.getElementsByName メソッド collection = document.getElementsByName(name); nodelist = document.getElementsByName(name); 指定された DOM(Document Object Model) 形式のドキュメント document から、name プロパティが引数（文字列）name であるエレメントに対する Element クラス（またはそのサブクラス）のコレクション collection、またはノードリスト nodelist を返します。 該当するインスタンスが存在しない場合、null ではなく、空のコレクション collection、または空のノードリスト nodelist を返します。 HTML では、ボタンやテキストボックスといったコントロールは、そのエレメント
SlickMap CSS: A Visual Sitemapping Tool for Web Developers | Astuteo
Slickmap CSS is a simple stylesheet for displaying finished site maps directly from HTML unordered list navigation. It's suitable for most web sites – accommodating up to four levels of page navigation and additional utility links – and can easily be customized to meet your own individual needs, branding, or style preferences. Features and Benefits Eliminates the need for additional softwarePlan s
HTML5 data-* attributes are great and you know it
Like I said in my previous article, all information about HTML5 is way too big to put into one blog article. We first looked at what HTML5 microdata can do for us, and today we’ll dive into another feature W3C added to their HTML specification. It’s called custom data attributes (by developers mostly referenced as data-* attributes), and I’ll explain what it is and what problems it fixes for us. T
デマを作る人、デマをRTする人、デマをRTした人を責める人
丹治吉順 a.k.a.朝P, Tanji Yoshinobu @tanji_y なるほど。2ちゃんねるでこしらえたデマにツイッターが簡単に引っかかる。有名人が続々釣れたら、そりゃ面白くてやめられないよね。やれやれ。 http://bit.ly/ishjQX http://bit.ly/kkm7VJ 2011-05-07 20:11:47 丹治吉順 a.k.a.朝P, Tanji Yoshinobu @tanji_y まあでもそういうメタな読み方のできる人は引っかからないと思いますw RT @wealthriver: @Tristan_Tristan 最後の「やれやれ。」を一瞬「（いいぞ、もっと）やれやれ。」かと思ってしまいましたｗ。 2011-05-07 20:16:22
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Safari - Apple Developer
gooサービス終了のお知らせ | dメニュー
HTML5の可能性を体験できる、すごいサイトのまとめ
goo
Google のウェブフォントを使ってタイトルのフォントを変えました : kamome blog
iPhone特化のエロサイトまとめ | ライフハックちゃんねる弐式