2016年のウェブデザイントレンドの参考にしたい、美しい最新Webサイトをまとめています。今後のデザイン制作のインスピレーションにい...
ウェブデザインまとめ アーカイブ - PhotoshopVIP
2016年のウェブデザイントレンドの参考にしたい、美しい最新Webサイトをまとめています。今後のデザイン制作のインスピレーションにい...
フォトショップ講座 アーカイブ / ウェブデザインライブラリー
フォトショップで水彩ブラシと新聞を使ったビンテージアートワークを作成する方法 (2015年9月18日) 水彩画と新聞の画像を使ったビンテージアートワークを作成する方法をご紹介します。
インデントで読みやすいソースコードを-独学!未経験からWebデザイナーになる!!
※当サイトは、アフィリエイト広告を掲載し、収益を得て運営しています。 (X)HTMLのコーディングをする際、階層が深くなってくると、タグの構造がわかりづらくなってくることがあります。divタグなどのようなシンプルなタグならまだいいですが、tableタグが複数からんでくるような場合は、非常に分かりづらくなることもあります。 Webデザイナーが作成するコードは、自分一人だけが読むとは限りません。ですから、できる限り分かりやすく書くことが求められます。分かりやすく書く方法はいろいろあり、例えばグループ内のコーディング規約を遵守する、コメントを残す、インデントを加えるなどが挙げられるでしょう。 このページでは、その中の一つである、インデントについて取り上げてみたいと思います。 インデントとは！？ まず始めに、インデントの意味から説明しましょう。インデントとはずばり字下げのことです。言葉より実際に見
HTML5のSEO－マークアップで注意すべき３つのポイント
HTML5を採用したWebサイト構築をする際に、SEOはどのようなポイントを考慮すべきなのか？ HTML5でのマークアップ、リッチ表現、SEO効果のあるh要素の使い方、HTML5で追加・削除・復活された要素などについて解説します。 HTML5化によるSEO効果の影響はあるか WebサイトをHTML5でマークアップをする際、特にHTML4などからHTML5にリニューアルする場合に、それによって検索エンジンによる評価が変化するのかどうかは非常に気になる問題です。 各検索エンジンでは、この疑問について公式に説明しています。GoogleはHTML5化することでプラスにもマイナスにもならないと度々公式に言及していますし、Bingは「List of things you really ought to know as an SEO today(今SEOとして本当に知っておきたいこと)」と題した記事の中
シンプルから個性的なものまでイラストレーターで使えるフリーパターン集「450+ Adobe Illustrator Patterns」
背景やパターンはデザインに世界観を与えてくれる便利なものです。適材なパターンを上手く使えれば一気にクオリティを上げてくれます。今日紹介するのはイラストレーターで使える便利なパターンを集めたエントリー「450+ Adobe Illustrator Patterns」です。 5 Seamless Vector Patterns (5 patterns) 全部で450ものパターンがまとめられており、全てベクターデータでフリーで取得可能です。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。 詳しくは以下 FudgeGraphics Pack #1 (20 patterns) 幾何学的な模様をいくつかまとめたパターンセット Various Swatches (20 patterns) ドット的なレトロな雰囲気を出せるパターンセット Classic Vintage (7 p
Adobeアカデミックストア
Yes, Adobe offers free products like Acrobat Reader, Aero, Fill & Sign, Photoshop Express, and Adobe Scan. You can also use Creative Cloud Express, Fresco, and Lightroom Mobile for free, with the option of making in-app purchases. Adobe makes some of the most widely used software applications in the world, many of which are industry standard. Get started with free apps like Adobe Acrobat Reader, A
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Webフォント「Google web fonts」の使い方・実装手順メモ
商用・非商用を問わず無料で利用できるWebフォント、「Google web fonts」の実装方法をさっくりメモっておきたいと思います。 Google Web Fonts Google web fontsとは Webページ閲覧時、通常ではパソコンにインストールされているフォントしかブラウザで表示することが出来ませんが、「Webフォント」を使用すると任意のフォントを表示することが出来ます。 Googleの提供するGoogle Web Fontsはアカウント登録の必要も無く、実装が非常に簡単なそれの一つです。商用・非商用ともに無償で利用が可能と言うのもポイント:) ちなみに当サイトでも日付の表示とサイドバー・フッターの見出しにGoogle web fontsの「Coda」を使用しています。 Google web fontsの実装方法 実装の手順は3ステップ。 1.使いたいフォントを選択する 2
Webフォント・サービス FONTPLUS ｜ ためし書き
お使いのブラウザではご覧いただけません お手数ですが、最新の対応ブラウザ（Chrome／Edge／Firefox／Safari）にて再度ご覧ください。
【保存版】Webフォントの使い方と無料のおすすめサイト一覧（日本語・欧文） | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
先週、新婚旅行という人生最大級の贅沢を楽しんできたため、日本に帰ってきて放心状態になっている野田です。 もう少し逃げていたかった……現実から……。 という話は置いておいて。最近LIGのブログではフォントネタが頻繁に登場するようになってきたので、それに僕も便乗しようと思います。 Webに関わっている人でも、「フォントが大事なのはわかるけどWebフォントは設定していない……」 という人も多いんじゃないですか？ 今日はWebフォントの使い方とおすすめの無料で使えるWebフォントサービスをご紹介します。 「わからないこと」が一瞬で解決するかも？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGのスクールでは、現役デザイナーがマンツーマンで指導します！ ▼少しでも気になる方は、ぜひ公式サイトをご覧ください！
Webの仕組みとWebサーバの構造
本格的なWebサイトを立ち上げるなら、インターネットの基幹技術およびWebサーバの動作や仕組みを理解しておく必要がある。そこで、名前解決やURLの処理方法からWebサーバの仮想ディレクトリ、MIMEまで、ここで基礎的な知識を再確認しておこう。 第1回でApacheの特徴について紹介したところ、思いのほか多くの方に見ていただいたと聞き、Apacheへの注目度の高さを再認識している。本来ならば、ここでインストール方法や設定方法、開発手法などを紹介するところなのだが、それは少しの間お待ちいただきたく思う。そうした話よりも先に、それらの知識の基礎となる部分を再確認しておきたいからだ。 上級者にとっては、既知の内容となるかもしれないが、今回はご容赦いただきたい。 Webサーバの基本的な動作 前回の内容の繰り返しとなるが、Webサーバの基本的な動作は、大きく分けて2種類しか存在しない。Webブラウザか
ApacheのSSL対応化と環境設定
ApacheでSSLを利用するには、モジュールを組み込むかパッチを適用する必要がある。そのため、Apacheのインストール時にSSL化を行わなければならない。今回は、OpenSSLを使う方法と、Apacheインストール後に最小限やっておくべき環境設定について紹介する。 前回はApacheの基本的なインストール方法を紹介して終わったが、今回はその続きとして、SSL（Secure Sockets Layer）とApacheを連携させる場合のインストールや、インストール後に行っておくべき便利な設定について紹介する。 ApacheでSSLを使うには クレジットカード番号に限らず、プライベートな情報の入力を求めるWebサイトでは、通信を暗号化する技術が欠かせない。それを実現するのがSSLだ（SSLについては携帯通信技術トレンド第2回を参照していただきたい）。本稿では、ApacheとSSLを組み合わせ
とほほのSSI入門 - とほほのWWW入門
SSI は Server Side Includes の略です。HTML文書中に以下のようなコメントを挿入することにより、サーバー側がコメントの場所に実行コマンドの結果などを置き換えてくれたりする機能です。 <!--#exec cmd="/bin/ls" --> SSI を使用することにより、例えば次のようなことが可能になります。 すべてのファイルに同じヘッダやフッタを表示することが簡単になる。 ファイルの最終更新時刻やサイズを自動的に表示できるようになる。 外部コマンドの実行結果をページ中に表示できるようになる。 カウンターもつくれる。 SSI を使用するには、WWW サーバーが SSI をサポートしており、SSI を許可する設定が行われている必要があります。一般のプロバイダでは、セキュリティのために使用を禁止しているところも多いようです。 サポートしていても、拡張子を .shtml に
.htaccess概要
.htaccessってな〜に？ .htaccessでの検索よけはサイト全体にバリアを張り、ロボットを排除する方法です。 そもそも、.htaccessとは何なのか。 サーバをフォルダ単位で制御するファイルで、 非常に乱暴な言い方ですがアクセス制限をかける時に使います。 名前が「.htaccess」なだけで、その正体は普通のテキストファイルですのでメモ帳で作成可能です。 参考：IT用語辞典：.htaccess ロボット検索よけに利用した場合、META、robotx.txtとは全く違い非常に強力です。 METAタグとrobots.txtは検索ロボットに「お願い」して見逃してもらっている状態ですが、これはロボットを強制的に排除します。 .htaccessはロボット排除だけでなく、パスワードをかけたり、リンクを制限したり、 困った人間を立入禁止にしたりととても便利です。 欠点はとっつきにくい事と、サ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPress Codex 日本語版
IcoMoon App
IEにも対応！10分でできるWebフォント実装法 (1/3)
フォントデザイナー・インタビュー 藤田重信 | 日本語Webフォントサービス
日本ベリサイン - Enterprise & Internet Security Solutions
.htaccessの記述例 - TAG index Webサイト