HTML5でコーディングするときに役立つ10のオンラインツール
最近ではすっかりおなじみになりつつあるHTML5。ブラウザの問題もあり、まだ広くは利用されていませんが、徐々にその範囲を拡大しつつあります。今日紹介するのはHTML5でコーディングするときに役立つ10のオンラインツールをまとめたエントリー「10 online tools to simplify HTML5 coding」です。 Initializr 様々なHTML5コーディングに役立つWEBサービス、チートシートなどが集められていますが、今日はその中から幾つか気になったものをピックアップして紹介したいと思います。 詳しくは以下 HTML5 Demos and Examples HTML5の独自機能のDemoを試せるサイトIE、firefox、opera、safari、Chromeとそれぞれのブラウザの対応状況をチェックできます。 HTML5 Canvas Cheat Sheet – Nih
[CSS]classを加えるだけで多彩なアニメーションが簡単に使用できるスタイルシート -Animate.css
フェードイン、フェードアウト、バウンド、シェイク、回転などのアニメーションを簡単に使用できるクロスブラウザ対応のスタイルシートを紹介します。 ※JavaScriptは一切使用していません。 Animate.css - a bunch of plug-and-play CSS animations [ad#ad-2] Animate.cssの使い方 「animate.css」を外部ファイルとして指定し、アニメーションを加えたいエレメントにclassを付与するだけです。 外部ファイル <link rel="stylesheet" href="animate.css" /> エレメントにclassを付与 <p class="flash">Live long and prosper.</p> Animate.cssの実装 デモでは、classを付与するだけで、多彩なアニメーションが簡単に利用できま
スタートアップにおけるデザインの重要性 デザイン会社 ビートラックス: ブログ
多くのスタートアップが、サービスアイディアやテクノロジーを中心にビジネス展開するケースが多い。 他の企業が行っていないサービスを提供しようとするのはとても良いが、実は大きな成功と無惨な失敗とを分けるのは上記の2つの要素ではない。 実のところ、その決定的要素とはデザインである。 それはなぜか？ 単純に考えると、ユーザーにとってのサービスの価値は、その裏にあるテクノロジーやロジックではなく、使い易さや見た目の良さであるから。 テクノロジーよりもデザインで差別化を図る時代得に、昨今のオープンソースやクラウド環境、AIテクノロジー等の充実により、多くのスタートアップの勝敗を分けるのはコアテクノロジーではなく、見せ方や使わせ方になってきている。 言い換えると、サービスを通して得られる体験やフィーリングの質こそがその製品の価値を左右する。 そして、最終的にはデザインこそがビジネスの結果に影響を与えるの
デコもじ｜ウェブフォントで、ホームページが、ブログが、もっと楽しくなる♪
デコもじは2016年11月30日（水）をもちましてサービスを終了致しました。 デコもじをご利用中の会員様におかれましては、サービス終了日をもちましてフォントの配信が終了となり、有料プランをご利用の場合はサービス終了日をもちまして課金が停止されております。 ※フォント配信は終了となりますが、Webサイト上に設置した JavaScript コードは会員様ご自身で削除をお願いいたします。 これまで長らくデコもじをご愛顧いただき、誠にありがとうございました。今後もシーサー株式会社の各種サービスのご愛顧のほどよろしくお願いいたします。
0to255
There are 16,777,216 color hex codes. With so many options, how do you choose the right color? The latest research on color perception tells us that somewhere between 40% to 99% of these colors are indistinguishable to the human eye.* Which begs the question: if we can't see the difference between two colors, why should we waste time deciding between them? What if you could easily narrow down the
サイト公開前に役立ちそうなフリーのツールやWebサービスいろいろ
Webサービス公開前にサイトをチェック Webサイトを制作して公開する際は おかしいところが無いか、不備は 無いか不安になったり、という方も 少なくないのではないかと思います。 Webサイトを制作して公開する際は おかしいところが無いか、不備は 無いか不安になったり、という方も 少なくないのではないかと思います。 そこで、公開前に色々と確認出来たり、 最適化できる様なフリーのサービスや フリーソフトをご紹介します。 ここで言う「公開前」とは「サーバーにアップする」事ではなく、公開を告知したり、プレスリリースを出す前の状態とお受け下さい。ローンチ前と書くべきだったかもしれませんね。。誤解を与えていたら申し訳ないです。 では、ブラウザチェックツール、モニタ別表示チェック、表示スピードチェックツール、cssや画像の最適化ツール、などなどご紹介していきます。 ブラウザチェック各ブラウザでどのように
企画書やプレゼン資料のチャート図が簡単キレイに作れるWEBアプリ「Cacoo」 | ライフハッカー・ジャパン
企画書やプレゼン資料を作っていると、チャート図や構成図やネットワーク図など、図解しなければいけないことも多いですよね。でも、分かりやすくて見やすい図を描くのは、よっぽど慣れた人でない限り難しいものです。 WEBアプリの「Cacoo」を使えば、ドラッグ＆ドロップで簡単にチャート図が作れちゃいますよ。 Cacooには、アイコンやクリップアート画像がかなり豊富にありますので、サイトマップやフローチャートからマインドマップまで、かなり色々な図に対応できます。画像を選んだら、ドラッグ＆ドロップで好きな位置に置き、矢印や線でそれぞれを繋ぎます。位置や大きさを変更するのも簡単です。 また、Cacooは複数ユーザーでの共同作業にも対応しているので、編集中の図をリアルタイムで他のメンバーと一緒に作業することもできます。 使い方については、動画を見てもらえれば分かりやすいでしょう。パワポなどを使ったことがある
モバミル - イケてる携帯サイトデザイン
########## REQUIRED: INSERT DESCRIPTION ##########
PHPで携帯メールアドレスをチェックする方法
携帯メールアドレス(ケータイメールアドレス)のチェック用コードを書いた。 携帯電話のドメイン(ほかにもあるかも。。。) docomo.ne.jp ezweb.ne.jp softbank.ne.jp t.vodafone.ne.jp d.vodafone.ne.jp h.vodafone.ne.jp c.vodafone.ne.jp k.vodafone.ne.jp r.vodafone.ne.jp n.vodafone.ne.jp s.vodafone.ne.jp q.vodafone.ne.jp pdx.ne.jp wm.pdx.ne.jp di.pdx.ne.jp dj.pdx.ne.jp dk.pdx.ne.jp ソースコード 正規表現でマッチしてみた。 @より前の妥当性のチェックは、激しく甘いです。 $email = 'son@softbank.ne.jp'; // チェックした
あなたのブログやサイト作りに、タダで使える10の方法 | ライフハッカー・ジャパン
進行中のプロジェクトがあって、途中経過を友だちには見せたいけど、ネット上にはまだ公開したくない、もちろん検索で引っ掛かるのもマズいという場合。『.htaccess Editor』を使えば、ベーシック認証やアクセス制限など、個人的にちょっと使いたい程度のことは簡単にできます。こういう類いのアプリは他にも色々あるけど、これはアクセス制限と許可に関する設定を、1つずつ順を追ってすることができるのがいいです。あと、いくつもあるサブドメインの設定をする時も便利（参考記事：「.htaccess実践活用術」）。 残る9つのハックは以下にて。 【9】サイトをiPhoneや携帯ブラウザに最適化する方法 携帯やスマートフォンでブログを読む人の数は、どんどん増えてきています。以前紹介した、あなたのブログをiPhone閲覧用に最適化する『Intersquash』（米過去記事）は、iPhone用のRSSフィードも作
ASCII.jp：もう配色には困らない！「Adobe Kuler」
「オリジナルのWebデザインをしたいけど、いまいち配色センスがなくて困る」「いつも好きな（得意な）色の組み合わせばかりでデザインしてしまう」「でも色彩理論を勉強するのは面倒だ」。 そんな人にぜひおすすめしたいのが、アドビ システムズが提供しているオンラインサービス「Adobe Kuler」（クーラー）だ。Kulerは、さまざまな色の組み合わせ（配色パターン、Kulerでは「テーマ」と呼ぶ）をWebブラウザー上で作成し、保存・公開もできる、ちょっと変わったサービス。いわば“みんなの力”で作られたカラーチャート集ともいえるもので、すでに7000種類以上（2009年1月現在）ものテーマが公開されている。利用料は無料だが、保存などの機能を使うにはAdobe IDが必要だ（以降の説明はログインしているものとして進める）。
Webサイト作成の流れを変えるか？·LTSun-Engine MOONGIFT
システマチックでない、いわゆる静的なWebサイトを構築する仕組みが変わり始めている。Concrete5やZimplitに代表されるような、その場で見たままにWebサイトを作り上げていくという流れが強まっているのを感じている。 ユーザ画面をそのまま編集する これまでのCMSでは管理画面を通してユーザ画面を変更していた。だがこれでは距離ができてしまい、本当に提供したかった内容が伝わらないかも知れない。見たままに即座に反映されるなら、自分たちの思いをそのままに投影できるはずだ。 今回紹介するオープンソース・ソフトウェアはLTSun-Engine、ユーザサイトを編集するCMSだ。 LTSun-Engineはユーザが閲覧しているWebサイトのコンテンツをその場で編集し、反映することができる。WYSIWYGエディタを通すので、ポップ内での編集にはなるのだが、編集後にPublishをクリックすれば反映は
ウェブデザイナーの作業を助ける12のオンラインツール
カラースキームの作成、フォントの作成・選択、画像編集などウェブデザイナーの作業を助ける12のオンラインツールをSix Revisionsから紹介します。 12 Useful Web Tools for Designers
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
ファッションコーディネートコミュニティiQON(アイコン)
IDEA * IDEA
WHO DID IT?
http://www.designwalker.com/2009/03/crossbrowser.html
http://www.designwalker.com/2009/01/speedup.html