[B! まとめ][HTML] attokuのブックマーク

AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ

AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ AndroidやiPhoneなどのスマートフォンではHTML,CSS,JavaScriptにバグが多くてコーディングが大変になります。そこでバグを紹介しているサイト、記事をまとめてみました。(中にはバグではなく仕様なものもあるかもしれません) iOS 8.4.1の:hover問題 iOS 8.4.1で:hoverを指定していると1タップでページ遷移できない問題【STINGER5】AndroidのChromeで＆nbsp;が「・」になってる気がする | ビビビッ  を&emsp;に変更すると直るとのこと。 Mobile Safari 8でposition: fixedした擬似要素が完全に位置が固定されない - Weblog - Hail2u.net Mobile Safari 8でposition:

attoku 2012/04/02

リンク

2011年、押さえておきたいウェブデザインの11のトレンドとテクニック

Web Design Trends in 2011 [ad#ad-2] 以下、各ポイントを意訳したものです。 1. HTML5 + CSS3 2. シンプルなカラースキーム 3. モバイル対応 4. 視差効果 5. タッチスクリーン 6. 奥行き 7. 大きい写真の背景 8. 素敵なドメイン名 9. QRコード 10. サムネイルデザイン 11. Life Stream 1. HTML5 + CSS3 HTML5とCSS3はリリースされてから今日まで、あまり多くは使用されませんでした。しかし、この2011年、多くのサイトで採用されるようになるはずです。多くのデザイナーはFlashから離れてはじめています。次の2つのサイトを見てみてください。 Scribblertoo(Flash) ここで注意してほしいのは、FlashとHTML5は敵対するものではないことを理解しておいてください。問題は、

attoku 2011/01/11

リンク

コーディングのスピードを上げる為の6つの方法

2017年7月25日 Webサイト制作, 便利ツール今より少しでもコーディングを早くできれば、細かいデザインや機能にも時間をかけて取り組めそう…という事で今回はコーディングのスピードを上げるためにできる事を紹介します。便利なツールを使ったり、ちょっとやり方を変えるだけでより早くコーディングができるようになると思います！ ↑私が10年以上利用している会計ソフト！ 1. コーディング手順を簡略化するこれは自分のコーディング能力を高めて手順を省く、便利なツールを使って手間を省くという事です。例えば私は昔このような手順でコーディングを進めていました。 CSSのレイアウトをノートに書き出すレイアウト部分（ヘッダー・メイン・サイド・フッター）のHTMLマークアップ CSSでレイアウト部分のスタイリング表示確認うまく表示できない箇所の修正ヘッダー内のHTMLマークアップ CSSでヘッダー内の

attoku 2010/11/01

リンク

永久保存版！？携帯コーディング、これだけ読めばすぐできる！ | KAYAC

マークアップエンジニア（以下、ME）のtacamyです！(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。（いつもありがとうございます！）そんなワケで、本格的にHTMLコーディングはしないけど、ちょこっとしたページなら組みますっていうデザイナー向けの、「コレだけ読めばすぐできる」シリーズを始めました。第一回は「携帯コーディング」についてです。携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、最低限の内容であれば覚えることも少ないですし、一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ！携帯コーディングの基本基礎の基礎文字コードはShift-JIS CSSはインラインで指定（タグに直接style属性を追加する）画像を含むページ容量100KB以内（HTML自体の容量は9KB以内）画像はgifか

attoku 2010/09/07

リンク

CSS+HTMLのみで実装出来る、クロスブラウザ対応のWebデザインテクニック集 - かちびと.net

cssとHTMLタグのマークアップのみで実装出来るテクニック集です。クロスブラウザ対応のみをcss-playから探したので、ついでにご紹介します。 jsが使えない環境でデザインする機会があったのでメモがてらエントリー。css-playを中心に、あとはググったりSBMで探したり。マークアップはリンク先をご確認下さい。css-playはソースを。シンプルなドロップダウンメニューシンプルなドロップダウンメニューです。マルチレベルのメニューも可能。 demo 縦並びのフライアウトメニュー横に出るフライアウトタイプ。画像を使用しています。 demo クロスブラウザ対応のグラデーション webkit系でもmozでもIEでもcssのみでグラデーションを実装。 Cross-Browser CSS Gradient ハック、テーブルも使用しないドロップダウンメニューシンプルなドロップダウンメ

attoku 2010/06/15

リンク

より早くcssやhtmlのコーディングが行えそうな情報いろいろ - かちびと.net

Web制作を少しでも効率化しようと思って（今更）いろいろ便利そうな情報を探しました。既に使っている情報の方が多かったのですが、折角調べたのでシェアしたいと思ってエントリーです。コーディングをもっと円滑に、という旨の情報です。順不同。あんまり多いと逆効果なので量は絞りました。一応これでも絞りました。絞ったつもり。 zen-coding 話題になったzen-coding。だいぶ慣れて来た方もいらっしゃるのでは。 zen-coding（本家） HTMLコーディングが3倍速くなる？「Zen-Coding」秀丸Zen- Codingマクロコーディングの効率化を図るZen codingをDreamweaver cs4に入れる方法 WP Zen-Codingが凄く便利初期設定とかTipsとか制作前に知っておくと便利なコードとかTipsいろいろ。 css書く前にチェック。もう、cla