ColumnClips: 127
ナビメニュー100連発!CSSで表現できるコピペ可能なHTMLスニペットまとめ
ウェブサイトにおいてユーザーが特に操作する機会の多い部分のひとつが、ナビゲーションメニューでしょう。モバイル端末でのアクセスが増えているいま、より使いやすいスタイルが求められるようになっています。
SEO対策とは~上位奪取に必要な21の基本知識
ホームページの順位を上げるためにSEO対策が必要です。 SEOとは、Search Engine Optimization の略で「検索エンジン最適化」を意味し、インターネットの検索結果でより多くサイト表示させるために行う全体的な取組みを指します。
【保存版】Font Awesomeの使い方まとめ:Webアイコンフォントを使おう
今回はFont Awesomeという超便利なサービスの使い方をまとめます。後半ではアイコンにさまざまなアニメーション効果をつける方法も解説します。
WordCamp Kyoto 2017 講演「開発者・ブロガー・Web 担さん の悩みを解決! 〜WordPress.com の活かし方〜」
昨日の WordCamp Kyoto 2017 で「開発者・ブロガー・Web 担さん の悩みを解決! 〜WordPress.com の活かし方〜」というセッションを行い、WordPress.com の最近の変化や、ユーザー属性ごとの活用方法をご紹介しました。
SEOで成果を伸ばしたい? 「ユーザーのために」は聞き飽きた? イマドキSEOを大御所が解説【SEO記事12本まとめ】
イマドキのSEOで大切なことは何か。2人のSEOエキスパートがそれぞれ解説している。CA木村氏の「SEOにできること・すべきことの基本的な考え方」と、渡辺隆広氏の「『ユーザーのために』というアドバイスを聞き飽きた人へ」だ。 ほかにも、AMPでさらに動的なUIを可能にする新機能、グーグルが向かう「モバイルファーストからAIファースト」などなど、SEOの話題をまとめてお届けする。
jQuery不要!センスのいいナビゲーションをJSでサクッと実装する方法
WPJでも使っているアニメーション付きのスティッキーナビゲーションメニュー。いまならjQueryや専用ライブラリーに頼らなくても、たった数行のJavaScriptで実装できます。
2017年要注目!モバイルアプリに必要なスクリーン画面のサンプル実例15個まとめ
スマートフォンの登場によって、私たちの生活に欠かせないアイテムのひとつとなっています。さまざまなアプリケーションによって、よりライフスタイルを楽に、そして快適にしてくれます。 デザイナーの仕事は、ユーザーのニーズを満たすUIデザインを作成し、快適で満足のいくユーザー体験を作り出すことです。効果的なUIデザインを構築するためには、モバイルアプリケーションの特徴をきちんと理解し、構成している要素や機能を学ぶ必要があります。
「よなよなエール」だけで終わらない、ヒット商品を生み続ける商品開発プロセスとは?
〜「よなよなエール」「水曜日のネコ」などの個性的な製品を生み出し続けるヤッホーブルーイング。そのブランド戦略と、クチコミを活用したマーケティング戦略に迫る〜 クラフトビール業界で注目を集める、株式会社ヤッホーブルーイング。「よなよなエール」を始め、「水曜日のネコ」「インドの青鬼」など、キャラクターが描かれた独特なパッケージと、一度目にしたら忘れない個性的なネーミングの製品を展開している。
CSSでプログラミング?圧倒的にデザインが便利になる「CSSカスタムプロパティ」入門
SassのようなCSSプリプロセッサーが登場してもう5年以上が経過しました。 SassやLESSは関数や変数などを使うことができるので非常に便利です。 関数や変数を使えるようになるだけで、大量のコードをコピーアンドペーストするという作業を省くことができ、サクサクと開発を進めることができるようになります。
アニメーションをWebサイトに導入するためのテクニック
機能的で楽しいアニメーションは、現代のWebデザインにおいて不可欠な要素の1つです。現代のWebサイトでは、細かなインタラクションのデザインが根本的な違いをもたらします。 アニメーションはユーザーに現状を伝えたり、注意をうながしたり、ユーザーの行動の結果を伝えたり、ユーザーのふるまいに影響を与えることもできます。 より良いUXを築くため、サイトにアニメーションを追加する例をいくつか説明していきます。
iPhone 8 の大きさは iPhone 7 より大きくなる?比較画像が公開
@JUNP_Nです。iDROP NEWSが「iPhone 8」の図面と思われる流出した画像をもとに、新たなレンダリング画像を公開。今回の流出データから、iPhone 8の大きさは、iPhone 7と比較すると大きくなっていることがわかります。
【iPhone】このwebサイトから自動的に電話をかけることは禁止されています。
ウェブサイトの動作確認を iPhone を使って行なっていたところ、意図せず『このwebサイトから自動的に電話をかけることは禁止されています。』というポップアップが表示されました。 このwebサイトから自動的に電話をかけることは禁止されています。 電話番号をクリックすると表示されるこのダイアログ。 HTMLの
内にメタタグ「format-detection」を記載しているのが原因かと思い、以下の記述を削除してみましたが、それでも解決せず......。【jQuery】YouTubeをモーダル表示させるなら「Magnific Popup」[IE9対応]
YouTubeをモーダルウィンドウで表示させたいときは、jQueryプラグイン Magnific Popup が便利です。
SEO効果のあるHTMLタグを全面的に修正するチェックリスト
ホームページにおけるHTMLタグを人間の身体に例えるならば、人体を構成する細胞のようなものだと言えます。 基本となる細胞が崩れてしまっていては、細胞から構成される体組織、各種器官、ひいては身体全体も崩れてしまいます。