[B! WebDesign] [8ページ] eriko315のブックマーク

eriko315 id:eriko315

WebDesignに関するeriko315のブックマーク (300)

[連載]WordPressでWebサービスを作る方法（1:PHPとは） | Stocker.jp / diary
このブログでは何度も触れていますが、3月にフリー写真素材 :: Free.Stocker という無料写真素材サイトをオープンしました。このサイトは、WordPress というブログ向けの CMS（コンテンツ管理システム）を使って作りました。このサービスを作った際の手順をケーススタディとして「PHPやWordPressを全く知らない方でも、WordPressでWebサービスを作り、それをたくさんの方に利用して頂ける方法を分かりやすく学べる記事を書こう」と思い書き始めたのがこの記事ですが、「PHPとは」から「WordPressサイトにおける内部SEO」「ソーシャルメディアマーケティング」まで網羅する特大記事になり、1記事として一度に掲載することが難しくなったので、全10回の連載としてお送りします。 WordPressやPHP初心者の方はぜひ1ページ目からソースコードを書き写しながら、既に
eriko315 2011/06/16
すごくわかりやすい。ほぼ知っている内容だけど、改めて基本を振り返りたいときに。

WordPress

WebDesign

DesignMethod

StudyMethod

php
リンク
[CSS]フォントのサイズ指定はpx？ em？既存の再検討とこれからのテクニック
フォントのサイズの単位に何を使ってますか？ px？ em？それら2つのよく利用されるテクニックをおさらいし、さらに第3のテクニックも紹介します。 Font sizing with rem [ad#ad-2] 下記は各ポイントを意訳したものです。はじめに pxを使ったサイズ指定 emを使ったサイズ指定 remを使ったサイズ指定はじめにフォントのサイズの単位に何を使用するかは、未だに激しい議論の的となっています。それらのテクニックにはそれぞれ長所と短所があるのも現実です。それらの中で短所が少なく、よく利用されるテクニックは2つあります。 pxを使ったサイズ指定 emを使ったサイズ指定これら2つのテクニックを再検討し、さらにもう3つ目のテクニックを紹介します。 pxを使ったサイズ指定ウェブの初期に、私たちはテキストのサイズを定めるために「px」を使用していました。これは一貫しており
eriko315 2011/06/10
WebDesign

Font

DesignMethod
リンク
セレクタで使用できる文字 - スタイルシートの基本 -- ごく簡単なHTMLの説明
HTMLは効率的に情報交換を行えるよう、文書の「構造」を記述することを目的にしています。そこに文字の色や形などの情報が混じってくると、せっかくの情報が不明確になってしまいます。スタイルシートは、レイアウトを別の場所に定義しておき、それを構造に対して適用するという考え方です。いったん定義したスタイルは、複数の文書で共有できますから、全体のデザインに一貫性を持たせることができ、しかもメンテナンスがずっと容易になります。目次：スタイルシート：文書の論理と表現を分離するカスケーディング・スタイルシート（CSS）スタイルの定義場所クラス、idによる定義の局所化文脈セレクタと一括設定カスケーディングと継承スタイルのタイプ指定取り上げる要素： style スタイルシート：文書の論理と表現を分離する本文とは別に表現ルールを設定するスタイルシートは、文書のメンテナンスを容易にし、また表
eriko315 2011/06/04
CSS

DesignMethod

DesignMaterial

WebDesign
リンク
[使える CSS テクニック]CSSだけで実現するタブナビゲーション | バシャログ。
第 3 回目は「タブナビゲーションを CSS で実現してみよう」です。タブナビゲーションはサイトのメニューに多く使われ、ビジターに「ここはクリックできますよ」とわかりやすく伝えるためにロールオーバすることが多いです。ロールオーバに JavaScript を使用する方法もありますが、CSS ならもっとスッキリ！ 1.テキストリンクを生かしてタブナビゲーションを実現してみるテキストリンクを生かしたまま、背景に画像を表示させることでナビゲーションに見せる方法です。 [サンプル] [HTML] ソースはこんな感じになります。 <div id="tabnav-00"> <ul> <li id="menu01"><a href="#">メニュー01</a></li> <li id="menu02"><a href="#">メニュー02</a></li> <li id="menu03"><a hr
eriko315 2011/05/29
リスト表示をCSSでタブに見せる

CSS

WebDesign

DesignMethod
リンク
list-style
Updated 2013.10.29 / Published 2007.02.02 list-styleプロパティはlist-style-imageプロパティ, list-style-positionプロパティ, list-style-typeプロパティのリスト項目要素のマーカーに関する3つのプロパティをまとめて設定するショートハンド（CSSにおいて値を簡略化できる記法のこと）です。値 <list-style-image> <list-style-position> <list-style-type> inherit 初期値個別のプロパティの初期値を参照適用対象リスト項目要素（li要素）継承するメディア visual 値の指定方法は、各プロパティの値を半角スペースで区切って並べます。記述する際に各プロパティの値を並べる順序は特に決まっておらず、また必要のない指定は省略すること
eriko315 2011/05/29
CSS

WebDesign

DesignMethod
リンク
まだフォントサイズ固定ですか？
私がいつも読んでいる雑誌、DOS/V Magazine、これの2001/3/15号の/Vmag.CLINIC（P190～191）というコーナーに、このような読者の質問がありました。「Internet Explorer5を使っていて、解像度は1280*1024ドットなのですが、文字の小さなWebサイトが見づらいので、ブラウザの文字を最大にしていますが、それでも変わりません。ディスプレイの解像度を下げる以外に文字を大きくする方法はないのでしょうか？」 …なるほど。これは私と同じような環境です。確かに私も悩まされています。この質問に対する回答に、次のような一文がありました。「現在、主流のWebサイトではスタイルシートを使用しているため、Internet Explorerの[表示]→[文字のサイズ]では、殆ど文字の大きさの変わらないサイトが増えています」 …ちょっと待ってください。これは違いま
eriko315 2011/05/29
CSSによるフォントサイズ指定方法について。

CSS

WebDesign

DesignMethod
リンク
スタイルシート［CSS］/リスト/マーカーの種類を指定する - TAG index Webサイト
［CSS 1］の9種類は多くのブラウザで対応していますが、［CSS 2］の12種類は一部のブラウザでしか対応していません。［CSS 2］の対応状況は、Firefox、Safari、Chromeは全てに対応、IE 8とOperaは一部に対応、IE 7以下は全て未対応となります。
eriko315 2011/05/28
CSS

WebDesign

DesignMethod
リンク
HTML の要素を装飾するために、CSS で複数の class を指定する
HTML の要素を装飾するのに、CSS を組み合わせて指定したい。 Blog.okuryu : CSS で複数のクラスを指定する方法によると、 class 属性値をスペースで区切って指定すると複数のクラスの CSS が適用される。例えば、テーブルの「枠や背景色」を装飾したいとする。CSS で「枠の太さ」「セルの背景色」を、別々の class で指定する。テーブルの枠の指定の方法は、「HTML のテーブルで、一部の枠だけ太くする」を参照した。 <html> <head> <title>複数の CSS を class で指定</title> <style type='text/css'> <!-- table { border-collapse: collapse; } table, td { border: solid 1px; } .sunday{ background-col
eriko315 2011/05/28
複数のクラスを指定するにはスペースで区切るだけ。

CSS

WebDesign

DesignMethod
リンク
プレースホルダー (placeholder) の表示とCSSでの装飾方法 [ホームページ作成] All About
プレースホルダー (placeholder) の表示とCSSでの装飾方法プレースホルダーを表示する方法を解説。HTMLのplaceholder属性を使えば簡単に表示できます。textarea要素に表示するプレースホルダーは少し工夫すると改行も可能。CSSのplaceholder疑似クラスを併用すればプレースホルダーの文字を自由な色に変えられます。カーソルが入った瞬間にプレースホルダーの文字が消える仕様もCSSだけで作れます。placeholderの表示と装飾方法をご紹介。プレースホルダー (placeholder) とは placeholder (プレースホルダー) とは、何も入力されていない状態のテキスト入力欄に最初から薄く表示されている案内文字のことです。HTMLではplaceholder属性を使うことで簡単に表示でき、CSSで色を変えることもできます。プレースホルダとして表示されて
eriko315 2011/05/28
CSS

Javascript

DesignMethod

WebDesign
リンク
テキスト入力欄の内側にアイコンを表示する [ホームページ作成] All About
テキスト入力欄の内側にアイコンを表示する無味乾燥なテキスト入力フォームの内側左端にアイコンを表示させてみましょう。検索用の入力欄なら虫眼鏡などの「検索機能」を示すアイコンを表示させることで、役割が分かりやすいテキスト入力フォームになります。
eriko315 2011/05/28
CSS

WebDesign

DesignMethod
リンク
IDEA * IDEA
ドットインストール代表のライフハックブログ
eriko315 2011/05/27
英語は読めないけどとりあえずダウンロード。

jQuery

eBook

Javascript

WebDesign

English

StudyMaterial
リンク
海外Webサイト・海外Web屋の特徴
2013年3月23日 Web関連記事, 海外情報以前「日本向けのウェブデザインというのはあるのか?」という記事を読み、「逆に海外のサイトは具体的にどう違うかなあ？」と思ったので、私が感じた海外のWeb業界やサイトの違いを並べてみます。海外向けのWebサイト制作を考えている方、海外で働こうと思っている方の参考になればと思います！ ↑私が10年以上利用している会計ソフト！追記：ここで紹介する「海外」とは、私が滞在・就労経験のあるカナダとオーストラリアを指しています。海外Webサイトの特徴 URLを直接入力日本ではURLバーに直接入力する人は少ないかと思われますが、海外では目的のブランド名がわかっている場合、とりあえず「.com」をつけてWebサイトを開きます。海外で .com が人気な理由はこのへんにありそうです。そのため、新たに会社やサービスを立ち上げるときは、そのブランド名とドメイ
eriko315 2011/05/23
Workstyle

WebDesign

Facebook

basecamp
リンク
Messages for Japan - Home
Write Your Message Auto Translate: We'll automatically translate your message into Japanese Make A Donation
eriko315 2011/05/22
Google

WebDesign

Disasters

PrayForJapan

Massage

theGreatEastJapanEarthquake

WebService

Charity
リンク
弦一徹オフィシャルウェブサイト || Gen Ittetsu Official Website
弦一徹（本名：落合徹也）ヴァイオリニスト、アレンジャー、プロデューサー。コンポーザー。 6歳の時に父の手ほどきによりヴァイオリンを始める。 1989年"G-CLEF"のメンバーとしてCBS/Sony Recordsよりメジャーデビューし、 1994年に解散するまでにベスト盤を含む10枚のアルバムと2枚のライブビデオを発表。 1991年東京藝術大学卒。 1995年ソロに転じBMG/Victorよりソロアルバム「粗品」をリリースと同時にセッションミュージシャン、スタジオミュージシャンとしての本格的な活動を開始。ソロプレイヤーとして、また自らのグループ"弦一徹ストリングス"を率いて、アーティストのレコーディングやライブサポート、音楽番組出演、サウンドトラック、コマーシャル、ゲーム等のレコーディングも数多い。関わりのある主なアーティストや番組として、aiko,青山テルマ,Aqua T
eriko315 2011/05/22
WebDesign

Music
リンク
NSSGRAPHICA
お引っ越し、リフォーム、蔵の整理、先代の収集品や遺品整理の際は鑑定歴二十余年のコレクション買取センターにお任せください。埃や汚れ、現状のままで大丈夫です。こんなものではと思われず、お気軽にご連絡ください。買取り時に現金にて全額お支払いいたします。もちろん秘密厳守にて各品の適正価格でお取引させていただきます。廃業に伴う在庫整理や不動産業、解体業者様も古い物件のお片付けの際は是非、ご一報ください。コレクション買取センターは永いお付合いが出来る様、皆様にとって最善の方法をご提案いたします。誠実に丁寧に対応させていただきます。
eriko315 2011/05/22
シンプルなデザイン。ユニクロとか手がけてるぽい。

Designer

DesignCompany

WebDesign
リンク
https://rintodesign.com/
eriko315 2011/05/22
DesignCompany

Designer

WebDesign
リンク
DENGAK5 -デンガク・ファイブ-
DENGAK5は、デザイン制作会社・ワンダフルのウェブチームで構成されるクリエイティブ・ユニットです。クライアントがいて、そのオーダーを形にするような業務案件を越えたところで自分たちが面白いと思うものを作ろうと結成しました。デザインとコーディングの表現の可能性を信じて、作品を発信していきます。DENGAK5 -デンガクファイブ- DENGAK5は、デザイン制作会社・ワンダフルのウェブチームで構成されるクリエイティブ・ユニットです。クライアントがいて、そのオーダーを形にするような業務案件を越えたところで自分たちが面白いと思うものを作ろうと結成しました。デザインとコーディングの表現の可能性を信じて、作品を発信していきます。
eriko315 2011/05/22
Designer

WebDesign

DesignCompany
リンク
bookma
感性を刺激するWebデザインギャラリー＜bookma!＞
eriko315 2011/05/22
WebDesign

Add-up

PortalSite
リンク
カテゴリー別配色アイデア100
2017年6月30日色彩配色によってそのデザインの印象は大きく変わると思います。色は大切な要素のひとつですね！ということで、色の持つ印象別に配色アイデアをずらりと並べてみます。配色はおなじみ（？）のCOLOURloversから、「これは！」と思うものを選ばせて頂きました。素敵な配色がいっぱいのこのサイト、ぜひ覗いてみてください！また、今回紹介するのはあくまで一例ですので、自分なりにアレンジしてみるのも楽しいと思います。サイトの雰囲気にあう配色を探してみてください。 ↑私が10年以上利用している会計ソフト！配色に関するおすすめサイト COLOURlovers 色をテーマにしたコミュニティサイト、COLOURlovers。自分の考えた配色を登録したり、お気に入りの配色を保存しておくことができます。今回はこちらから配色アイデアを選びました。iPhoneアプリは「ColorSchemer」と
eriko315 2011/04/27
WebDesign

Color

DesignMaterial

DesignMethod
リンク
スタイルシート［CSS］/フォーム/テキストエリアのスクロールバーの色を変える - TAG index
scrollbar-***-color は、スクロールバーの色を指定するプロパティです。（*** の部分には、base、face、track、arrow、highlight、shadow、3dlight、darkshadow が入ります）このプロパティをtextarea要素に対して設定すると、テキストエリアのスクロールバーの色を指定することができます。基本色だけで指定する場合 textarea.example1 { width: 300px; height: 7em; scrollbar-base-color: #ff0000; } 細かく設定する場合 textarea.example2 { width: 300px; height: 7em; scrollbar-face-color: #ff8c00; scrollbar-track-color: #fff8dc; scrollba
eriko315 2011/04/24
CSS

WebDesign

DesignMethod
リンク
前のページ 4 5 6 7 8 9 10 11 12 13 次のページ