Web Designing Portal

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

Column
Clips: 127

ナビメニュー100連発!CSSで表現できるコピペ可能なHTMLスニペットまとめ

Date : 2017.07.06

ウェブサイトにおいてユーザーが特に操作する機会の多い部分のひとつが、ナビゲーションメニューでしょう。モバイル端末でのアクセスが増えているいま、より使いやすいスタイルが求められるようになっています。

ナビメニュー100連発!CSSで表現できるコピペ可能なHTMLスニペットまとめ
open in a new window

SEO対策とは~上位奪取に必要な21の基本知識

Date : 2017.06.30

ホームページの順位を上げるためにSEO対策が必要です。 SEOとは、Search Engine Optimization の略で「検索エンジン最適化」を意味し、インターネットの検索結果でより多くサイト表示させるために行う全体的な取組みを指します。

SEO対策とは~上位奪取に必要な21の基本知識
open in a new window

【保存版】Font Awesomeの使い方まとめ:Webアイコンフォントを使おう

Date : 2017.06.27

今回はFont Awesomeという超便利なサービスの使い方をまとめます。後半ではアイコンにさまざまなアニメーション効果をつける方法も解説します。

【保存版】Font Awesomeの使い方まとめ:Webアイコンフォントを使おう
open in a new window

WordCamp Kyoto 2017 講演「開発者・ブロガー・Web 担さん の悩みを解決! 〜WordPress.com の活かし方〜」

Category : その他

Date : 2017.06.26

昨日の WordCamp Kyoto 2017 で「開発者・ブロガー・Web 担さん の悩みを解決! 〜WordPress.com の活かし方〜」というセッションを行い、WordPress.com の最近の変化や、ユーザー属性ごとの活用方法をご紹介しました。

WordCamp Kyoto 2017 講演「開発者・ブロガー・Web 担さん の悩みを解決! 〜WordPress.com の活かし方〜」
open in a new window

SEOで成果を伸ばしたい? 「ユーザーのために」は聞き飽きた? イマドキSEOを大御所が解説【SEO記事12本まとめ】

Date : 2017.06.22

イマドキのSEOで大切なことは何か。2人のSEOエキスパートがそれぞれ解説している。CA木村氏の「SEOにできること・すべきことの基本的な考え方」と、渡辺隆広氏の「『ユーザーのために』というアドバイスを聞き飽きた人へ」だ。 ほかにも、AMPでさらに動的なUIを可能にする新機能、グーグルが向かう「モバイルファーストからAIファースト」などなど、SEOの話題をまとめてお届けする。

SEOで成果を伸ばしたい? 「ユーザーのために」は聞き飽きた? イマドキSEOを大御所が解説【SEO記事12本まとめ】
open in a new window

jQuery不要!センスのいいナビゲーションをJSでサクッと実装する方法

Date : 2017.06.19

WPJでも使っているアニメーション付きのスティッキーナビゲーションメニュー。いまならjQueryや専用ライブラリーに頼らなくても、たった数行のJavaScriptで実装できます。

jQuery不要!センスのいいナビゲーションをJSでサクッと実装する方法
open in a new window

2017年要注目!モバイルアプリに必要なスクリーン画面のサンプル実例15個まとめ

Date : 2017.06.14

スマートフォンの登場によって、私たちの生活に欠かせないアイテムのひとつとなっています。さまざまなアプリケーションによって、よりライフスタイルを楽に、そして快適にしてくれます。 デザイナーの仕事は、ユーザーのニーズを満たすUIデザインを作成し、快適で満足のいくユーザー体験を作り出すことです。効果的なUIデザインを構築するためには、モバイルアプリケーションの特徴をきちんと理解し、構成している要素や機能を学ぶ必要があります。

2017年要注目!モバイルアプリに必要なスクリーン画面のサンプル実例15個まとめ
open in a new window

「よなよなエール」だけで終わらない、ヒット商品を生み続ける商品開発プロセスとは?

Date : 2017.06.08

〜「よなよなエール」「水曜日のネコ」などの個性的な製品を生み出し続けるヤッホーブルーイング。そのブランド戦略と、クチコミを活用したマーケティング戦略に迫る〜 クラフトビール業界で注目を集める、株式会社ヤッホーブルーイング。「よなよなエール」を始め、「水曜日のネコ」「インドの青鬼」など、キャラクターが描かれた独特なパッケージと、一度目にしたら忘れない個性的なネーミングの製品を展開している。

「よなよなエール」だけで終わらない、ヒット商品を生み続ける商品開発プロセスとは?
open in a new window

CSSでプログラミング?圧倒的にデザインが便利になる「CSSカスタムプロパティ」入門

Date : 2017.06.06

SassのようなCSSプリプロセッサーが登場してもう5年以上が経過しました。 SassやLESSは関数や変数などを使うことができるので非常に便利です。 関数や変数を使えるようになるだけで、大量のコードをコピーアンドペーストするという作業を省くことができ、サクサクと開発を進めることができるようになります。

CSSでプログラミング?圧倒的にデザインが便利になる「CSSカスタムプロパティ」入門
open in a new window

アニメーションをWebサイトに導入するためのテクニック

Date : 2017.06.04

機能的で楽しいアニメーションは、現代のWebデザインにおいて不可欠な要素の1つです。現代のWebサイトでは、細かなインタラクションのデザインが根本的な違いをもたらします。 アニメーションはユーザーに現状を伝えたり、注意をうながしたり、ユーザーの行動の結果を伝えたり、ユーザーのふるまいに影響を与えることもできます。 より良いUXを築くため、サイトにアニメーションを追加する例をいくつか説明していきます。

アニメーションをWebサイトに導入するためのテクニック
open in a new window

iPhone 8 の大きさは iPhone 7 より大きくなる?比較画像が公開

Category : その他

Date : 2017.06.03

@JUNP_Nです。iDROP NEWSが「iPhone 8」の図面と思われる流出した画像をもとに、新たなレンダリング画像を公開。今回の流出データから、iPhone 8の大きさは、iPhone 7と比較すると大きくなっていることがわかります。

iPhone 8 の大きさは iPhone 7 より大きくなる?比較画像が公開
open in a new window

【iPhone】このwebサイトから自動的に電話をかけることは禁止されています。

Date : 2017.06.02

ウェブサイトの動作確認を iPhone を使って行なっていたところ、意図せず『このwebサイトから自動的に電話をかけることは禁止されています。』というポップアップが表示されました。 このwebサイトから自動的に電話をかけることは禁止されています。 電話番号をクリックすると表示されるこのダイアログ。 HTMLの 内にメタタグ「format-detection」を記載しているのが原因かと思い、以下の記述を削除してみましたが、それでも解決せず......。

【iPhone】このwebサイトから自動的に電話をかけることは禁止されています。
open in a new window

【jQuery】YouTubeをモーダル表示させるなら「Magnific Popup」[IE9対応]

Date : 2017.06.01

YouTubeをモーダルウィンドウで表示させたいときは、jQueryプラグイン Magnific Popup が便利です。

【jQuery】YouTubeをモーダル表示させるなら「Magnific Popup」[IE9対応]
open in a new window

SEO効果のあるHTMLタグを全面的に修正するチェックリスト

Date : 2017.05.30

ホームページにおけるHTMLタグを人間の身体に例えるならば、人体を構成する細胞のようなものだと言えます。 基本となる細胞が崩れてしまっていては、細胞から構成される体組織、各種器官、ひいては身体全体も崩れてしまいます。

SEO効果のあるHTMLタグを全面的に修正するチェックリスト
open in a new window

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

Category

Page top