TwのツイートボタンとFBのシェアボタンをカスタマイズする方法 - Tecuration .com
結構苦戦したので、書いておこうと思います。Twitterのツイートボタンと、Facebookのシェアボタンをデフォルトの表示から、自分の好きな画像などに変更する方法です。 きっかけはFacebookのデフォルトのいいね！ボタンがあまりに重く、画面のロードに大きな影響を与えていたことです。そもそも見た目がイケてない！というわけで、Twitterボタンも含めてカスタマイズすることにしました。 まずはデフォルトのソーシャルボタンが生成出来るリンクを載せておきましょう。作り方は他のサイトさんに譲ります。 Facebook いいね！ボタン：Like Button Twitter ツイートボタン：ツイートボタン で、生成されたコードを見てみるとJavaScriptが含まれていて、その処理でiframeタグを生成して画面に表示しているんですね。どのように処理しているのか詳しくはわかっていないのですが、と
10 Free UI Wireframe Kits
When starting a new web design project, it’s always a good idea to begin with a wireframe. The purpose of a wireframe is to communicate the layout of a page without getting caught up in color and design elements. Wireframes can be a big time saver as they help all parties involved come to an agreement on placement of major page elements such as headers, content areas, navigation menus, and footers
ロゴマーク一覧
section of your WordPress site. For example, you could include a style like this: Don't forget to put your content outside of this comment block (duh!). Although, it would probably be best to remove this whole dang thing before you go live (other- wise, this comment block will be outputted along with your content). ============================================================-->
Japanese Web Design: Why Is It so Different?
Why Is Japanese Web Design So Different? Like an internet time machine May 15, 2012 • words written by Koichi • Art by Aya Francisco When I think of Japan I tend to think of beautiful design. Zen gardens, temples, shrines, tea ceremonies, manga, anime, wabi-sabi… the list goes on and on. Yet for some reason Japan just can't put any of this together to make a decent looking website. Where did they
GoogleウェブマスターツールがiGoogleガジェットになった - WEBマーケティング ブログ
Official Google Webmaster Central Blogによると、GoogleウェブマスターツールのiGoogleガジェットをリリースしたそうです。 早速試してみました。 08年3月 1日 このブログをRSSリーダーで購読 ⇒ほかの情報をリサーチ（ブログランキング） GoogleウェブマスターツールをiGoogleでチェック 全部追加すると、このように1ページ丸ごとウェブマスターツールのガジェットになります。 選べる機能は８つ これが今回iGoogleガジェット化されたウェブマスターツールの８つの機能 下記に8つの機能をリスト化しておきます。 ウェブ クロール＆モバイル クロール エラー コンテンツ分析 上位の検索クエリ 登録ユーザーの統計情報 Googlebot のクロール情報 外部リンクのあるページ 内部リンクのあるページ サイトリンク 大規模サイトなどで、たまに暴
ごく簡単なHTMLの説明
HTMLは本来簡単で便利なものです。「30分間HTML入門」で基本は十分。まずシンプルに自分の情報を表現してみてください。 You can write a document as simple as you like. In many ways, the simpler the better. -- Tim Berners-Lee 簡単なHTMLの説明 少し詳しいHTMLの説明 XHTMLから次世代ウェブへ 電子テキストで情報発信 簡単なHTMLの説明 だんだん説明の量が増えてきたので、コンパクトな入門ページを用意しました。 基本がきちんと分かる30分間(X)HTML入門 HTMLを使った人間・コンピュータ双方にわかりやすい表現 （スライドのHTML版） 何のためのHTML？ HTMLは画面をレイアウトするためではなく、文書を環境に依存せずに共有できるように記述するための約束です。そこを正
ホームページ作成講座！〜初心者でも簡単にできる！ホームページの作り方〜
初心者でも、簡単に作れるようにホームページ作成について書いていきます。 ちょっと難しいところもあるかもしれませんが、なれれば結構簡単にホームページは作れますよ！初心者でも、簡単に作れるようにホームページ作成について書いていきます。 ちょっと難しいところもあるかもしれませんが、なれれば結構簡単にホームページは作れますよ！ 初心者でも、簡単に作れるようにホームページ作成について書いていきます。 ほかにも、ホームページに関するいろんな情報が満載です。 お役に立てれば幸いです♪ ホームページビルダーの価格比較しました！ 参考にしてください。 ホームページビルダーの価格比較 metaタグのdescriptionとは・・・ ホームページを作成していると、meta descriptionという表記が目につく・・・はずです。 ブログなどでは、meta descriptionが初期設定にないも
携帯ホームページを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
さっそく、読者の方から、「iモードブラウザ」が「2.0」になりましたが、 携帯サイト市場としてすぐに対応は必要ですか？ というご質問を頂いたので、今更ではありますが僕なりの見解をお伝えしますね。 結論から言うと 「もちろん動向をウォッチしていくことは必要だが、焦ってすぐに対応する必要はない」 と思います。 iモードブラウザ2.0がドコモ新機種（昨年の夏モデル）に搭載されたとき、 技術系のブログではいち早く過去のブラウザバージョンとの違いを比較した情報を伝えていましたが、 私はその情報はもちろん作り手として知る必要はあると思うんですけど、 おそらく皆さんが思っているのは、そうではなくて、 じゃぁすぐに対応すべきかっていうことだと思うんです。 確かに携帯サイト業界のトレンドや動向は変化が早いと言われますが、 XHTML+CSSベースで携帯サイトが作れるようになった今でも、 核となる制作ノウハウ
オリジナルNewsstandアプリ第一弾「Anime Collection」を創刊 | プレスリリース｜株式会社ヤッパ
（PR）Last Update on 2024-06-30 ↑画像クリックで無料試し読み！↑ ＼会員登録で300円OFFクーポンがもらえる／
携帯サイト作成のときに必要な基本的な情報
このカテゴリでは、iPhone、Androidスマートフォン向けのサイト制作に関する情報を掲載しています。 また、昔の携帯電話（ガラケー）向けの情報も残しています。 スマートフォン iPhoneをiOS17にアップデートしたらサイトのフォント（文字）の表示が太くなった Androidで明朝体が表示されるようになった レスポンシブデザインの仕組みと作り方、メディアクエリの書き方 スマホの画面サイズに合わせて画像・写真を縮小・拡大表示するレスポンシブデザイン スマホで画像を表示するとボヤける。srcsetを使ってパソコンとスマホの両方でロゴ画像などを綺麗に表示する。 JavaScript でスマホの位置情報（GPS）、緯度・経度を取得する JavaScript でスマホの加速度センサーやジャイロによる加速度、向き、傾きの値を取得する Googleのモバイルフレンドリーテスト、サイトのスマホ対応
特定非営利活動法人 日本ウェブ協会（W2C）
痩身エステのダイエット体験をしてきました。予想以上の効果があるので、契約しなくても痩身エステのお試し体験をすればダイエットできちゃいますね♪ 痩身エステダイエット体験をしてみたら・・・ 今までいろいろなダイエット方法を試してきましたけど、最近私が夢中になっているのは痩身エステでのダイエットです。食事制限をしたりするダイエットも続きませんでしたし、運動をしようと思ってもいつも三日坊主。もうダイエットをするって何度口にしたことか・・・ ダイエットを始める時って最初はいいんですよね。気持ちも強いので、食事が少なくても、運動をしてもまずは決めた目標をクリアできます。でも翌日から急になんでこんなに頑張る必要があるんだろうっていう気持ちが芽生えてくるんです。この一食を減らしたところでどれだけダイエットできるんだろう、こんなに苦しい思いで走ってホントにダイエットできるのかなって思い始めます。そんな気持ち
無駄なdiv要素やclassだらけのマークアップから卒業する方法
グリッドベースのレイアウトを作成すると、ついついdiv要素を多用してしまいがちですが、意味のあるデータにはそれに適した要素を使用し、無駄なdiv要素やclassだらけのマークアップから卒業する方法をWebdesigner Depotから紹介します。 Fight Div-itis and Class-itis With the 960 Grid System 下記は各ポイントを意訳したものです。 はじめに CSSのフレームワーク：960.gsの場合 classの乱用を避ける リスト要素の使用 画像とキャプションの使用 複数の見出しとパラグラフの使用 子要素のclassは親要素に はじめに 数年前までウェブページの設計はテーブルがスタンダードでした。そしてCSSはそれを大きく変え、今日ではCSSのフレームワークがウェブページの設計を容易にしてくれています。 しかしながら、このCSSのフレームワ
CSS 基準文字サイズ（px）ごとの相対フォントサイズまとめ | バシャログ。
こんばんは、ishidaです。急に肌寒くなってきましたね。 弊社シーブレインは馬車道から目と鼻の先にありますが、その馬車道にて今年も恒例の馬車道まつりが開催されています。１１月１日（日）～１１月４日（水）まで開催されておりますので、馬車道付近にお越しの際は是非お立ち寄りくださいね。 それはさておき、フォントサイズを指定するときにまずはベースとなる基準のフォントサイズをbody等に指定しますが、サイトによって基準を12pxにしたり、13pxにしたり、たまぁ～に10pxにしたりしてます。 そうなってくると相対指定で20px相当って何％だっけ？ってことがよくあるのと、毎回毎回電卓をたたくのが面倒になったので、ここに基準としてよく使いそうなフォントサイズをメモします。 基準文字サイズ 10px 基準文字サイズ 11px 基準文字サイズ 12px 基準文字サイズ 13px 10px
商用サイトでも無料の国内外のWeb制作に使える素材サイト総まとめ・2009 - かちびと. net
ローカル環境にストックしていた日本国内、海外サイトで商用OKなWeb素材を配布しているサイトのリンク集が結構な量になってきたので出来る限り多くの方とシェアしたいと思ってエントリーします。 懐の広いクリエイターさん方に感謝します。このリンク集は商用サイトでも利用が可能（Commercial use）なWebサイトの素材情報です。一応確認はしていますが、ご利用の際はご自身の目で必ずライセンスや利用規約（Terms of Use等）をご確認下さい。サイトごとに利用規約も異なります。当サイトは一切の責任を負いかねます。 日本国内、及び海外の商用OKなWeb素材配布サイトと日本語で紹介された海外記事のまとめです。 2度手間を防ぐ目的でリンクにマウスオーバーすると画像をツールチップで表示するようにしました。多少表示に時間掛かるかもしれません。 写真 商用サイトでも利用できるロイヤリティフリー、パブリッ
NETAFULLさんのデザインリニューアルにとりあえずひと言 | 使える「デザインセミナー」
http://netafull.net/ 以前、デザインのパワーバランス：ブログデザインリニューアル勉強会[３]と言うエントリーで、「ハマっているかも・・・」と書き記したののも記憶に新しい人気ブログの[N]ネタフルさんですが、７周年と７月をあわせてということで、すでにデザインのリニューアルを完了されていました。 http://netafull.net/about/000005.htm（プロフィールのページ） 確かにこうやって見比べてみると、以前のデザインは（シンプルで記事も読みやすく、洗練もされており、特に問題なし！と思っていたにもかかわらず）なんとなく旧時代風というか、ちょっとクールすぎるようにも思えるから不思議です。それくらい、新デザインがしっくりと馴染んでいるということでしょうね！ 以前の記事を振り返ってみます。 ------------------ 今回も[N]netafull×[
wonderfl build flash online
wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash（swf）はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
FREE WAVE 天神FM77.7 - WEB事業
iPhone向けホームページ開発 [iPhone生活]
新着記事
ロクナナワークショップ
