WordPress4.9の新機能を紹介！特に便利な6つの機能とは…【WordPressを使いこなそう】
2003年に登場したWordPressは、世界の上位1000万サイトのうち27％で使用されています。 11月16日にリリースされたバージョン4.9では、UXの向上や開発のスピードアップにつながる機能が搭載されました。今回はその中でも特に便利な新機能を6つご紹介します。 1.デザインのスケジューリング 日付や時刻に従って、テーマを切り替えられるようになりました。また、複数メンバーで同じデザインに取り組んでいる場合に便利な、デザインロック機能も搭載されています。せっかく作ったデザインを、他のメンバーが誤って上書きしてしまった経験はありませんか？バージョン4.9では、そんな悲劇を回避できます。 2.新しいギャラリーウィジェット WordPress独自のギャラリーウィジェットが搭載され、サードパーティ製のものを使う必要がなくなりました。テキストウィジェットも強化されており、FacebookやTED
【サイトを時代遅れにしないために】要チェック！WordPressテーマを変更すべき時期を知らせる5つのサイン
WordPressは登場して10年以上が経過し巨大なマーケットに拡大した一方で、時代遅れになってしまったサイトも数多く存在するものと思われます。それらのサイトは核心となるソフトウェア自体やプラグインについてだけでなく、テーマについても変更が必要なことをお忘れなく。 プラグイン同様、古いテーマもあなたのサイトのデータベースやファイルシステムにバックドアを開く脆弱性があるかもしれません。或いは、非推奨コードを使っていたり、新機能を存分に使えなかったりする上、ユーザビリティにも問題がある可能性があります。 あなたのWordPressサイトに次の 5つの兆候が見られたら、テーマの変更を検討すべき時期が来ています。 WordPressのテーマについては次の記事も参考にしてみてください。 1. WordPressテーマカスタマイザーを使っていない WordPress 3.4から使えるようになったテーマ
背景デザイン用CSSスニペット10選！無料でより魅力的でユニークなサイト背景をデザインできる
ディスプレイにHDが登場し4Kとなった今日では、スクリーンの殆どを占める背景が主流になりつつあります。とても印象的な視覚効果があり、サイトの情報発信の助けになる背景デザインの重要性が増しているのです。 CSSと少々のJavaScriptを使った背景デザインは、単に写真やテクスチャを張り付けるよりずっと素晴らしい効果があります。 本記事では、面白みのある背景デザイン10選を実例をお見せしながらご紹介します。 （イメージをクリックするとCodePenが見られます。） なお、背景デザインの関連する話題については以下の記事を参照してください。 ・いつもの「白背景」から飛び出そう！Webデザイン5つの背景トレンド【2017年版】 ・デザイナー必見！jQueryスクリプトを使って背景色をアニメーションにする方法 ・【遊べて実用もできるソースコード】必見！CSSとJacvascriptで作るパララックス
CSSの20のコツを大紹介！Webサイトデザインの効率を大きく高める裏技の数々
フロント・エンドの開発はセレクター選択と最小コードによる迅速なローディングとレンダリングにおいて、ますます効率性に特化しています。 LessやSCSSといったプレ・プロセッサは仕事をする上で役立ちますが、自然なやり方で最小かつ手早くCSSを記述する方法は数多くあります。このガイドは20ProCSSをカバーしており、レイアウト全体でスタイルの流れを標準化し、効率的なだけでなく多くの共通した問題も解決できる個人のフレームワークを構築するのに役立ちます。 1. CSSリセットを使用する 「normalize.css」が長年そうであったように、CSSはライブラリーをリセットし、ブラウザを通してより長い一貫性を確実にするためにあなたのサイトのスタイルにクリーンな状態を提供しました。プロジェクトの大部分はこれらのライブラリーが含むルールの全てを実際に必要とするわけでなく、ブラウザのデフォルト・ボックス
最新！CSSをもっと効率よく活用できるツールを一挙紹介！【もう試しましたか？】
CSSが進歩に従って機能を活用するためのライブラリやツールが次々登場しています。こうしたものを利用することで、普段の作業時間を短縮できたり、まだ知らない機能について知ることができます。 今回は今年リリースされたばかりの、最新CSSライブラリ、フレームワーク、ツールを紹介します。 CSS Flexboxツール＆ライブラリ 1.Waffle Grid Flexboxのグリッドシステムを簡単に利用できます。 2.RAGrid クラスの代わりに認識しやすい属性を使ったFlexboxグリッドです。 3.Griddd 非常にシンプルながらカスタマイズ性が高いグリッドです。 4.Flexboxチートシート CSS Flexboxのプロパティを具体的な例とともに紹介しています。 CSS Gridツール＆ライブラリ 1.Griddy CSS Gridをオンラインで学べるツールです。 2.Graaf デザイナ
【Web開発者向け】究極のプロトタイピングツール８選！（一部ワイヤーフレーム作成にも使えます）
Web開発において、作業の効率化のためにプログラマーは多様なアプリケーションやツールを使います。その中でも特にプロトタイピングツールは非常に役立つアプリケーションです。 まだプロトタイピングツールを使ったことがない方はぜひこの機会に試してみましょう。 プロトタイピングとは？ Web開発者はまず成果物がどのようなものになるかサンプルを作成する必要があります。その場合にその成果物の概観が分かるように作成するのがプロトタイピングツールです。 プロトタイプを作成する段階とは？ プロトタイプの作成方法に決まったルールがあるわけではありません。しかし、プロトタイピングには段階があります。 1.初級開発者のためのプロトタイプ作成法 初心者の人にはこの方法を取ることをおすすめします。手順も簡単なものです。 ・スケッチを作成 詳細の作成は後にして大枠を作成します。 ・簡単な機能を追加 必要な機能だけを使いま
【今さら聞けない】常時SSL化導入前に知っておきたいSSLエラーの原因と対処法
以前と比べるとWebサイトの常時SSL化はずっとお手頃に導入できるようになりましたね。 その反面、開発者の方はSSLゆえのトラブルに見舞われることも多くなったかもしれませんね。例えばECサイトでSSLエラーになりページが表示できないとなると多大な機会損失を生んでしまいます。 そこで本稿では、このSSLに関係するエラーについて、その主な原因と解決法をご紹介します。 SSLエラーが発生する原因は？ WebサイトやCDN(コンテンツ・デリバリー・ネットワーク)でSSLサポートを有効にする際、正しく設定しないと問題が発生してしまうことがあります。同様の問題は、SSLのセットアップ時にも起こることがあります。 エラーの原因には以下のようなものがありますが、これらが証明書を適切にインストールすることを妨げていても、必ずしもブラウザ上でSSLセキュリティ証明書の警告が出るわけではありません。 1.コンテ
［CSS］簡単でオシャレなアコーディオンメニュー8選！
カンタンなJavaScriptで縦型HTMLとCSSアコーディオンメニューを作る方法を集めました。 おしゃれなピュアCSSドロップダウンメニュー▲ ピュアCSSのドロップダウンメニュー。JavaScriptを使わないユーザは知っておくべきインターフェース。 Jamie Coulter作 2016年4月12日 シンプルイズベストなアコーディオンメニュー▲ HTML、CSS、JavaScriptのアコーディオンメニュー。 Julia Rietveld作 2016年6月8日 jQuery不使用アコーディオンドロップダウンメニュー▲ HTMLとCSSのアコーディオンメニューです。プラグインなしです。 Agustin Ortiz作 2014年11月18日 サイドアコーディオンメニュー▲ HTML、CSS、jQueryのサイドバーアコーディオンメニュー。 Benjamin作 2014年4月18日 縦型
【決定版】デキるWebデザイナーのための「CSSフレームワーク」ベスト10
フレームワークの活用はWebデザインの現場において「当たり前」のものとなってきましたね。制作にかけられる時間・労力は決して無限ではありません。限られた資源（リソース）を効果的に分配するのもプロとして欠かせない姿勢です。今後もこうしたCSSのフレームワークを活用した流れは続くのではないでしょうか。 そこで本稿では制作の現場で使えるWebデザイナーのための「CSSフレームワーク」ベスト10をご紹介します！下記にご紹介するフレームワークをうまく活用して、ぜひ日々の業務の効率化にお役立てください。 そもそもフレームワークとは何か？ フレームワークとは、本来ファイルとフォルダを含むパッケージのことです。CSSフレームワークの場合だと標準化されたHTML、CSS、JSコードを含んだ機能群のことを指します。こうしたフレームワークを使うことで、一からフロントエンド開発を行うよりも飛躍的にWeb制作の生産性
2017年に「これは流行る！」な6つのWebデザインスタイルを予想
2016年を通じてWebデザイナーがシンプルさやミニマリズムの方向から離れるにつれ、数多くの新しいスタイルや流行を見てきました。私達はより視覚的に理解しやすく、インパクトのあるデザインの流行に戻り始めているように思います。FramerやOrigamiなどの新しい技術やソフトウェアがWebデザイン世界の可能性を広げ続けています。 ここで2017年の進化し続けることが確実な6つのWebデザインスタイルをご紹介したいと思います。 1. 繊細なマイクロインタラクション Buck.tv http://buck.tv/ マイクロインタラクション（細部の相互アクション性）は、プロトタイプおよび実行のためのツールとともに最近Webで人気を集め始めていて、この傾向は続きそうです。Buck.tv はマイクロインタラクションが効果的に実施されているいい例です。ホバーエフェクトが高度にスタイリッシュで、美しく、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
