【HTML5】METAタグ等のHTML4との違い - TASK NOTES
仕事ではHTML4とHTML5の両方を使っていますが、よくmetaタグの記述法とか変わっている所がわからなくなります。まだ他にもありますが基本的にどのHTMLにも入ってくるであろうものをまとめてみました。 DOCTYPEの指定 HTML4 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> かなりシンプルになりました。 HTML5 <!DOCTYPE html> 文字エンコーディングの指定 HTML4 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> HTML5でも上記の記述で問題ないですがcharset属性を使用すれば短くする事が可能です。 HTML5
Javascriptで扱えるカッコイイグラフのまとめ - Qiita
結論:Highchart ccchart(canvasChart)と悩みましたが、Highchartを選んだ理由は、下記の通りです。 1.円グラフや棒グラフを組み合わせた複合的なグラフのサンプルを載せている 2.複合グラフのアニメーションがかっこいい 商用ライセンスなので、無料にこだわる方は、ccchart(canvasChart)がおすすめです。 Highchart 表現力、完成度の点でいちばんだと思います。商用なのでお金さえあればこれがイチオシ。 ccchart(canvasChart) 私のイチオシは canvasChart です ライセンスは PUBLIC DOMAIN! raphael.js qiitaのプロフィールの円グラフで使われているjQueryプラグイン 美しめなグラフを作成することができる。 raphael.jsのプラグインのelycharts.js http://el
Swiperの使い方・解説【日本語訳 】スライダー設置方法 ｜ WEBTEQ
強力そうなスワイプ対応のjavascriptスライダーの使い方です。Jqueryオンリーでないので、フリクションしにくいのも利点です。 ※Jquery系スライダーならflexsliderも翻訳しましたよ。Jqueryでどうしてもいきたい場合にはいいかもね。 Swiperの素晴らしいところは入れ子でスライダーが組めるところですが、こんな使い方をするサイトを考えるのも難しいってほど複雑なことができます。 使い方は本サイトを見ればだいたいわかるでしょう。とにかく使ってみないと掴めないヤツですね。 【Swiper Usage and API】本サイトの使い方ページ（英語） http://www.idangero.us/sliders/swiper/api.php しかし英語じゃあ読みにくいよ。オプションを日本語訳してみました。設置のしかたは本サイトで大体わかると思いますが、どうオプションを組み合わ
Blueprint: Slide and Push Menus
Slide Menus Show/Hide Left Slide Menu Show/Hide Right Slide Menu Show/Hide Top Slide Menu Show/Hide Bottom Slide Menu
Webサイト＆WebアプリのRetina対応方法まとめ
こんにちは。 会社からMacBookPro Retinaディスプレイモデルを支給されました浅海です。 Retinaディスプレイ、非常に快適なのですが、Retinaディスプレイに最適化されていないWebページやアプリケーションでは、ビクセルベースで作られている部分がすこしぼけたように見えてしまいます。 特に文字を画像にしている場合なんかは、かなり気になります。 Retinaディスプレイは既にiPhoneで使われているほか、一部のAndroidもRetina相当の解像度を持っているモデルが登場しており、モバイルWebサイトやWebアプリがRetinaディスプレイを意識した作りになっていることはよく見られるようになりました。 これからもPCなど、Retinaディスプレイ対応のニーズは増えるだろうと思い、対応方法をまとめました。 目次 imgタグ CSS JavaScript Google Map
18 Best Free WordPress Portfolio Themes 2024
1. Shapely Portfolio An online portfolio can distinguish between securing a deal and losing it. That’s why it’s crucial to ensure that your portfolio is up to par, and using a free portfolio WordPress theme can help achieve that. Shapely is a perfect choice as it is not only compatible with many free and premium WordPress plugins, including Google Analytics, Yoast SEO, Contact Form 7, Gravity Form
40 Best Free HTML5 Templates for Professional Websites - freshDesignweb
Welcome to the ultimate guide for the best free HTML5 templates of 2024! This curated collection showcases the finest selection of templates designed to help you create stunning, modern websites without any cost. Whether you're a seasoned developer, a small business owner, or a creative professional, these templates are crafted to meet a variety of needs and preferences. Our 2024 collection featur
100種類以上のマウスホバーエフェクトを手軽に使えるCSSライブラリ「Hover.css」が便利。WordPressでも簡単利用。
Hover.cssとは Hover.cssとは、手軽にホバーエフェクトを利用できるようになるCSSライブラリです。 すべて、CSSで動作するので、AタグなどのHTML要素のクラス指定部分にクラス名を記述するだけで、100種類以上の様々なマウスホバーエフェクトを手軽に使えるようになります。 利用するときは、こんなタグで利用できます。 Font Awesomeのアイコンフォントを利用したことがある方なら、Font Awesomeを利用するように、クラスを指定するだけで使うことができるので、簡単に利用できます。 Hover.cssの主な利用手順 Hover.cssを利用するのに必要な主な手順は、以下の3手順です。 Hover.cssのダウンロード＆設置 Hover.cssを呼び出す Hover.css用のタグを記入する 利用するファイルも、hover.css（縮小版はhover-min.css）
IZUMO | Photo Gallery with S-Gallery plug-in
PHOTO01 PHOTO02 PHOTO03 PHOTO04 PHOTO05 PHOTO06 PHOTO07 PHOTO08 PHOTO09 PHOTO10 PHOTO11 PHOTO12
iPhone4 Retina Display対応のデザインのコツ！
僕はどうやったらRetina Displayが綺麗に表示されるか必死に模索する毎日です。（保護シート含め） ということで、今後のiPhone開発に”必須!!!"のRetina Display対応のデザインデータの作り方のコツについてご紹介します！
プレースホルダとHTML5のplaceholder属性
プレースホルダとHTML5のplaceholder属性 HTML5で導入されたplaceholder属性によって、フォームの入力欄にプレースホルダを設定できるようになりました。さて、この「プレースホルダ」とはそもそもなんなのでしょうか。また、プレースホルダにはどのようなテキストを書けばよいのでしょうか。 プレースホルダってなに? フォームの入力欄に、薄い灰色のテキストが表示されているものを見かけます。あのテキストや、テキストを提供する仕組みは、プレースホルダと呼ばれています。 Safariではアドレスバーに“Go to this address”、検索バーに“Google”というプレースホルダが設定されている。 「プレースホルダ (“placeholder”)」 とは、「実際のものに代わって現れるもの」を意味します。たとえば、Webサイトのテンプレートを作る際に、実際のページにはないテキス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
美联储已成最大接盘侠 数字货币又带来致命一击-上海巅岚贸易公司
Chart.js
セレクタ｜CSS HappyLife ZERO
動かして覚えるFlexboxのチュートリアルサイト『Flexbox in 5 minutes』 | 100SHIKI
Free wp themes | Wp templates
HTML5/CSS3のテンプレートのまとめ | コリス
Flipsblog.jp
IDEA1/2/3｜WebDesigning
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
