[B! web制作] ooze-flashのブックマーク

Screen Sizes | Viewport Sizes and Pixel Densities for Popular Devices

We built screensiz.es to help you quickly find the screen specifications of the most popular devices and monitors currently on the market. The size data comes from a variety of sources. For a better understanding of Pixel Density, check out this great post by Teehan+Lax. Our “popularity” guesstimates are derived from annualized monthly Google queries (from AdWords traffic estimator), and some fuzz

ooze-flash 2013/05/31

デバイスのスクリーンサイズ一覧。便利

web制作

リンク

iOS5のMobile Safariから使えるようになったHTML5・CSSを試してみました【前編】 - くらげだらけ

iPhoneがでた当初はWebApp押しだったAppleも3Gを出してからすぐにネイティブアプリに手のひらを返してしまって、WebAppはすっかり影がさしてしまいました。それでも、jQTouchやSencha Touch、jQuery mobileなどWebAppの開発支援となるJavascriptライブラリが登場して一部では盛り上がったりもしています。PhoneGapみたいにWebAppをネイティブにパブリッシュするツールや、Titanium MobileのようにWeb言語ベースで開発してネイティブにするものもありますし、いろいろですね。 iOS4までのMobile SafariではCSSの一部のプロパティが使えなかったりで、よりリッチなWebAppをつくろうと思えばJavascript必要でした。先日公開されたiOS5では今まで﹁なんで使えないの？﹂といったところが少し修正されて、

ooze-flash 2013/03/05

参考になる。

リンク

【これは便利】あなたのWebサイト表示のどこが遅いかを一発で調べるブックマークレット | 初代編集長ブログ―安田英久

ooze-flash 2013/01/30

これいいね。

web制作

リンク

http://fukuyama.co/imagealpha

ooze-flash 2012/07/13

おーすげー

リンク

QR Code and 2D Code Generator - Kerem Erkan

This page is an online two dimensional code generator which is written in PHP. It can generate QR Code, Data Matrix, Aztec Code and Micro QR Code. Using the form on this page, you can create two dimensional code images that trigger various actions on the scanner device. Don’t forget to install Qrafter or Qrafter Pro (why two versions?) to scan and generate QR Codes if you have an iPhone or iPad. S

ooze-flash 2012/02/10

EPSとかでQRコードが作れる。

web制作

リンク

スマホサイト：Webアプリモードで意外と書かれていない落とし穴 - Kaleidoscope

ちょっと今回はまめ知識的な内容です。最近、「iPhoneでWebアプリを作成」といった記事をよく見かけます。（jQuery Mobileなどを利用した開発方法は置いといて） HTML5+CSS3+JavaScriptで一から作成する方法について、意外と肝心な注意点が抜けてるように思います。とくに、よくmetaタグを使った「Webアプリモード（フルスクリーンモード）」にする方法が書かれていたりします。 <meta name="apple-mobile-web-app-capable" content="yes" /> これをやると、URLバーとかが無くなって、サイトがネイティブアプリっぽくなってかっこいいんですよね。これで、サイトをアプリっぽく見せられる！ってちょっと興奮しちゃいますよね。ただ、これって意外な落とし穴があるんです(￣▽￣;) 今回は、僕が知ってる大きな２つの注意点を

ooze-flash 2012/02/06

リンク

こいつは便利！好きなサイズのダミー画像が動的に作れる『Dummy Image』 - IDEA*IDEA ～百式管理人のライフハックブログ

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

ooze-flash 2011/09/13

リンク

はじめてHTML5でコーディングする時に注意したいアウトラインとかいろいろ

先日このブログを HTML5で作り直しました。その時に思った、HTML5でコーディングするときの基本的な注意書きです。なので、HTML5をこれからやってみようかなーという人向けです。canvas、video、audio などには触れていません。もっと基本の文章構造、アウトラインについての記事です。また、後半は実際に HTML5でコーディングする時の tips になってます。先日このブログ – Webデザインレシピを、HTML5で作り直しました。HTML5 … クライアントさんのページでは、まだ一度も使ったことがないし、勉強のためのサンプルはいくつも作ってみたんですけど、実際に運営しているページで試したいなーと思い、思い切って HTML5にしました。とりあえず作ってはみたものの、まだまだ分からないことだらけ。これから HTML5でコーディングをする時に、とても大事だなーと思っ

ooze-flash 2011/07/27

あとで読む

リンク

[使える CSS テクニック] 実案件でも使える！フッターをブラウザ下部に固定する方法 | バシャログ。

暑い夏がやってきそうなので、久しぶりにツーブロック的な刈り上げにしてみましたishidaです。今回は最近作業した案件で、これまであまり実践的に使わなかったCSSレイアウトを2サイト連続で使ってみたので、ご紹介。自分も忘れないようにメモ的エントリーです。ページ下部に固定されるフッターを実現するためのCSSレイアウトです。 positionで実現する方法もありますが、コンテンツ量によっては表示が崩れるので今回は直球勝負です。XHTML ソースはこんな感じになります。 <div id="container"> <div id="header"> ヘッダー </div> <div id="content"> <h1>フッターをブラウザ下部に固定するサンプル</h1> <p>本文が入ります。本文が入ります。本文が入ります。</p> <!-- /#content

ooze-flash 2011/07/13

リンク

jQuery Mobile使用時によく使うマークアップで日本語サンプルを作ったので配布します

簡単なものですけど、jQuery Mobile でのマークアップ時によく使うっぽい UIのサンプル作ったので配布します。簡単なチートシート代わりになるのでは無いかと思ったのでシェアしてみようかと。良かったら使ってください。というのも、JQMの日本語サンプルの配布先を見かけなかったので、なかなかお困りの方もいらっしゃるんじゃないかなと。調べるの面倒ですし、手元にサンプルコードあったほうが何かと便利ですよね。というわけで、以前マークアップサンプルの記事書いたときに作ったサンプルサイトに手を加えた物を丸ごと配布します。流石にかなり出てるので今更説明不要かもですけど、ざっくり説明するとWebサイトをスマフォ向けに簡単に出来るjQueryプラグインです。以下のサンプルで使用しているファイルが丸ごと梱包してあります。サンプル※別窓いちおうキャプチャ。目次サムネイル付きのサンプルと

ooze-flash 2011/05/23

いつか役に立つ。

リンク

Web製作者やブロガーならブックマーク必須な個人商用フリーな5つの画像サービス * 男子ハック

テキストだけじゃ見にくいので適度に画像を使ってアクセントテキストばかりの記事だと読みにくい。（逆にテキストだけのほうがいいって場合もあるかもしれませんが）。見に来てくれた人が「読みやすい」と感じてもらうためのふ画像も適度に使ったほうがいいだろうし、場合によってはスクリーンキャプチャを使うこともあるでしょう。僕の場合はテキストだけで記事を書くことができていしまう場合でも、適度に画像を使ったり、上記のように見たらすぐわかる説明のような画像を作ることもしばしば。基本的にはキャプチャを撮ったり、画像を作ったりしていますが、それ以外にアクセントというかイメージとして画像を使いたい時には画像サービスから探すといいかもしれません。以下に紹介するサービスの利用に関しては各サイトをご確認ください。フリー写真素材::Free.Stocker国内外の建物や風景写真が多くある画像サービスです。

ooze-flash 2011/05/13

リンク

第美四次图第黄次四第次图第:找不到页第美四次图第黄次四第次图第面 | RDA.辉盛

Qingdao & Zibo Address : 山东淄」博高新区柳泉路创业火炬广场(居然之家)F座807 Phone : 0533.311.8581 Em ail : 3118581@163.com QQ : 460253295 (9am-18pm) Website : www.rdateam.com Wechat : RDA辉盛设计 Milan, Italy Paolo Cesaretti Architetto. Address: Milano, Via Settembrini 45 I-20124 Phone：+39.02.8718.9435 Em ail: contact@paolocesaretti.it Website: www.paolocesaretti.it Melbourne, Australia Michael Mackenzie Consultant. Address:

ooze-flash 2011/04/11

今ってロールオーバー手法こんなにあるんだね。テキスト飛ばして背景画像をかえる１つめと、JSで画像をかえる２つめしか知らなかった。

Web制作

リンク

ul と ol って何の略？ - gan2 の Ruby 勉強日記

すぐに忘れそうなのでメモ。ulは Unordered List の略。順序のないリスト。olは Ordered List の略。順序のあるリスト。liは List It emの略。liはulやolなどのリストの子要素。ulの例りんごバナナいちご <ul> <li>りんご</li> <li>バナナ</li> <li>いちご</li> </ul>olの例はじめにつぎにさいごに <ol> <li>はじめに</li> <li>つぎに</li> <li>さいごに</li> </ol> CSSの話じゃなくてHTMLの話なんだけど、このために新しくカテゴリ作るのもどうかと思ったので、とりあえずCSSのカテゴリにしてみた。っていうかけっこう久しぶりの投稿だなー。参考リストの作成 -- ごく簡単なHTMLの説明

ooze-flash 2011/03/08

参考になった

リンク

URLを引数に本文抽出を行うJavaライブラリ「Boilerplate」 | MOONGIFT | オープンソース・ソフトウェア紹介を中心としたITエンジニア/Webデザイナー向けブログ

BoilerplateはURLを与えると本文部分を抽出するライブラリ。 BoilerplateはJava製のオープンソース・ソフトウェア。Webサイトをクローリングしたり、そのサイト内にあるテキストを使って別なWebサービスを構築すると言った手法はよく存在する。そんな時に必要になるのが本文抽出というテクニックだ。デモ Webサイトには本文以外にも多様なコンテンツが存在する。例えばヘッダー、サイドバー、フッター、広告などだ。そうした無用なコンテンツを除去し、必要な部分だけ取り出すためのライブラリがBoilerplateだ。 BoilerplateはURLを引数に、後は自動的にコンテンツを取得して本文だけを返却してくれるという手軽なライブラリだ。Javaのライブラリなので、既存のJavaシステムに組み込むのはもちろん、Google App Engineを使ってWeb APIとしてコンテンツ抽

ooze-flash 2011/01/26

なんかに使えそう。

リンク

Lokka - CMS for Cloud

Lokka is a blogging/CMS tool for the personal cloud. Users who are accustomed to WordPress or other existing systems like it will find it easy to manage. It's easy on theme designers, and provides a clean plugin API for Ruby developers. cloud Ruby

ooze-flash 2010/10/22

"LokkaはWindows, Mac OS X, UNIXに加え、Heroku, Google App Engineといったクラウド環境で動作します。"

リンク

【レビュー】自由に使えるiPhone/iPad/Android/PC向け切り分けCSSテンプレート | エンタープライズ | マイコミジャーナル

Fantastic website design in Flintshire, North Wales from Stuff and Nonsense iPhoneやAndroid携帯といったスマートフォンからiPadのようなポータブルデバイス、従来のPCやノートPCにいたるまで、ネットワークにアクセスするデバイスの種類は多様化している。こうしたディスプレイサイズも解像度密度も異なるデバイスに対してそれぞれに適したデザインを提供するというのが、最近のWebデザイナの間で取り上げられることが多いトピックになっている。こうしたトピックで取り上げられることが多いテクニックがCSS3のMedia Queryを使う方法だ。デバイスの解像度や密度の情報を取得して、それに応じて適用するCSSを切り替えるというもの。これまで多くのブログでこのテクニックが取り上げられ、サンプルコードとともに紹介されている

ooze-flash 2010/10/12

リンク

データグリッド実現用JavaScriptライブラリ各種:phpspot開発日誌

Data Grids with AJAX, DHTML and JavaScript | Smashing Magazine In order to be presented effectively, information needs structure. データグリッド実現用JavaScriptライブラリ各種。 Excel のようなデータグリッドを実現できるJavaScriptライブラリが多数紹介されています。どれも目を見張るようなハイクオリティさ＆高機能さで、どれを使うか迷ってしまうほど。 ExtJs Grid dhtmlxGrid Phatfusion Sorta ble Mootable Sorting Elite Zebra Tables PHP Live Datagrid Table Kit How to paginate, sort and search a table w

ooze-flash 2010/10/07

リンク

今日からCSS3アニメーションを使えるようになるチュートリアル

CSS3のアニメーションってスゴい！先日のぽんたくんの記事でも紹介されたように、CSS3ではアニメーションも制御できるようになりました。ということで、ぼくもCSS3のアニメーションを使ってdemoをいくつか作ってみました。 SafariやChromeなどwebkitブラウザで表示してみてください。コピペで使えるCSS3アニメーション - jsdo.it ※PLAYボタンをクリックすると表示されますよ見れない人のために動画も撮ってみました。どうですか？CSSだけで、まるでFlashを使ってるような表現ができちゃうんです。今回はこのCSSのアニメーションのチュートリアルをご紹介します。﹁NEW!﹂というアイコンが、1文字ごとにぴょこんぴょこん跳ねるアニメーションを作ってみましょう。上記のdemoでいうと二つ目の動きです。 HTML <p class="animetionNew

ooze-flash 2010/09/29

分かりやすいチュートリアル。ちょちょっと触って遊びたい

リンク

商用利用ＯＫ＆無料の写真・フリー素材を集めました！総合素材サイト｜ソザイング

商用利用OK＆無料の写真・フリー素材を集めました！総合素材サイト｜ソザイング申し訳ございません現在メンテナンス中です。またのちほどごアクセスください。

ooze-flash 2010/09/28

リンク

「いいね！」ボタン設置方法 - Facebook開発者

欧州地域でのソーシャルプラグインに対する変更欧州地域でFacebook製品を使用しているユーザーに関しては、Cookie同意プロンプトが更新されたため、ソーシャルプラグインに何らかの影響が現れる可能性があります。欧州地域のユーザーは、1)Facebookアカウントにログインしている、2) 「アプリとウェブサイトのCookie管理」に同意している、のいずれかの条件を満たさない限り、「いいね！」と「コメント」のソーシャルプラグインのサポートを終了します。この二つの要件が満たされていれば、ユーザーは「いいね」や「コメント」ボタンなどのプラグインを見たり、操作したりすることができます。上記のいずれかの条件を満たさない場合、ユーザーはプラグインを見ることができません。欧州地域には、以下の国が含まれます。欧州連合 (EU): オーストリア、ベルギー、ブルガリア、クロアチア、キプロス共和国、チェコ共

ooze-flash 2010/09/11

web制作

リンク

はてなブックマーク

タグ

関連タグで絞り込む (41)

web制作に関するooze-flashのブックマーク (102)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第1週）

月間はてなブックマーク数ランキング（2024年6月）

今週のはてなブックマーク数ランキング（2024年6月第5週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス