2025年10月 環七沿いにある斎田記念館へ竹細工の展覧会を見に行く。竹藝となると人間国宝も何人かいるらしく、その作品をいくつか見られるようだ。ようやく気温と湿度が下がり、歩く、歩く、歩く。 2025年9月 不忍池から道路を挟んで向かい側にある横山大観記念館へ行く。木曜日から日曜日までしか開いていないので、珍しく週末に出かける。大雨の翌日で降水確率も高めだったが、ぱらつくくらいで傘を使わずに散歩できた。 2025年8月 町田にある版画美術館へ所蔵品を中心とした展覧会を見に行く。色々あったようなないような感じ、かつ暑かったので近場に行く。あまり集中できなかった上に、かなり後で書いているので、全然覚えていない。 2025年7月 ネットが緩んで外れかかっていた網戸を自分で張り替える。使っていない物置き部屋だったので、5年くらい見ないふりをしていた。色々物が片付いたら。気になるようになってしまい、
現在、欧文を中心に600以上の書体が選べるGoogleWebフォント。これだけ数が多いと、どれを選べばいいのか日本人の私たちにはよく分かりません。 今回は、全世界で最も使われている人気のGoogleWebフォントを10個厳選してお届けします。海外向けのサイトを作る際にはハズせない、日本向けサイトを作る際にもアクセントとして使いたい、とっておきのGoogleWebフォントを集めました。GoogleWebフォントを使うメリットGoogleWebフォントを使うと、こんなにもたくさんのメリットがあります。SEO対策になる 修正が簡単に行える 選択してコピペできる 拡大縮小・高解像度画面(Retina Displayなど)でもボケない 使わない手はありません。GoogleWebフォントの使い方 使い方に関しては、OZPAさんのブログが詳しいです。参考にしましょう。 今さらながらWe
内容:「web計。」は、ウェブデザイナーがよく使う計算式をコンパクトにまとめ、ブラウザ上で手軽に利用できるようにしたサービスだ。「横幅に対する画像数」「画像の比率」などを紙とペンでいちいち計算することなく、フォームに値を入力するだけで算出できる。 「web計。」は、ウェブデザイナーがよく使う計算式をコンパクトにまとめ、ブラウザ上で手軽に利用できるようにしたサービスだ。電卓を叩いたり、紙とペンを使っていちいち計算することなく、フォームに値を入力するだけで正しい値を導き出すことができる。本サービスは4つの機能を備えており、それぞれをタブで切り替えて利用できる。ひとつめは「横幅に対する画像数」で、ウェブページの横幅を基準に、指定サイズの画像が何個入るか、またマージンがいくらになるかを簡単に算出できる。例えば「横幅1000pxで画像3個でマージン11pxの場合、画像枠の幅が326px」「横幅10
![[ウェブサービスレビュー]ウェブデザイナー御用達の計算をブラウザ上で行える「web計。」](/image.pl?url=https%3a%2f%2fcdn-ak-scissors.b.st-hatena.com%2fimage%2fsquare%2f1d94dd0dbfd8dcdffd6ca1ca5cb169667bcc5deb%2fheight%3d288%3bversion%3d1%3bwidth%3d512%2fhttps%253A%252F%252Fjapan.cnet.com%252Fstorage%252F2013%252F05%252F29%252F700df210ddf3e55aee17a1a80274f544%252F130529_webkei_184_138.jpg&f=jpg&w=240)
Webサービス Screenqueri.es ブラウザ上で各デバイスのシミュレーションができる。 Responsive Web Design Test Tool ブラウザ上で各デバイスのシミュレーションができる。 responsivepx ブラウザ上でサイズを変更して表示確認ができる。 ish. ブラウザ上で各サイズの表示を確認できる。 Responsive Tools For Web Designer & Developers 各デバイスの表示が確認できる。操作も可能。 Responsive Roulette ブラウザ上で各サイズの表示を確認できる。 The Responsinator 各デバイスの表示が確認できる。 Juice’r 各デバイスの表示が確認できる。操作も可能。 Screenfly 各デバイスの表示が確認できる。操作も可能。 Responsive Design Testin

To format and validate your JSON,just copy + pasteit below: About the JSONLint EditorJSONLint is a validator and reformatter for JSON, a lightweight data-interchange format. Copy and paste, directly type, or input a URL in the editor above and let JSONLint tidy and validate your messy JSON code. What Is JSON?JSON (pronounced as Jason), stands for "JavaScript Object Notation," is a human-readable
Original:Don’t docwrite scripts(2012-04-10)by Steve Souders 昨日のブログ記事のHTTPArchiveが速くなっている、大きな要因の一つとしてはスクリプトローダーを使用しないことです。そのスクリプトローダーとはスクリプトを動的に読み込むためにdocument.writeを使用しているものです。振り返れば、私は2009年4月のブロッキングなしのスクリプト読み込み、続・ハイパフォーマンスWebサイト(4章)において、document.writeテクニックについて記述していました。それは以下のようなものです。 document.write('<script src="' + src + '" type="text/javascript"><\/script>’); document.writeを使ったスクリプトローダーの問題点: 挿入し

What areCSS SpritesCSS sprites are a way to reduce the number of HTTPrequests made for image resources referenced by your site. Images are combined into one larger image at defined X and Y coorindates. Having assigned this generated image to relevant page elements the background-positionCSS property can then be used to shift the visible area to the required component image. Thistechnique can
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latesttechnologies is crucial.HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. Withits advanced features and enhanced capabilities,HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp

The web contentcreators that would like to use Shadowbox on an advert resource are provided with commercial licenses. Shadowbox is an application that works as an internet-based image/video viewer,it supports all of the widespread audio and video formats. This app iscreated withCSS andJavaScript and can be tailored to customer needs easily. The core benefit of Shadowbox is thatit allows web
Settling on adomain name for your new project can be stressful. You can always change the name later, butit’s a hassle to re-brand soit’s best to getit right the first time. Tools like NameFresh are helpful in brainstorming ideas. But how do you actuallygo about making the final decision?It’s best to avoid making the decision on your own. If you have the budget, purchase severaldomains and
JavaScript環境で、navigator.userAgentを見てMacOSのバージョンだけを引っこ抜く方法があるか検討してみました。Windowsなら入ってるんですけどね、Macって結構カオスだったはずなんですが限定すれば意外とイ

スマートフォン向けのサイトを構築する上で検討しなくてはならないのがHTML5+CSS3である。HTML5に関してはこれからのPC向けWebサイトの構築においても必須となる技術であり、PC、スマートフォンともにここ数年間、一番のトレンド技術になることは間違いないだろう。ここではHTML5+CSS3でどのようなことがスマートフォンでできるか、どのような問題があるかを見ていこう。 スマートフォン対応サイトでHTML5+CSS3がここまで普及しているのは、ブラウザに搭載されているエンジンが重要な役割を担っている。 現在、スマートフォンの主流となりつつあるiPhone、Android、そして最近のBlackBerry に搭載されているブラウザのエンジンにはWebkitが採用されている。 Webkitは元々KHTMLと呼ばれるWebエンジンを元に、Appleが整備してきたWebブラウザ用エンジンであ
BingMapsの基礎〜応用 某GのmapのAPIを利用するのにクレカ登録が必須となったので、BingMapsでどのくらいまでいけるのか試してみた。 主な使用技術 BingMapsAPI、JavaScript、CSS、レスポンシブ 詳しく見る YoutubeAPIを使用したサンプル YouTube DataAPI (v3)を使用し、JavaScriptにてユーザーチャンネルの動画を取得するプログラムを作成。 主な使用技術 YouTube DataAPI、JavaScript(jQuery)、CSS、レスポンシブ 詳しく見るポケモンGO図鑑Githubに公開されている「Pokemon-DB」を元にページを生成 主な使用技術JavaScript(jQuery)、CSS、レスポンシブ、Photoshop(タイプのドット絵を作成) 詳しく見る
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く