有給消化中を利用してGoogle Analyticsを学習中。その際に閲覧してとてもためになったサイトを備忘的にアップしております。Googleアナリティクスで解析をレベルアップさせる「アドバンスセグメント」のオススメ設定7つ https://digitalfan.jp/47411Google A…
昨年、広告を学べる環境に転職し、 広告やマーケティングの知識が 少しずつついてきたので、 今年は、アフィリエイトやAdsenseを実践して、 収益を生む出す実績を積んでいこうと思っております。そこで、まずは備忘も兼ねて、 効果の出やすいGoogle Adsense…
アレクシス・デヴェリア氏が運営している実装状況が確認出来るサイト Can I use... Support tables for HTML5, CSS3, etc
Opera社は2013年2月13日にレンダリングエンジンを PrestoからWebkitに切り替えていくことを発表。 Prestoを搭載したOperaはバージョン12が最後になる。 Google ChromeはWebkitの派生版であるBlinkを 新たに搭載するがOperaも同エンジンを採用する。
Adobe&HTML 除外領域とシェイプCSS ExclusionsとCSS Shapesは、任意の形状に沿って テキストを流し込むことが可能。 この技術を使用すれば楕円や多角形、写真の切り抜きなどの外側、 もしくは内側に記事の本文などを流し込み、 独創的なページデザインを表現…
StatCounter Global Statsデバイス別 ブラウザ別 バージョン別 解像度別 など 細かくグラフで表示されるので、比較もしやすく、 クライアントへの資料作りにも役立ちそう。
レスポンシブ・ウェブデザインの登場のもとになったのは、 イーサン・マルコッテが2010年5月25日にウェブマガジン 「A List apart」で公開した「Responsive Web Design」。 上記の記事は突然書かれたのではなく、その1年前以上に書かれた 「Fruid Grids」や …
CSSメタ言語(CSSプリプロセッサ)はCSSの拡張機能。 メタ言語のファイルをそのままの形ではブラウザは解釈できないので、 メタ言語のファイルをコンパイル化してCSSファイルを生成する形態で利用。 CSSメタ言語には Less Sass Stylus などがある。 Compass …
_s(Underscores)テーマ 既存のテーマをカスタマイズしてサイトを構築する際に使用できるテーマ。 WordPressで最低限必要になるPHPの記述や機能が実装されており、 ナビゲーションもレスポンシブ対応になっている。 ●おもな機能 HTML5対応 高機能な404ペー…
「レスポンシブWebデザイン マルチデバイス時代のコンセプトとテクニック (WEB PROFESSIONAL)」の著者である菊池崇さんの勉強会の模様。「実務で使うためのレスポンシブWebデザインの基礎・実践」に参加しました。あとでじつくり読む。
先日参加してきたセミナーのスライド。 タイポグラフィをしっかり学んできました。2013年11月21日、アップルストア銀座で開催した CSS Nite in Ginza, Vol.72の 「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」 のスライド。 http://www.sli…
Antwort Zurb Email templates litmus メーラーソフトの表示のシミュレーションができる
Flat UI 非常に応用性が高い。 Flatstrap Bootstrapをベースに機能拡張させたフレームワーク。 Bootmetro Metro UI CSSと同様にWindows8風デザインを実現することに主眼を置いたフレームワーク。 Pure シンプルでわかりやすいサービス。
BOOKBLOCK:A CONTENT FLIP PLUGIN 3D CSS3 Book Generator with jQuery Experimenntal Page Layout Inspired by Flipbord
Bootsnipp Bootstrapのスニペットを提供しているサービスの代表格。
jsdb.io GitHub上での人気度や開発の状況などの情報も表示されている。 JSter 独自の評価も記載されているから、ライブラリを選定する際の参考になる。 Unheap 各カテゴリのリストページから画面遷移することなく開発者ページやデモページに遷移できるつくり…
sharrreというjQueryプラグインを利用。●対応ソーシャルメディア Google+ Facebook(日本版) Twitter Digg Delicious stumbleupon Linkdin(日本版) Pinterest LINE、GREEは非対応。 なので、ここからコードを入手。●LINE●GREE
PocketReederGunosy
Google マップをオリジナルカスタマイズする時に必要なjsファイル GMAP3head内に を記述。 緯度・経度を簡単に調べられるサイト レストラン牡丹
MQtest.is ブラウザのサイズやユーザーエージェントの情報を調べられる。.ish レスポンシブの表示をテストする。
Griddle.it ブラウザにグリッドを表示するツール。Baceliner ベースグリッドを表示させるツール。
PlaceIMG 横幅と高さ、画像のカテゴリー、フィルターといった条件を設定すると、Flickerで公開されている写真からダミー写真を生成してくれるツール。
Less Framework レスポンシブwebデザインに対応したグリッドレイアウトフレームワーク。 スマホ、タブレット、デスクトップ マルチスクリーン向けのグリッドが用意されている。 Griddle.it グリッド画像を動的に生成してくれるwebサービス。
レスポンシブwebデザイン作成時に面倒な、フォントサイズ計算が簡単にできるツール。 CSS with vertical rhythm BaseとTargetのフォントサイズを設定するだけで、自動的にCSSコードを生成してくれる優れもの。
デジタルカメラで撮影した映像をそのまま使うような場合は、 最適な映像形式にコンバートできるMiro Video Converterが便利。
HTML5のcanvas要素でつくられている花火。 素敵な花火の数々。すごい! HTML5花火大会 Webアプリ「Bomomo」 様々な仕様の描画ツールでお絵描きが出来ちゃいます。
CSS3の角丸がレガシーブラウザで表現されない件の対策は、 色々試してみたけれど、一番うまくいったのは、 この、DD_roundiesサイト。 参考にしたサイトは、この10 ways to make Internet Explorer act like a modern browserサイト。
●開発環境の準備 Aptana Studio 自分で作成したJSONが正しい書式で作成されているかをチェックできる便利なサイト JSONLint
IE8以前でのCanvasの利用Canvasに未対応のIE8以前のバージョン向けに、ExplorerCanvasという JavaScriptのライブラリがある。
Twitter Bootstrap レスポンシブWebデザインとグリッドレイアウト、メディアクエリに対応したCSSフレームワーク 99lime Webサイトの制作スピードを高速化するためのCSSフレームワーク 52framework HTML&CSS3に対応したフレームワーク Yaml4 マルチカラムやグ…