こんにちは。デザイナーのはるえです。 もうほとんどの案件でPC＋スマホ制作がセットになってきましたね。 LIGに入社したての1年前まではスマホの制作経験を聞かれてうつむき気味だった私も、おかげさまで今じゃスマホサイトを喜んで作るようになりました。 ありがとうございます！！ そこで今回は、スマホサイトで使われやすいドロワーメニューやスワイプ実装の際に必要となるプラグインをご紹介させていただきます。 【こちらもおすすめ】 ☞ 高機能なJavaScriptの人気スライダープラグイン4つを実際に使ってレビューしてみた Facebookでもおなじみのドロワーメニュー3選 今じゃ基本中の基本となっているドロワーメニュー。 Facebookなどで使われている、横からぬるっと出てぬるっと引っ込むあれです。動きが気持ちよくて、実装も簡単にできるものを中心にまとめてみました。 jQuery slimMenu
Mac初心者でもすぐに使える小技やメンテナンス、セキュリティやトラブルシューティングに関するTipsをまとめてみました！使えるものがあれば是非お試しください！ 追記 1.ファイルの保存先をデスクトップに指定する方法ファイルの保存場所をショートカットを使って一発でデスクトップに指定する小技です。デスクトップにファイルを保存するユーザーであればMacの作業効率が倍増するはず！ 2.Quick Look（クイックルック）で複数ファイルを同時に見る方法Quick Look（クイックルック）を使えば、ファイルを開かずに中身をひと目でチェックできますが、複数ファイルをまとめてチェックすることもできるんです。 Apple ID のパスワードを忘れた時の対処法 「Apple ID」のパスワードを設定した後、パスワードを使うことなくデバイスを使っていると時々パスワードを忘れてしまうことがあります。「Appl
カスタム投稿タイプのアーカイブページにおいて、ページ送りがうまくいかずハマってしまった時の対処法です。 カスタム投稿タイプとは？ 通常投稿とは別に、「最新情報」や「ギャラリー」などといった特定のカテゴリー毎に投稿ができる便利な機能です。 カスタム投稿タイプとは、WordPressにデフォルトである「投稿」という機能とは別の「投稿」機能を加える、というもの。 普通は「カテゴリ」で記事を分けていましたが、「投稿」という機能を丸ごと分けることで、本来ブログエンジンであるWordPressを、よりCMSに近い状態にすることが出来ます。 引用元：WordPressのカスタム投稿（ポスト）タイプを作成するまでの手順リスト アーカイブページとページネーション（ページ送り）の不具合 当サイトではページネーションにWP-PageNaviというプラグインを使用しています。 カスタム投稿のアーカイブページにこ
A visual way to understand CSS specificity. Change the selectors or paste in your own. Specificity Calculator was built by Keegan Street. The specificity calculator JavaScript module is available on GitHub or via npm install specificity. Specificity Calculator is built for CSS Selectors Level 4. Care has been taken to ensure results are accurate. If you find a defect, please report it.
背景画像をブラウザいっぱいに表示するスタイルシートのシンプルなテクニックを紹介します。 デスクトップだけでなく、スマフォやタブレットにも対応、しかもたった一行なのでスニペットに加えておくと便利です。 デモを幅480pxで表示 コンセプト 「background-size」をビューポート全体をカバーするために使う 「background-size」はレスポンシブ対応にする時に非常に有効なプロパティです。値に「cover」を使うことで、背景画像を相対的に自動で調整します。 ※IE8以下はサポートしていませんが、後述のスクリプトを使用するとbackground-sizeが機能するようになります。 「Media Queries」をスマフォ対策として使う スマフォなどの小さいサイズのスクリーン用にMedia Queriesを使って、小さいサイズの画像ファイルを使うことができます。もっともこれはオプシ
2011年の9月に「CSSとSVG filterでガラスっぽい効果をつける」というのを書きましたが、これはFirefoxのみを対象としたものでした。 そこで今回はできるだけ多くのブラウザに対応したものを作ってみます。 完成品Frosted glass effect with CSS & SVG 背景画像にはWetFoto.comによる#246 Wetlook with Beautiful Brunette in Leggings and Jacket. Girl in black jacket, white wetlook leggings and skirt in boots, get wet fully clothed in the sea.を使用しています（リンク先はFlickrです）。 この画像はCC BY-NC-SA 2.0でライセンスされています。 背景画像にはBeryl Ch
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
