いまさら聞けない＞＜； 基礎から学ぶ「HTML5」超入門！
HTML5 旋風、吹き荒れてますね！(^0^)／ さて、ものすごく突然で恐縮ですが、この度「HTMLファイ部」、設立しました！ 株式会社カヤック（本社：神奈川県鎌倉市、 代表取締役CEO：柳澤大輔、http://www.kayac.com以下「カヤック」）は、HTML＋CSSコーディング、JavaScript プログラムを担当する職種が所属する「HTMLファイ部」を発足いたします。 これまでHTMLおよびCSS、JavaScriptの担当者は、プログラマが所属する技術部、デザイナが所属する意匠部ME課（MEはMarkup Engineerの略）に分かれて所属していましたが、昨今のHTML5の進化と普及を受けて、HTML、CSS、JavaScriptの担当者は「HTMLファイ部」にて活動をスタートします。 そんなHTMLファイ部員が今回お送りさせていただくのは、 HTML5 について基礎から
無料・商用利用OK・バックリンク不要・著作権表示も不要で使える写真や日本語フォントなどの素材サイト集 - かちびと.net
少しリソースが溜まってきたのでリンク集に して開放します。バックリンク不要で、商用 の利用可能、著作権表示も不要のWebデザイン 向け素材サイト。商用で使ってもいいけど リンクしてね、といったようなCCのBY的な ライセンスだとどうしても個人的に使いにく いのでバックリンク不要は割りと必須です。 今までのリソースをまとめただけなのでほぼ全部既出だと思います。自分用リンク集なのでいろいろ適当です。 細かいライセンスもあるので利用規約には必ず目を通してください。 9search この記事の題名の条件の素材を紹介しているサイト。小物系探すなら最初にここ見たほうが早いです。 9search ソザィ-Sozay- こちらもこの記事の題名の条件で収集していますが、素材単位ではなく、Webサイト単位で紹介しています。国内多めですかね。 ソザィ-Sozay- 国内のWeb制作に役立ちそうな無料の写真素材や
HTML5の参考になりそうな70サイト | Html5 Collect
HTML5で製作されたクオリティの高いサイト70選が、海外のinstantshiftで紹介されていました。Html5Collectではさらに厳選して、個人的に気に入った3サイトを紹介します。 70+ Inspirational Examples of Websites Designed With HTML5 ブランドやプロモーションを手がけるトルコにあるコーポレートサイト。 マウスに追随して動くレイヤーなど、シンプルなのにこの表現力はすごいですね。 Digital Hands 最近、話題になっているNikeのサイト。 こちらもダイナミックな動きがかっこいいですね！ Nike Better World デザイン性の高い、日本のWebデザイナーのサイトです。（※音注意） どうみてもFlashにしか見えないところにセンスと技術力の高さが伺えます。 S5-Style この他にも元エントリーで
最近発覚したパスワードに関する重大な脆弱性4選 - ockeghem's blog
最近、パスワードにまつわる重大な脆弱性を見かけることが多いように思いますので、その中から4つを選んで紹介します。既に私のブログで紹介したものや、少し古い問題も含まれます。 PHP5.3.7のcrypt関数がハッシュ値を返さない脆弱性 crypt関数は、様々なハッシュアルゴリズムによるソルト化ハッシュを返す関数ですが、PHP5.3.7（2011年8月18日リリース）において、crypt関数にMD5を指定した場合、ハッシュ値を返さない（ソルトは返す）バグがありました。私のブログエントリにて説明したように、最悪ケースでは任意のパスワードで認証できてしまう状況があり得ました。 PHP5.3.7のcrypt関数に致命的な脆弱性(Bug #55439) | 徳丸浩の日記 PHP :: Bug #55439 :: crypt() returns only the salt for MD5 このバグが混入
iPhone向けWebサイトの制作等に役立ちそうな情報まとめ
iPhone向けのWebサイトを制作する 際に役立ちそうな情報のまとめです。 情報が多くて混乱し始めたので、個人 的なメモ。iPhone関連のWeb制作情 報は基本的に載せています。アプリ 制作とかそっち系はたいして無いの でご了承下さい。 個人的にグッと来たiPhone / iPad周りの情報をメモ的にまとめておきます。素材とかフレームワークとかTipsとかそういうの中心で、SDKとかObjective-C的な情報は無いです。順不同。 フレームワークとかスクリプトWebアプリとかiPhoneサイト向けのフレームワークとか。 jQuery Mobile スマートフォン向けのjQuery公式ライブラリ。リリースが待ち遠しいですね。 jQuery Mobile Sencha 以前触ってみたので記事にしました。HTML5とjsのみのWebアプリ向けフレームワーク。 Sencha Titanium
パンくずのデザイン集と概要やデザインのポイント
ウェブデザインで使用しているパンくずのデザイン集とパンくずの由来や概要、特長をはじめ、設置の判断基準、実装のよくある間違い、デザインのポイントを紹介します。
jQueryの日本語の解説サイトと国産のプラグイン集
MopBox 複数パネル（デモには100以上のパネルも）の表示にも対応した、画像・Flash・動画などを表示できるドラッグ移動可能なボックス。
日本語EPUBファイルのサンプル - 達人出版会日記
メモ。日本語のEPUB文書をいくつか集めてみました。 http://e-days.cc/campaign/epub_9784484102191 ココロ社『マイナス思考法講座』の無料EPUB版。わりとよく組版されている。 http://gihyo.jp/design/serial/01/digital-book/0014?page=6 境さんの記事内、サンプルEPUBファイルがダウンロードできる。インラインSVGが使われている。 http://tablemark.whizzo.jp/ カトキチ「今月のオススメレシピ（電子ブック版）」。わりとふつうのWebっぽいシンプルな作り。 http://www.jimin.jp/application/index.html 自民党マニフェスト。なぜかEPUB版もある、ということで(狭いところで)話題になった。 http://www.komei.or.jp
「HTML5 Rocks」だけじゃない、ブラウザ各社のHTML5チュートリアルを集めました
Webブラウザを提供する主なベンダ、グーグル、マイクロソフト、モジラ、オペラ、アップルらは、HTML5への対応を急ぐと同時に、相次いでHTML5の魅力や内容をデベロッパー向けに紹介するサイトを開設しています。この記事では、それらをまとめて紹介することにしましょう。 グーグルの「HTML5 Rocks」 グーグルは6月22日に開発者向けにHTML5を紹介し、学習するためのWebサイト「HTML5 Rocks」をオープンしました。 HTML5 Rocksは現在3つのコーナーに分かれています。 1つ目は「Interactive Presentation」。これはHTML5の新たなAPI、DOM APIやLocal Storage、WebWorkerなどさまざまな機能を紹介するプレゼンテーション。機能と共にJavaScriptでのコーディング例や実際に動作するデモなどが用意されており、HTML5の
11 Helpful Cheat Sheets for Popular Google Products - Web Design Ledger
21 Comments Excellent Work. you cover all the useful google products. This will be useful for all the google users. Nice compilation, but the last “Google Search Advanced Operators Reference” goes to google reader shortcuts. Might want to fix it. Google Search Advanced Operator Reference should link to: http://www.googleguide.com/advanced_operators_reference.html or http://www.googleguide.com/prin
48 Examples of Excellent Layout in Web Design - Web Design Ledger
Inspiration 48 Examples of Excellent Layout in Web Design Gisele MullerJune 14, 201062 Comments08.1k Beautiful graphics and colors are great and play a big part in web design, but most would agree that the backbone of a solid user experience is the layout. After all, what good is all of the eye candy if one can not easily read and digest the content. There is nothing better than opening a perfectl
10 jQuery Plugins and Techniques for Doing More with Images - Web Design Ledger
Resources 10 jQuery Plugins and Techniques for Doing More with Images Henry JonesJune 17, 20109 Comments05.2k When we see an image on a web page, it’s second nature for us to move our mouse over it or try to click it. We have come to expect some level of interactivity when it comes to images, especially with modern web design technologies, such as jQuery. If you happen to be working on a project t
30 of the Best Web Typography Resources Online
It seems there are two camps among web designers: those who embrace web typography, experiment with it, and try new things in virtually all of their designs; and those who avoid it like the plague, opting to use standard, web-safe font stacks with little variation. It also seems like a lot of the designers who fall into the second group wish they were more like the first. The resources below can h
【レビュー】『Gmail』を便利にするツールたち - オススメ15選 『Gmail』用ツールセレクション | マイコミジャーナル
Webサービスを活用する方に「Gmail」ユーザは多い。7GBを超える無料ストレージ、強力な検索、Ajaxを使ったスムーズな操作性、スパムフィルタなど、どれをとっても便利さにあふれている。だが、こうした標準機能だけでなく、外部から提供されているソフトウェアを組み合わせれば、さらなる利便性の向上が可能だ。もっとGmailを使い倒すためにも知っておきたいソフトウェアを紹介しよう。 Google系サービスを便利にするツールたち 【レビュー】『Googleドキュメント』を便利にするツールたち - オススメ16選 【レビュー】『Google カレンダー』を便利にするツールたち - オススメ13選 【レビュー】『Gmail』を便利にするツールたち - オススメ15選 【ご注意ください】本企画で紹介しているサービス/ツールについては各自の責任のもと導入、使用されるようお願いいたします。使用による不具合
Greasemonkeyスクリプトの開発で役に立ったサイトや本 - Alone Like a Rhinoceros Horn
Firefox にこんな機能があればいいなあ → ん、Greasemonkey というのでできるらしいぞ → ユーザースクリプトとやらを書けばいいのか → どうやって書くんだ？ というところからスタートして、最終的に自作のユーザースクリプトを公開するに至るまでの間、参考にしたサイトや本をできるだけ自分の学習順に時系列に沿って列挙してみました。 JavaScript を少々かじったことのある人が Greasemonkeyスクリプトを書いてみようと思い立ったときに、その学習の指針というか、道標のようなものとして役立つリンク集になればいいなと思ってます。 Greasemonkey まずは Greasemonkey ってなんだとか、ユーザースクリプトってどう書くんだというのを調べるところからスタート。（以下小見出しがリンクになっています） Greasemonkeyの開発をまとめてみる ここで Gr
Fantastic Information Architecture and Data Visualization Resources - noupe
Fantastic Information Architecture and Data Visualization Resources Information architecture can be a daunting subject for designers who've never tried it before. Also, creating successful infographics and visualizations takes skill and practice, along with some advance planning. But anyone with graphic design skills can learn to create infographics that are effective and get data across in a user
40 Valuable Tools and Resources For Web Designers - noupe
Web development can be tricky and time-consuming. To be more effective and productive, we, designers and developers, can integrate useful tools in our daily routine. Also, handy resources can be very valuable as they can help us enhance communication with clients and other developers as well as improve the quality of our work. We are permanently looking for new tools, techniques, resources and ser
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
layer8.sh
スクロールに応じて要素がアニメーションする、視差効果（パララックス）を取り入れたWebデザイン例とTipsいろいろ - かちびと.net
HTML5のインタラクションやビジュアルエフェクトを体感できる -HAKIM.SE