Pelletkachels.nl
Pelletkachels waren ooit eenvoudige apparaten voor verwarming, maar ze hebben een opmerkelijke evolutie doorgemaakt sinds hun bescheiden begin in de jaren ’80 van de vorige eeuw. In dit artikel duiken we diep in de geschiedenis van pelletkachel, bespreken we de belangrijkste mijlpalen en ontwikkelingen op het gebied van subsidiemogelijkheden en werpen we een blik op de transformatie tot moderne en
High performance HTML
How can you improve the performance of web pages? Most developers look to JavaScript and image optimisation, server configuration, file minification and concatenation – even CSS tweaks. Poor old HTML gets neglected, despite being the core language of the web. HTML payloads are big and getting bigger. Pages on most top-100 sites require around 40k of HTML per page. Sites such as Amazon and Yahoo us
Webサイト＆WebアプリのRetina対応方法まとめ
こんにちは。 会社からMacBookPro Retinaディスプレイモデルを支給されました浅海です。 Retinaディスプレイ、非常に快適なのですが、Retinaディスプレイに最適化されていないWebページやアプリケーションでは、ビクセルベースで作られている部分がすこしぼけたように見えてしまいます。 特に文字を画像にしている場合なんかは、かなり気になります。 Retinaディスプレイは既にiPhoneで使われているほか、一部のAndroidもRetina相当の解像度を持っているモデルが登場しており、モバイルWebサイトやWebアプリがRetinaディスプレイを意識した作りになっていることはよく見られるようになりました。 これからもPCなど、Retinaディスプレイ対応のニーズは増えるだろうと思い、対応方法をまとめました。 目次 imgタグ CSS JavaScript Google Map
Web開発者に革命をもたらす！「Web Components」超入門 | 株式会社LIG
こんにちは。デザイナーの王です。 Webアプリはデスクトップアプリとは違い、まだまだ発展途上の技術のため、色んな所でまだ未熟な部分があります。デスクトップアプリでは当たり前のことでもWebアプリではできなかったりすることも多いのです。中でも、UIのコンポーネント化問題が以前から指摘されてきました。 通販サイトにある「購入ボタン」を例に説明すると分かりやすいと思います。 この手のボタンを作るには以下の手続きを要すると考えられます。 外観を整える CSS HTMLマークアップ クリックした際の挙動 JavaScript 何が厄介かというと、「再利用」が難しいというところなんですね。 例えば、同サイトの別のページで同じボタンを使いたい場合、js、CSS、HTMLを再度記述しなければなりません。しかも場合によってはHTMLのマークアップが非常に冗長化していることもある。 「購入ボタン」はあくまで一
[HTML5 入門]コンテンツ・モデルについて勘違いしそうなところ
調べる。 備忘録としてwebやデザインについて調べたり 新しく知ったことなどを書き残していくカテゴリです。 HTML5入門シリーズ 折りしも東京では先日HTML5カンファレンスというイベントが開催され、webで飛び交う話題もそれについてのものがドンドン増えてきています。このブログでもたびたびHTML5のコーディングにおけるややこしい話題を取り扱っていますが、こういった需要はさらに増えていくのではないかなと思っています。 今回からたびたびHTML5入門と題しまして、HTML5を使ってweb制作をしていく上で避けては通れない基礎的な理解を深める為の文章を書いていきます。webcre8もHTML5は絶賛勉強中で、これはいち制作者としてHTML5によるコーディングをどうするべきかを考えた考察の覚書でもあります。間違いがあればガンガンツッコミをお願いします！知識のある人は単に「間違っている」という指
![[HTML5 入門]コンテンツ・モデルについて勘違いしそうなところ](https://cdn-ak-scissors.b.st-hatena.com/image/square/a579b466a9d9646edbe9cc1cec01abca7601b9fc/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2011%2F09%2Fhtml5-section-outline-150x150.png)
WCAG 2.0 解説書
【注意】 この文書は、W3C ワーキンググループノート Understanding WCAG 2.0 の 2016 年 10 月 7 日時点での最新版を、ウェブアクセシビリティ基盤委員会 (WAIC) が翻訳して公開しているものです。この文書の正式版は、W3C のサイトにある英語版です。正確な内容については、W3C が公開している原文 (英語) をご確認ください。この翻訳文書はあくまで参考情報であり、翻訳上の誤りが含まれていることがあります。翻訳上の誤りを見つけられた場合は、翻訳に関するお問い合わせからご連絡ください。 【注意】この文書にはより新しいバージョンが存在します: WCAG 2.1 解説書 WCAG 2.0 を理解して実装するためのガイド W3C ワーキンググループノート 2016 年 10 月 7 日このバージョン: https://www.w3.org/TR/2016/NOT
WCAG 2.0（W3C勧告）日本語訳 [原題：Web Content Accessibility Guidelines (WCAG) 2.0]
【注意】 この文書は、2008年12月11日付の W3C 勧告「WCAG 2.0」（原文は英語）を、財団法人日本規格協会情報技術標準化研究センター情報アクセシビリティ国際標準化に関する調査研究開発委員会ウェブアクセシビリティ国際規格調査研究部会が日本語に翻訳したものです。このワーキングドラフトの正式な文書は、あくまで W3C のサイト内にある英語版であり、この文書には翻訳上の間違い、あるいは不適切な表現が含まれている可能性がありますのでご注意ください。また、リンク先が英語の場合、あるいはダミーのページである場合もあります。ご了承ください。 なお、文中にある関連文書の "Understanding WCAG 2.0" へのリンクは、すべて原文の英語版へリンクしていますが、 "Understanding WCAG 2.0" の日本語訳もあります。あわせてご覧ください。 [contents]
HTML5の新要素「data要素」に繋がる Microdataのプロパティについて - kojika17
time要素の廃止、そしてdata要素の登場により、Microdataを扱う機会が増えてくると予想されます。 またHTML5 の Microdata が主にGoogleなどで取り入れられているケースが出てきているので、 Microdataで利用できるプロパティを紹介致します。 Microdata とは HTML5の独立した仕様です。 HTML文章に、コンピュータが可読できるデータにすることができ、RDFやJSONなどの多数の他のデータ形式と互換性を持たせることができます。 記述方法は以前の記事を参照して下さい。 MicroformatsとMicrodataの違いについて : Web Design KOJIKA17 なぜコンピュータが可読できるデータにする必要があるのか？？ HTMLでは、人や時間、場所など細かくマークアップすることができません。 例として、機械翻訳したカンナダ語を見てみまし
これがスマートフォン向けサイトを作るときの viewport 設定３パターンだ
スマートフォン向けの Web サイトを作るとき、viewport の設定次第で使い勝手が大幅に変わる。 最近はレスポンシブ Web デザインが流行してるけども、その大前提として viewport の設定パターンを抑えておくのは重要だろう。 この記事では、viewport の設定によって、見た目・使い勝手がどう変わるかを解説する。 パターン1: 何も考えずに HTML を書く まずは、viewport を指定せずに、単純な HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <body> <img src="/images/logo-ja.png"> <p>色んな素材がごった煮になった様子をお椀で表現しています。 湯気が<strong>「てっく」</strong>に見えるのが隠し味になっていま
[Favicon]faviconの記述（いまさらだけど）【apple-touch-icon-precomposed】 - [FORCE]
最近のパターンを記載しました こちらをごらんください 各ブラウザごとに サポートするようになっているので 自分用のメモもかねて GIFファイルを使う <link rel="shortcut icon" href="favicon.gif" /> <link href="http:/XXXXXXXXXX/favicon.gif" rel="shortcut icon" type="image/gif"/> PNGファイルを使う <link rel="shortcut icon" href="favicon.png" /> <link href="http:/XXXXXXXXXX/favicon.png" rel="shortcut icon" type="image/png"/> WindowsIcoファイルを使う <link href="favicon.ico" rel="icon" ty
![[Favicon]faviconの記述（いまさらだけど）【apple-touch-icon-precomposed】 - [FORCE]](https://cdn-ak-scissors.b.st-hatena.com/image/square/b9a4a32ef69ede51e755dd221f7dc3639ab79217/height=288;version=1;width=512/https%3A%2F%2Fforce4u.cocolog-nifty.com%2Fskywalker%2Fimages%2F2010%2F09%2F26%2F1080x620_favicon_06.gif)
og:image 徹底解説、意味も設定画像スペックもこれでばっちり！ 2024年1月更新-Six Apart ブログ｜オウンドメディア運営者のための実践的情報とコミュニティ
この記事のポイントは… 主に個人ブログやブログ形式のオウンドメディアを運営する皆さまを対象に、アイキャッチ画像の概要と設定方法を詳しく紹介する記事です。 アイキャッチ画像（サムネイル画像やOGP画像とも呼ばれます）とは、サイト内やSNSのタイムライン上に記事URLと共に流れる記事の顔となる画像のこと。 アイキャッチ画像を利用するために必要な知識、画像の仕様と非デザイナー向けの作成方法、アイキャッチ画像をHTMLのメタ要素OGP内で指定する方法を記事内で詳しく解説しています。 この記事は、2024年01月12日に更新しました！ ウェブ記事のアイキャッチとなるタイトルを載せた画像、ソーシャルメディア上で、良く見ませんか？まさにこの文章のすぐ上にある「徹底解説」と書かれた画像も、アイキャッチ画像のひとつです。 この記事は、主に個人ブログやブログ形式のオウンドメディアを運営する皆さまを対象に、アイ
書いておいた方がいい.htaccess | すてきな気分〜ナイスフィーリングブログ〜
.htaccessの設定を色々調べて、これは今後も書いて置いておいた方がいいかも、と思ったものをメモ。 設定しても効かない場合はサーバーの仕様なので、サーバーごとに別のやり方があると思います。 ・.htaccess保護 .htaccess自身にアクセスさせない設定。 <Files ~ “^\.ht”> deny from all </Files> ・ディレクトリ内一覧の非表示 セキュリティ面で構造を隠すのは重要かと。 Options -Indexes ・indexファイルの優先順位 あんまりないけど、ディレクトリ内にindexファイルが複数あるとき DirectoryIndex index.html index.htm index.php index.cgi index.shtml ちなみにさくらのサーバーの場合、上記のディレクトリ内一覧の非表示で「Options」は使えないので、 Dir
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML2Haml | Convert HTML Snippets to Haml
HTML5 Conference 2015 講演資料まとめ #html5j
http://blog.e-riverstyle.com/2011/01/rolewaiaria.html
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
文字実体参照一覧
HTMLクイックリファレンス