[B! web制作] DustOfHumanのブックマーク

ヒラムのゆるいWordPress学習オンラインサロン - Wordpressサロン

お困りのことは何ですか？お寄せいただいた「お困り」をブログで共有していきます。あなたの「お困り」をお寄せください。たとえば、こんな疑問サーバー、ドメイン契約方法が知りたい。WordPressの用語がわからない。トップページ変更や記事の編集で困っている。新しくページを追加して、上部メニューの変更・追加する方法が知りたい。書類の一覧ページを作ってダウンロードできるようにしたい。一部の人にしかページを見せたくないときは、どうすればいいか。画像や文章をコピーさせたくない時はどうするの？クレジット決済の導入・StripeやSquareを使ったオリジナル献金フォームがほしい。一斉メールが届くようにするにはどうしたらいいの？Google地図を埋め込む方法・YouTubeを埋め込む方法・音声を埋め込む方法サイトの表示が遅い時はどうしたらいいの？今すぐ質問してみる

DustOfHuman 2013/06/29

Web制作

リンク

CSSでレイアウトするなら絶対覚えておきたい配置のルール：フロートや絶対配置、z-index とかいろいろ

最近改めて CSS の基本、要素の配置、レイアウトについて学習しました。過去に CSS でのレイアウトなどの記事を書いた事があるんですけど、改めて勉強してみたら、いろいろ間違えて解釈していたなー ... っていうか、基本が分かってなかったんだなーと反省 ...。今回は CSS の基本中の基本、視覚整形モデルについてまとめてみました。 Webデザインをする上で、必須とも言えるのが CSS …。このブログ – Webデザインレシピでも、過去に CSS について書いた記事がいくつかあります。最近 … でもないけど、以下のふたつは CSS でのレイアウトについて、いろいろと書いた記事でした。 CSSでレイアウトするなら絶対覚えておきたいブロックレベル要素のクセとかいろいろ – 2011年 6月17日 CSS：初心者の頃にハマったスタイルシートのあれこれ … IE7多め -2011年 4月21日で

DustOfHuman 2013/03/29

リンク

Web Design and Web Development : Dreamweaverで高速かつ快適な作業のために、やっておきたい5つのこと | mnemoniqs’log.

仕事で使ってるDreamweaver環境設定や、効率を上げる方法を下記にまとめておきます。目次サイトの定義と管理を必ずやるソースコードを見やすくカスタマイズ便利なショートカットキーをつかう CSSコードヒントのカスタマイズスニペットを追加してみるサイトの定義と管理を必ずやる作業用のフォルダを決めて、まずサイトの定義をすることからDreamweaverのコーディングは始まります。コレをしないで進めると、階層の全体像や相対パスがぼんやりしたままになり、とても危険。超簡単な作業なので、やらない手はありません。ローカルにあるフォルダを定義 [サイト]　→　[新規サイト]　→　[ローカル情報] 「サイト名」にプロジェクト名、「ローカルルートフォルダ」に作業用フォルダのパスを指定するだけでサイト定義は完了です。設定したサイトは、[サイト]　→　[サイトの管理]の一覧から選択

DustOfHuman 2013/02/26

リンク

スクロールに応じて要素がアニメーションする、視差効果（パララックス）を取り入れたWebデザイン例とTipsいろいろ - かちびと.net

DustOfHuman 2012/10/03

リンク

はじめてHTML5でコーディングする時に注意したいアウトラインとかいろいろ

先日このブログを HTML5 で作り直しました。その時に思った、HTML5 でコーディングするときの基本的な注意書きです。なので、HTML5 をこれからやってみようかなーという人向けです。canvas、video、audio などには触れていません。もっと基本の文章構造、アウトラインについての記事です。また、後半は実際に HTML5 でコーディングする時の tips になってます。先日このブログ – Webデザインレシピを、HTML5で作り直しました。HTML5 … クライアントさんのページでは、まだ一度も使ったことがないし、勉強のためのサンプルはいくつも作ってみたんですけど、実際に運営しているページで試したいなーと思い、思い切って HTML5 にしました。とりあえず作ってはみたものの、まだまだ分からないことだらけ。これから HTML5 でコーディングをする時に、とても大事だなーと思っ

DustOfHuman 2012/10/03

リンク

[CSS]IE9対応、IEの各バージョンごとに異なるスタイルシートを適用する方法のまとめ

IEの各バージョンごとに異なるスタイルシートを適用する方法はいくつかあります。それらの利点・欠点を検討し、さらにIE9へどのように対応したらよいのかを紹介します。 In defense of CSS hacks — introducing "safe CSS hacks" [ad#ad-2] 下記は各ポイントを意訳したものです。 Conditional stylesheets -条件付きコメント：スタイルシート Conditional classnames -条件付きコメント：class名 CSS hack -安全なCSS hackとは条件付きコメント：class名とCSS hackのコンビネーション [ad#ad-2] Conditional stylesheets -条件付きコメント：スタイルシート条件付コメントはInternet Explorerの特定のバージョンでロードさせるべ