CSSビギナーに気をつけてほしい5つのポイント | コリス
スタイルシートは、複数の人間が携わる場合は当然のことながら、自分一人の場合でも長期にわたり携わることがあるので、分かりやすくクリーンなものにしておきたいものです。 スタイルシートを適切に使用し、そして管理しやすくする5つのポイントをSoh Tanakaから紹介します。 CSS Beginners Do's and Dont's Part 2 下記は各ポイントを意訳したものです。 1. classとidは適切に使用する ビギナーは新しいclassをどんどん作成してしまう傾向があります。冗長なものや不必要なclassやidはCSS本来の目的からはずれるものです。 CSSの美しさはデザインをマークアップから切り離すことにあり、それを許すということです。またclassやidを最小限にすることで負荷を減らすことにも繋がります。 Bad p要素それぞれに全て個別のclassを使用しています。 <tex
Web系勉強会一覧 | kazumich.log
2010年3月11日に公開し、11月末にアップデートしていた「Web系勉強会一覧」ですが、さらに内容を久しぶりに更新しました。 私が知ってる範囲でのWeb系の勉強会のサイトについて情報をまとめています。もっと、いろいろな地域でWeb系の勉強会が増えてくるといいですね。 北海道 : SaCSS（北海道） 東北 : dachas（宮城）@dachas : IWDD（岩手） : 8web（青森） : WDHA（青森） : webA（青森）@weba_jp : CSS Nite in SENDAI（宮城） : CSS Nite in AOMORI（青森） : CSS Nite in FUKUSHIMA（福島） : CSS Nite in AKITA（秋田） : CSS Nite in YAMAGATA（山形） 関東 : CSS Nite（東京都） : Websig24/7（東京都） : PandD
今度こそは身に付けたい！一から始めるタッチタイピングの練習法 - はてなニュース
キーボードを見なくても素早く文字が打てる「タッチタイピング」。できるようになりたいとは思っても、「配列を覚えるなんて難しそう…」「自己流でやってきたので今から直すのは大変！」と、なかなか練習するきっかけが掴めませんよね。そこで今回は、初心者が「タッチタイピング」を学ぶのに役立つエントリーを集めました。 ■指は“ホームポジション”に！タッチタイピングの基本 指の感覚だけで文字を打つタッチタイピンングでは、まず指の動かし方にルールがあります。 ▽どうしても身につかなかった【正しいブラインドタッチ】を身に付ける方法 | nanapi[ナナピ] ▽ ブラインド タッチ ▽必ずできる！タッチタイピングマスター法 - パソコン遊戯 キーボードを見てみると、「F」と「J」のキーにそれぞれ小さな突起が付いていることが分かります。この2つのキーに対し。まず左手の人差し指を「F」、右手の人差し指を「J」の上に
シンプル、ミニマルなサイトを作りたい時に役立ちそうなアイコンやフォント、ギャラリーなどのまとめ - かちびと.net
個人的にミニマリズムなサイトが 好みなので自分用の備忘録です。 情報が多いので若干まとめのまとめ という感じになっていますがご了承 下さい。シンプルなサイトを作る時に 役立ちそうなリソースやギャラリーを。 内容はシンプルなアイコン、インスピレーション向上に必須なギャラリー、相性の良さそうなフォントなどになります。 白黒のサイトを作りたいときに役立つもの、という記事と被りますがご了承下さい。 Iconic モノクロながら可愛らしい感じのアイコン103個セット。 Iconic picol 汎用性の高そうなアイコンセット。 picol Token 色々なところで紹介されてるアイコン。28万人中10万人はDLしてるみたいです。人気ですねー。 Token Brightmix icon set EPSファイルで配布されるアイコンセット。丸型にほぼ統一されてます。地球のアイコン凄いですね。。 Brigh
HTML5 基礎知識 - web探検隊
HTML5を書くための基礎知識をメモHTML5の雛形XHTML5ではなくてHTML5のマークアップについて html> head> title>HTML5 基礎知識title> meta charset="UTF-8"> head> body> body> html> HTML5の新要素 文章構造に関するものsection汎用的なセクション。文章のアウトラインを構成する。articleセクションの一種で、Webページから独立したコンテンツを表す。asideセクションの一種で、外側のセクションに対する補足情報を表す。navセクションの一種で、外側のセクションに対するナビゲーションメニューを表す。footerセクションのフッター。headerセクションのヘッダー。hgroup複数の見出し(h1-h6)をまとめる。 外部コンテンツの埋込みfigureキャプションを伴うような内容のものを文章中に埋
クラウドという言葉がわけわからないので、分類してみた - 2010-03-05 - きしだのはてな
クラウドという言葉、わけわかりません。 で、その理由がわかってきました。 なんでクラウドっていう言葉がわけわからないかというと、ひとつはクラウドという言葉が指すものがたくさんあるからです。全体を包括するような、具体的なものを表さないコンセプトとしてのクラウドのほかに、簡単にあげれるもので少なくとも5つの意味で使われています。 まず最初はサーバーの形態としてのクラウドです。 サーバーが「たくさん」と言える量あって、どのサーバーでどのプロセスを動かすか決まってなくて、どれか壊れてもデータが失われず自動的に処理が引き継がれ、追加も簡単にできる、とだいたいこんな特性を持つサーバー構成です。 ここが基本になります。以降、クラウド型サーバーとします。 そして、そのクラウド型サーバーを利用者に提供する形態としてIaaS、PaaS、SaaSがありますが、それぞれがクラウドと呼ばれることがあります。 Iaa
【連載】 フリーランスの独立マニュアル [起業・会社設立のノウハウ] All About
フリーランスの「フリー」は、仕事も未来も自分で描く自由、自分で選びとれる自由を意味するものです。独立したら、是非、自分を生かせる環境で、おもいっきり仕事を楽しみたいものです。 そのために必要な知識や情報を、「独立マニュアル」に連載しています。１つずつ確認しながら読み進めていただくと、独立・開業準備が完了するようになっています。 ■本マニュアルは、３部構成になっています。 ・序 章：フリーランスで仕事をする意味を理解する。 ・独立準備：独立の準備段階でしておくこと。 ・開業準備：独立を決定後、開業準備にやっておくこと。 以下、現在アップしている内容です。【最新記事：2006.8.31】 序章１：フリーランスとは？「序章１」では、フリーになるとはどういうことかを考えていきます。独立が最良の選択であるために、自分に向いているワークスタイルかどうかを確認してみてください。
![【連載】 フリーランスの独立マニュアル [起業・会社設立のノウハウ] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
Developers Summit 2010 (初日) 私的不完全議事録 【DevSumi2010】 - 酒と蕎麦と IT と
2 月 18・19 日に目黒雅叙園で行われた「Developers Summit 2010」に参加してきました。初日のプログラムで私が聴講したセッションの議事録を公開します。 例によって、発言をすべて拾っているわけではありません。特に、最後のセッション「アーキテクチャに憧れろ!」はテンポがよすぎて、かなりの部分を拾い損ねてしまいました。それでも雰囲気は伝わるかと思い、恥を忍んで公表します。 今年もデブサミを開催してくださった翔泳社さんに感謝の意を表します。 目次 【18-E-1】 SIer のこれからのソフトウェアを創る (市谷聡啓氏) 【18-C-3】 アジャイルテスト ─高品質を追求するアジャイルチームにおけるテストの視点─ (増田聡氏) 【18-C-4】ドッグフーディングとアジャイル開発 (大澤俊介氏) 【18-B-5】クラウドサービス Amazon EC2 を活用し「SKIPaaS
Developers Summit 2010 (二日日) 私的不完全議事録 【DevSumi2010】 - 酒と蕎麦と IT と
2 月 18・19 日に目黒雅叙園で行われた「Developers Summit 2010」の二日目に私が聴講したセッションの議事録です。スライドの文字を中心にまとめましたが、講師の口頭の説明も一部織り込んでいます。皆さんの参考になれば幸いです。 目次 【19-C-2】 本当に問題ないですか? エンタープライズにおける Cloud & RIA アーキテクチャ (島村伸之氏) 【19-E-3】自分でできる Web アプリケーション脆弱性診断 (上野宣氏) 【19-D-5】Silverlight を用いたビジネス アプリケーション作成のポイント (西崎 公太氏) 【19-D-6】Programming Amazon Web Services / EC2, SQS, S3, SimpleDB (Jeff Barr 氏) 【19-C-2】 本当に問題ないですか? エンタープライズにおける Clou
Ustream/Twitter時代の勉強会・講演会の注意点 - Vox
先日「ネットビジネスイノベーション政策フォーラム」というエントリーのおまけで書いていた「Ustream/Twitter時代の勉強会・講演会の注意点」ですが、膨大になってきたので別エントリーにしました :)
CSS基礎文法最速マスター
最近ネット界隈で流行中の「基礎文法最速マスター」シリーズ。 Parlから始まったこのシリーズですが、いまやPHPやRubyをはじめ、JavaScriptからVBA、果てはjQueryに至るまで、かなりの数の言語が「基礎文法最速マスター」シリーズ化されています。 そこでワタクシもどーにか便乗してやろーと画策しまして、得意分野のCSSについてまとめてみたいと思います。 まぁCSSはプログラム言語とは呼びませんが、プログラマさんなんかは結構苦手意識のある方も多いようなので、ちょっとでも参考になればと思いますー。 CSSの基礎 CSSとは 一言で言えば、(X)HTMLでマークアップされたページの見栄えをコントロールするためのものです。 CSSを使う事で、(X)HTML側ではページの内容や構造だけの記述に留める事が出来るので、検索エンジンにも優しく、デザインの変更も容易になる（と言われてますが、実際
フリーの写真素材が入手出来る30サイト:phpspot開発日誌
30 Websites To Download Free Stock Photos フリーの写真素材が入手出来る30サイトがまとまってました。 すでにご存知のところもあるかもしれませんが、全部網羅したエントリを知っておくと探すときに便利ですね。 stock.xchng Studio7designs Woophy 沢山あるものですね。 関連エントリ フリーフォト、無料写真素材サイト「足成」 5000枚以上のパブリックドメインな写真素材集「Free Stock Photos」
HTMLで図まで描ける！進化した「HTML5」ってどんなもの？ - はてなニュース
HTML言語の最新バージョンとして、現在標準化作業が進められている「HTML5」。はてなブックマークでもこのキーワードを目にする機会が増え、「HTML5って何？」と疑問に思っている人も多いのではないでしょうか。今回は、「HTML5って何？どんなことができるの？」という疑問にお答えしたいと思います。 ■HTML5でできること まずは、HTML5を使うと具体的にどんなことができるのかを見ていきましょう。 ＜具体的に何ができるの？＞ ▽HTML5.JP - 次世代HTML標準 HTML5情報サイト ▽HTML5とは？変わるWebと注目の新要素 HTML5.0の情報サイト ▽大幅に進化した次世代 HTML 規格「HTML5」とは？ - japan.internet.com Webビジネス ▽HTML5, きちんと。 ▽めざましTech - HTML5 についての Q&A ▽2010年に勧告される「
HugeDomains.com
Captcha security check coolcoding.com is for sale Please prove you're not a robot View Price Processing
知らないと損をする？Macユーザーなら入れておきたい便利ソフト - はてなニュース
はてなブックマークでも度々話題になる「Mac用のオススメソフト」。初めてMacを手にすると、「どれが何のソフトなのか分からない！」と悩んでしまうこともありますよね。そこで今回は、初心者はもちろん、Macユーザーならぜひ知っておきたい“Macで使える便利なソフト”をご紹介します。 ■Macを買ったらまずはコレ！ まずは、Macを手に入れたら最初に入れておきたいソフトを集めたエントリーです。 まず入れておきたいソフトはどれ？ ▽Mac買ったらすぐに入れるべきフリーソフトウェア - スチーム速報 ＶＩＰ ▽はじめてMacBookを使うのに入れたソフト20選 - [foool]丘の上 ブラウザやテキストエディタ、圧縮ソフトなどの基本的なものから、Twitterクライアント、画像処理ソフト、PCでテレビを見られるソフトまでたくさんの種類があるので、欲しいものが見つかりそうですね。 ▽ Macを初めて
これで仕事がサクサク進む--作業を効率化するフリーウェア6選
仕事の進め方は人それぞれ、好みの環境も人それぞれ。BGMがなければダメという人がいる一方で、無音に近い状態を好む人も。しかし、環境の良し悪しが作業効率に影響することは万人に共通するはず。どの環境が自分にとってベター、ベストな環境なのかと試行錯誤することも決して無駄ではない。日中多くの時間をともに過ごすPCのデスクトップは、その環境のなかでも特に「事業仕分け」が必要な分野といえる。 ここでは、作業効率化に役立つフリーウェアを6つピックアップして紹介する。まだ1月半ば、ここで足下を見直し効率化を進めておくと、ふと気がつけば仕事がサクサク進んでいた1年になるかもしれない。 Xkeymacs 仕事の道具選びは、道具それ自体の完成度もさりながら、「手慣れた」ものであることも重要なポイント。しかし、自分の意志でOSやユーザーインターフェースを選べないとしたら……せめて手慣れたキー入力環境があれば、作業
Google Wave関連情報のまとめ - WEB人
Google Wave関連情報のまとめ 公開：2009年11月30日 13:08, 更新：2009年11月30日 13:14 トラックバック(0) コメント(0) Google Waveに関連する情報を、カテゴリーごとにまとめています。新たな情報が見つかれば、随時追加します。追加情報や修正箇所がありましたら、コメントやTwitter(@souta_tw)などで知らせ頂けると、とーっても助かります。 ガイド 英語 Using Google Wave 英語：公式、簡単な案内。 The Complete Guide to Google Wave: How to Use Google Wave 英語：非公式、詳しいガイド。本家ライフハッカーの元編集長のGina Trapaniと、現編集長のAdam Pashの二人が書いたもの。 日本語 Google Wave コンプリートガイド 日本語：非公式、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://moto-mono.net/2010/03/09/jquery1-4-plus-alpha.html
Studying HTTP
企業ロゴにも使えるエレガントなフリーフォント30個まとめ - PhotoshopVIP
