<p class="sample"> <img src="/assets/k/a/V/C/kaVC2.jpg" /> </p> <svg version="1.1" xmlns="http://www.w3.org/2000/svg"> <filter id="blur"> <feGaussianBlur stdDeviation="3" /> </filter> </svg>

CSS3 で、ボタンを作る時に役立つページのまとめ。 Web サービス ———————————————————————- ウェブサービス・ジェネレーターなど。 ********************************************************************** **[CSS3 Button Generator](http://css3button.net/)** CSS3 で作るボタンジェネレーター。ショーケースにボタンデザインが大量にある。 ********************************************************************** サンプル ———————————————————————- コピペで使えるボタンスタイルのサンプル等。 *********************************

Microsoft Learn. Spark possibility. Build skills that open doors. See all you can do with documentation, hands-on training, and certifications to help you get the most from Microsoft products. Learn by doing Gain the skills you can apply to everyday situations through hands-on training personalized to your needs, at your own pace or with our global network of learning partners. Take training Find

サンプルサイト制作を通して「Webサイト制作」についてまとめてます。 前回の記事で、トップページのコーディングがひと通り完了したので、下層ページのコーディングに移る前に、一旦ブラウザチェックしてみようと思います:)。 以下は目次です。クリックすると各項目へ移動します。 対象ブラウザ。 ブラウザの種類 ブラウザのバージョン ブラウザの進化 チェックすべきブラウザ ブラウザチェック。 ブラウザチェックツール BrowserStackを使ったブラウザチェック VMware＋IETesterでブラウザチェック Internet Explorerでバージョン別チェック チェック結果 表示の崩れを整える。 IE8での表示を整える IE7での表示を整える IE6での表示を整える モダンブラウザと同じくらいまで整える。 transitionの動きをjsで実装する IE8以下でも:last-childとか使

ドットインストール代表のライフハックブログ

Pinterest風グリッドレイアウトを作ってみよう：jQuery×HTML5×CSS3を真面目に勉強（3）（1/4 ページ） はじめに 一口にSNSというと、読者の皆さんはまず、TwitterやFacebook、LINEなどのサービスを思い浮かべることでしょう。しかし、こういったデファクトスタンダードなサービスだけでなく、世の中にはさまざまなジャンルに特化したSNSがいくつも登場してきています。 特に写真共有に特化したSNSのUIというのは、その特性のためか画像を画面いっぱいに敷き詰めたものがよく見受けられます。基本的な操作性はもちろんのこと、いかに美しく、ユニークに画像を並べるかによって他サービスとの差別化を図るかが、デザイナーならびにフロントエンドエンジニアの腕の見せ所といっても過言ではありません。 Pinterestは、そうした写真共有SNSの1つです。高さが均一のグリッドが整然と

Epub.jsはnode.js/JavaScript製のオープンソース・ソフトウェア（2-clause BSD lisence）です。 電子書籍のオープンなフォーマットと言えばePubです。ePubファイルを直接読むリーダーはたくさんありますが、今回はePubを解凍した上でWebブラウザ上にレンダリングするEpub.jsを紹介します。 デスクトップでもePubファイルが快適に読めます。 フォントも読み込まれるので、ePubビューワーと変わらない体裁になるようです。 目次とメニューを表示しました。 文字サイズを変更できます。 Epub.jsは今のところ描画向けのソフトウェアのようですが、書き込みやコラボレーションによる編集もサポートする予定との事です。コールバックもサポートされており、章を読み込んだ後にアクションを実行する事もできます。 MOONGIFTはこう見る 大抵のタブレットではePu

要素をフリップ（回転）させるためのライブラリのご紹介。CSS3の記事なんかでたまに見かけますね。使用シーンは限られそうですけど動きは面白いです。 要素をひっくり返す、みたいなやつ。デモ見れば分かると思います。（語彙が無い） こんな感じのを実装するライブラリです。jQuery等を必要としない、非依存型のスクリプトなのもありがたいですね。 フリップは1ページ内に複数設置可能です。 なかなか動きが気持ちいいです。デモやドキュメント、ライブラリのダウンロードは以下よりどうぞ。ライセンスはMITです。 Flippant.js

2. 自己紹介自己紹介 情強そば屋の中の人こと砂原 昌史 そば屋五兵衛の店主 砂原 謙一(父) 現在⼆級在宅⼠とプログラミングの⽇々 ◦ そろそろ本気出したい ◦ 最近は C#(WPF) いじってます 言語 ◦ メイン：html, css, javascript, PHP, C#◦ メイン：html, css, javascript, PHP, C# ◦ サブ：perl, powershell ◦ たしなむ程度：ruby, python ◦ 忘れつつある：vbs ◦ ほぼ忘れた：C 松本経済新聞の記事は一部誤りが。 ◦ 過去にプログラマーはしたことありません。 Icons by http://dryicons.com

公認会計士・税理士・司法書士・社労士などの士業や 経理・財務・人事等の管理部門の 転職やキャリアに関するお役立ち情報を配信します！ 求人情報は以下よりご覧ください。

特にモバイルアプリで頻繁にネットワークが切れる可能性がある場合こういった対策を考えた方がいい。 接続のタイムアウト通信を行う場合には基本的にタイムアウトの設定をする。 「どのくらいの秒数でタイムアウトするか」は難しいが、「課金や決済等の2重投稿が問題になる通信」は長く、「ページの表示等の2重投稿が問題にならない通信」は短くするのがいい。 ただし、2重投稿が問題になる通信でも、「タイムアウト後は再送信前にサーバに最初の通信が成功したかどうか確認する」のであればタイムアウトは短くても機能的な問題は少ない。 （または、サーバ側が2重送信前提で処理を行う） 自動再接続特にストリーミング等で「常時コネクションを張り続ける」系の実装を行う場合、一度通信が切断しても自動的に再接続する実装が行われることが多い。 ただ、このときにコネクションの管理が正しく行われず複数のコネクションが同時張られる状態になると

gihyo.jp連載「HTML5のCanvasでつくるダイナミックな表現―CreateJSを使う」 第8回「ぼかしフィルタとアルファマスク」 http://gihyo.jp/design/serial/01/createjs/0008 コード3「クリックした座標を中心に円形のアルファマスクを塗り重ねてインスタンスに加える」 var stage; var wipingShape; var imageBitmap; var blurBitmap; var imageSize = new createjs.Point(); var radius = 40; var bitmapPoint = new createjs.Point(); initialize(); function initialize() { var canvasElement = document.getElementById

はじめに Google Play Services を使いこなしたい 先日の Google I/O 2013 で Google Play Services のアップデートが発表されました。 Social Gaming, Location, and More in Google Play Services | Android Developers Blog 新しい API やこれまで Google Play Services に含まれていなかった API など、さまざまな機能を持つ API が追加されました。簡単に位置情報や徒歩なのかドライブ中なのか行動が取得できる Location API、 iOS の GameCenter 的な、ソーシャル&クラウドな Google Play Game Services、 新しい GCM 、Google+ サインイン… などといったような感じです。アプリ

フリーランスから中小企業、エンタープライズまで利用可能な、クラウド（オンライン）見積書、請求書作成・管理・郵送サービスをまとめてみました。 無料プラン有りのサービス MakeLeaps 無料プランは、１ユーザー、クライアント３社まで。 納品書も発行できます。 請求書を郵送する機能があって便利。 見積の件名（タイトル）は、50 文字以上入力できました。 misoca（みそか） 無料プランは、月間請求書作成 10 通まで。 見積・請求書管理サービス。 受注や入金の状況が一覧で確認できて便利。 複数人で使う時は、ひとつのアカウントを共有するようだ。 請求書には件名が入らない。 Cloud Paper 無料プランは、１ユーザー、クライアント３社まで。 月毎に請求書がまとめられ、当月の売上や入金日の確認、年間合計の売上も一目でチェックできる。 無料プラン無しのサービス freee ( フリー ) 全

見た目上ではなくHTMLソース上での話。ネタ元はonderhandのcontent vs sub navigationという記事。ここではサブナビゲーションを前にするということは訪問者に本来見て欲しいコンテンツよりもどっかに別のとこに行ってもいいよと言うようなもので、どうすればいいのか訪問者に判断させることになりもするとして否定的。つまりナビゲーションは後ろのほうがいいのではないかという。 サブナビゲーションが何を指しているのかいまいちわからないけど、グローバル・ナビゲーションでも記事ごとに設置されるカテゴリーへのリンクなどの補助的なナビゲーションでも話はあまり変わらないと思うのでナビゲーションとして僕なりの考えを書く。 すごく簡単に言うと今はもうHTML5なのでnav要素があるし、アホみたいに長いナビゲーションじゃなかったらどこでも良い。CSSオフの環境がちょっとアレだけど、それはかなり

// forked from Akiyah's "cannon.jsとThree.jsを使ったこいのぼり(WebGL不要版)" http://jsdo.it/Akiyah/4sGg // forked from Akiyah's "cannon.jsとThree.jsを使ったこいのぼり" http://jsdo.it/Akiyah/iTpe var dt = 1/60; var clothMass = 1; // 1 kg in total var clothSizeXY = 1; // 1 meter var clothSizeZ = 1; // 1 meter var nxy = 16; var nz = 6; var mass = clothMass / (nxy*nz); function clothFunction(u, v) { var y = (v-0.5) * (cloth

日付型の変換処理 Date/Timestamp変換のまとめ - Yuta.Kikuchiの日記 10言語のプログラミング言語に対してそこそこの知識を保有している@yutakikucです。いろんなプログラミング言語を使用していると文法を覚えるのは大変ですよね。PHP書いている途中からJavaScriptの文法を誤って書き始めたり... それぞれの言語の文法の違いを事細かく覚える事は無理に近いです。今日はそんな各種言語仕様の記述で難解なDateTime/TimeStampについて紹介したいと思います。扱うのはWeb系のメジャープログラミング言語のSQL/C++/Java/JavaScript/Perl/PHP/Python/Rubyになります。Mysqlからデータを取り出した後や、WebAPIから取得したデータを表示用の日付フォーマットに変換する事があると思うのでそこで利用できる知識になるかと

半年ほど前から良く話題になるSassとかLessとかってなんだろうなーって思いつつめんどくさそうだからこの手の記事は回避していました。 ですが、いつものようにTwitterでつぶやいていたらSassかなり良いよって言われて 「へーそうなんだ〜」と興味を持ち始めて 少しずつですが記事を読みあさりながらSassってこうゆう感じなんだーっていうのが掴みかけてきたので記事にしたいと思います。 Coda2で検索して来た方へ この記事ではCoda2の事についてあまり触れていません。ですが、こちらの記事でがっつりcoda2の魅力を語っていますので是非ご覧になって下さい。 参考記事：Coda2の使い方をマスター出来るチュートリアル[完全版] Sassってなーに? CSSを拡張しよう!っていう感じのメタ言語らしいです!サスって読むらしいです。なんだか僕的にはいい響き!「ググる」とかと似ているかも。「Sass