Web Designing Portal

Webクリエイターのための、
Webデザイン・Web情報のポータルサイト

Column
Clips: 127

サイトマップのSEO効果と理想的な作成方法

Date : 2016.12.27

ここではサイトマップの有効性と作り方(便利な自動とこだわりの手動)をご紹介しています。サイトマップには非常に重要な役割がありまして、サイトのユーザビリティの改善や内部SEOの向上にも密接に関わってきます。

サイトマップのSEO効果と理想的な作成方法
open in a new window

ウェブをもっと面白く!コピペ可能なHTML/CSSスニペット45個まとめ 2016年12月度

Date : 2016.12.27

思わずクリックしてコンテンツを読み続けたくなるような、コピー&ペーストで利用できる最新 HTML/CSS スニペットをまとめてご紹介します。 新しいテクニックを利用した、ますます進化するWebの可能性を感じさせてくる作品ばかりで、今後のデザイン制作に活用してみてはいかがでしょう。

ウェブをもっと面白く!コピペ可能なHTML/CSSスニペット45個まとめ 2016年12月度
open in a new window

CSS3 Writing Modesの仕様解説

Date : 2016.12.27

CSS2では、directionやunicode-bidiプロパティが定義され、横書きの複雑なレイアウトを行うアラビア語などの双方向言語(BIDI)が扱えるようになっていました。 CSS3では、テキストの進行方向に関する仕様は「Writing Modesモジュール」にまとめられ、BIDIに加えて縦書きへの対応などが追加されています。 Writing Modesモジュールでは、行の進行方向、文字の進行方向、文字の向き、などの書字方向全般の仕様が定義されています。

CSS3 Writing Modesの仕様解説
open in a new window

アナログ感のある写真を表現するPhotoshopアクション「Anaglyph Photoshop Actions」

Date : 2016.12.27

Photoshopなどもフォトレタッチツールで写真は撮影後、様々な表情を見せてくれますが、今日紹介するのはアナログ感のある写真を表現するPhotoshopアクション「Anaglyph Photoshop Actions」です。

アナログ感のある写真を表現するPhotoshopアクション「Anaglyph Photoshop Actions」
open in a new window

Windows 10が次に実現する「PCではない未来のデバイス」とは?

Category : テクノロジー

Date : 2016.12.27

同社は12月8日(現地時間)に中国の深センで開催したハードウェア開発者向けイベント「WinHEC Shenzhen 2016」にて、「Cortana and the Speech Platform」と「Windows 10 IoT: Build trusted, easy-to-manage, and interoperable devices」という興味深い2つのセッションを行った。

Windows 10が次に実現する「PCではない未来のデバイス」とは?
open in a new window

Googleの2016年版「サンタトラッカー」が公開される、量産型サンタの工場やプログラミングゲームなどコンテンツが盛りだくさん

Category : テクノロジー

Date : 2016.12.27

Googleが毎年更新しているサービス「サンタトラッカー」の2016年版が公開されました。メインとなるサンタクロース追跡イベントは24日から始まり、それまでは1日1つずつクリスマス関連のコンテンツが公開されていきます。

Googleの2016年版「サンタトラッカー」が公開される、量産型サンタの工場やプログラミングゲームなどコンテンツが盛りだくさん
open in a new window

サイトの印象をぐっと引き上げてくれるクリエイティブな効果エフェクト「Block Reveal Effects」

Date : 2016.12.27

WEBサイトのクリエイティブのクオリティはデザインは然ることながら、どんな動きをさせるかというところでも、大きく影響がありますが、今日紹介するのはサイトの印象をぐっと引き上げてくれるクリエイティブな効果エフェクト「Block Reveal Effects」です。

サイトの印象をぐっと引き上げてくれるクリエイティブな効果エフェクト「Block Reveal Effects」
open in a new window

CSS3のアニメーションで「ふわふわ」「ゆらゆら」させる方法や便利なオンラインツール

Date : 2016.12.27

いざアニメーションを作ろうとすると結構面倒ですよね。できれば勉強しながら便利なツールを使ってアニメーションを作りたいところ。今回はCSS3のアニメーションで「ふわふわ」させたり「スカッシュ」させる方法や便利なオンラインツールをご紹介します。

CSS3のアニメーションで「ふわふわ」「ゆらゆら」させる方法や便利なオンラインツール
open in a new window

2016年総まとめ、デザイナーがダウンロードしておきたいフリーフォント

Category : デザイン

Date : 2016.12.27

2016年にリリースされたものを中心に、高品質な英語のフリーフォントを厳選して紹介します。かっこいいフォントから、かわいいフォントまで、Webデザインにもフライヤーや同人誌などの紙デザインにも無料で利用できます。

2016年総まとめ、デザイナーがダウンロードしておきたいフリーフォント
open in a new window

文字詰めできるCSSのfont-feature-settingsが凄い! 日本語フォントこそ指定したい自動カーニング

Date : 2016.12.27

「Webでは文字詰めはできない」と諦めていませんか? 美しいタイポグラフィーのためには文字詰めは「当たり前」というデザイナーは多く、DTPやグラフィックデザインの界隈では基礎テクニックの一つとされています。 そんな文字詰めですが、HTMLでも実はCSSのfont-feature-settingsプロパティーを指定するだけで自動カーニングができます。ほとんどのブラウザがサポートしており、実務でも十分使えるようになってきました。今回はそんなfont-feature-settingsプロパティーの魅力と使いどころをくまなく紹介します。

文字詰めできるCSSのfont-feature-settingsが凄い! 日本語フォントこそ指定したい自動カーニング
open in a new window

CSSコピペで利用!話題のボタンデザイン用スニペット、サンプル30個まとめ

Date : 2016.11.01

CSSをコピペしてウェブ制作に活用できる、ボタン用スニペットサンプルを、WEBデザイナーのためのコードコミュニティサイト、Codepenよりピックアップしてまとめています。 その場でコードを確認、編集することができるので、幅広いデザインプロジェクトに応用でき、アニメーションをうまく活かした新しいスタイルを、今後のウェブサイト制作に活用してみてはいかがでしょう。

CSSコピペで利用!話題のボタンデザイン用スニペット、サンプル30個まとめ
open in a new window

Google検索、今後はモバイルサイトが評価の基準に

Date : 2016.10.27

米Googleが、2016年10月13日に行われたイベントで、今後Google検索について、数か月内にモバイルを優先したインデックスへ切り替える方針を発表しました。 このインデックス切り替えにより、今後はパソコンではなく、モバイルサイトの評価が自然検索結果の順位決定に大きく影響を与えることとなります。

Google検索、今後はモバイルサイトが評価の基準に
open in a new window

おすすめのGoogle Web Fonts 25選

Category : デザイン

Date : 2016.10.25

Google Fontsは、何百ものWebフォントを無料で提供しているサービスです。最近では日本のサイトでもチラホラWeb フォントを使ったサイトが増えてきました。画像を切らなくてもいいので運用が楽だったり、SEO的にも効果的なので、みなさんのなかでも使ってみたいと思っている人も多いのではないでしょうか?

おすすめのGoogle Web Fonts 25選
open in a new window

配色を考えるときに便利なオンラインツール10個集めてみました

Category : デザイン

Date : 2016.10.24

デザイン作成時に役立つ、カラーパレットを作成するツールが集められています。便利な配色ツールを紹介していきたいと思います。

配色を考えるときに便利なオンラインツール10個集めてみました
open in a new window

当コンテンツは、ウェブにおける公共的な技術の向上を目的とし、著作権法第32条で定められた通り、一般に公表された著作物を出所を明示して引用しています。掲載に関するお問い合わせはこちらにご連絡ください。

Category

Page top