Makuake｜物がハッキリ見える多機能レンズ採用サングラス、夜間も使用可能なファッショングラス｜Makuake（マクアケ）
アイウエアーにハイコントラストレンズという高機能レンズを組み込んだサングラス。 物がハッキリ見える機能、UVカット、ブルーライトカットの機能を併せ持つオールラウンダーなレンズ 人気なクラシックなデザインだから、なにげない日常使いからアクティブなシーンまで幅広く活躍！ この度、このアイウエアーにハイコントラストレンズという高機能レンズを組み込み、マクアケ限定先行販売を行います。 お出かけやアウトドア、日常使いまで様々なシーンで使いやすいサングラスを。 今回ご紹介する『professor』は物がハッキリ見える機能に加え、UVカット、ブルーライトカットの機能も併せ持ち、全てのシーンで目を守る、オールラウンダーなレンズとなっています。 釣りやドライブ、アウトドアシーンや普段使いでもご利用いただけるように 【くっきり見えるハイコントラストレンズ】 レンズに金属の液体を混合させることにより、明るい場所
WordCamp Kobe 2013 で紹介した『Advanced Custom Fields』のおさらい
知人に「もうちょっと『Advanced Custom Fields』のことを知りたいなぁ」と、ボソッと言われてしまいました。 WordCamp Kobe 2013 の『 sneak idea show – コンテンツやデザインを実現するための事例集』で使ったスライドは、管理画面での操作や functions.php の記述での管理画面の変化を実際のサイトを見ながら解説するという前提で作ったので、スライドを公開してもよくわからないと思う。 というわけで、『 sneak idea show – コンテンツやデザインを実現するための事例集』で解説した『 Advanced Custom Fields 』を使ったコンテンツを記事にしてみます。 まず、実例として紹介したサイトは『宝塚映画祭 | かつて日本最大級の撮影所があった映画の町、兵庫県宝塚の市民映画祭。』です。 このサイトのホーム（トップページ
Really Simple CSV Importer 日本語解説＆カスタマイズ例
WordPressのプラグイン、Really Simple CSV Importer のバージョン1.0をリリースしました。ということで、今さらですが、プラグイン説明欄の日本語訳を載せておきます。ネット上には、何やら怪しげな解説記事がちらほら出回っているようですので…。 バージョン1.0では、アクションフックを追加し、便利なヘルパークラスも新作しました。当初考えていた機能はこれで出そろいましたので、あとはメンテナンスやら多言語対応やらをのんびりやっていこうかと思います。次に作成するWordPressプラグインとしては、concrete5のインポートファイル形式へのエクスポートプラグインを予定しています。 なお、Really Simple CSV Importerには、torounitさん作のReally Simple CSV Importer Media Plusという派生プラグインが存在
【乗り換え】Flash Uploader → Media from FTP → Bulk Media Register《WordPressのプラグインの使い方》
FTPからアップロードした画像をメディアライブラリに登録するにあたり、結構昔にFlash Uploaderを使っていました。そのあと、Media from FTP → Bulk Media Registerと乗り換えています。任意のフォルダからアイキャッチ画像に利用する用途です。
WordPress：ログイン画面をオリジナルにカスタマイズする方法 - NxWorld
WordPressのログイン画面のカスタマイズは過去にもロゴを変更する方法など書いたことがありますが、いろいろ試していたらまた幾つか覚えておきたいことが出てきたりしたので、既出しているものも含めてWordPressのログイン画面をオリジナルにカスタマイズする方法をまとめました。 October 01, 2020 追記 ここで紹介している内容は、WordPress Ver 3.9.0で試したものになります。 内容によっては現バージョンでは非推奨のタグが使用されていたり、フック名が変更されている可能性がありますのでご注意ください。 デフォルトのログイン画面 イメージはWordPressのデフォルトのログイン画面をキャプチャしたもので、これをfunctions.phpを使ってオリジナルのログイン画面にしていきます。 カスタマイズ後のログイン画面 イメージは簡単にですが実際にここでまとめているカス
| サイドメニューが下まで行ったらそこで固定するJS（jQuery）神戸ホームページ制作センター
こんな要件 ページによってサイドバーの長さが異なっても大丈夫。 メインのコンテンツより、サイドバーが短い場合に、サイドバーが最後まで行ったらそこで固定される。 加えて、ウィンドウよりもサイドバーが短い場合は、下じゃなくて上に固定される。 設置方法 ソースをダウンロードして、ゴニョゴニョしてください・・・ こんなのが必要なのは恐らく玄人さんだと思うので・・・ 詳細は解説コメントを入れた「side-fixed-comment.js」をご確認ください。 ソースダウンロード ※2014.02.03 jsファイル一部修正しました。 一応ソースコード html <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="side-fixed.js"></script>
webdesign-dackel.com - このウェブサイトは販売用です！ - webdesign dackel リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
プラグインいらず！カスタム投稿タイプごとの絞り込み検索機能実装 | オジマネ
オジー WordPress歴8年 副業でデザイン/開発を受託→法人化 WordPressで会社HPをオリジナルテーマで作成 主軸はデザイン、たまにフロントエンドのコードも書きます 事業会社/受託会社 両方経験あり 題名の通りカスタム投稿タイプを絞って検索したりしたいなーってときのための方法を今回はご紹介します。作業量的にはそんなに多くないですし、コードの内容も複雑ではないのである程度コードをかじったことがる初心者の方なら普通に実装できると思います。 カスタム投稿タイプ「test」というものだけを検索したい設定で説明していきます。 検索フォームの設置 <form method="get" id="testSearch" action="<?php echo home_url('/'); ?>"> <input type="text" name="s" id="testSearchInput"
jQueryプラグイン - Tableカラム（列）にソート機能を追加 - Tablesorter - webkaru.net
Tableのカラム（列）に簡単にソート機能を追加できるjQueryプラグイン「Tablesorter」の紹介です。 「Webサイトに公開しているテーブルにExcelのようなソート機能がほしいな……でも、そんな便利な機能ってあるのかなぁ～」あるんですっ！jQueryプラグイン「Tablesorter」を使えば、簡単にソート機能が追加できるんですっ！ jQueryプラグイン「Tablesorter」jQueryプラグイン「Tablesorter」を利用して、数字・アルファベット・ひらがな・カタカナ・漢字をソートするソースとデモを作成しました。漢字を読み順にソートすることができないので、漢字をソートさせたい場合はソート用のカラム（列）を作成する必要がありそうですね。デモで確認してみてください。 「Tablesorter」のデモ ソース（HTML + jQuery）<!DOCTYPE html>
印刷画面不要！指定範囲のみ印刷できるjQueryプラグイン「jPrintArea.js」 | スタッフブログ | 株式会社クーネルワーク
どーも。谷です。 最近いくつかのWEBサイト制作案件で、印刷画面のご要望を頂きました。印刷のためだけにページのテンプレートを用意するのも手間なので、簡単に指定範囲のみ印刷できるという噂のjQueryプラグイン「jPrintArea.js」を使ってみました。 何年も前からよく使われているもののようですが、本家サイトからは既に削除されているので、使ってみたい方はこちらのコードをコピーして、「jQuery.jPrintArea.js」と名前をつけて保存してください。 jQuery(document).ready(function($){ $.jPrintArea=function(el){ var iframe=document.createElement('IFRAME'); var doc=null; $(iframe).attr('style','position:absolute;wid
CSSセレクタ20個のおさらい
CSSセレクタって意外と分かっていなかったりするので勉強ついでにまとめてみました。比較的実用的かなと思うものを20個紹介していきます。いい復習になればと思います。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの１つです。 属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。 私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。 また、IEが対応しきれていないCSS3のセレクタもありますが、IE6～8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」 で紹介したようにCSS3セレクタはie対策も容易なのでぜひお試しください。 SelectivizrはCSSを外部ファイルで指定した方がいいのですが、今回のサンプルはCSSを外部ファイル
WordPressのカスタムフィールドだけで作ったページを分割する方法 – Code De.co
直近の案件でコンテンツの入力は、投稿画面のエディターを使わずにカスタムフィールドだけで行い、なおかつ、コンテンツの内容が複数の情報を扱うため、それぞれの情報をページごとに分割して表示したい、というものがありました。 入力はカスタムフィールドで行うことに問題はないが、どのようにしてページ分割を実現するかが問題でした。 WordPress で投稿を複数のページに分割する方法として、<!–nextpage–> を使う方法があります。 投稿画面のHTMLエディター内で <!–nextpage–> を記入すると、その前後でページが分割されるという WordPress の機能です。 <!–nextpage–>の詳細については、WordPressでnextpageタグをつかってページ分割する方法とその使いかた | nekonomemo.netで丁寧に解説されているので、参考にしてください。 しかし！ <
もう使ってる？ たった3行で美しいSVGアニメが作れる「Vivus」がスゴい
まるで「見えないペン」で描いているような手描き風のSVGアニメーション。CSSとJavaScriptの知識があれば実装できる、定番アニメーション表現ですが、Vivusならもっと手軽に実装できちゃいます。 90年代初期のBLINKタグから、最新のCSS3トランジションやアニメーションに至るまで、Webページやアプリケーションの要素を移動する機能は、いつも魅力的な目標であり続けています。 今日では、SVGなどのテクノロジーを使えば、「見えないペン」と呼ぶエフェクトを比較的容易に実現できます。閲覧者は、まるで見えないペンで描かれたかのように、1ラインずつ表示される絵を目にします。 そのアイデアは新しいものではありません。よく知られているように、1953年の「Duck Amuck（カモにされたカモ）」にまでさかのぼると、のちにバッグス・バニーだと判明した見えざる手は、周りの世界を何度も消しては描き
iconmonstr - Free simple icons for your next project
To use this icon, you must first accept the license agreement.
さくらレンタルサーバでmod_deflateを使用して表示速度を計測してみた | たむらんち
このブログはさくらインターネットのレンタルサーバを使用しています。 mod_deflateが対応されたとのことなので、このモジュールを使用して表示速度の改善ができたらよいなと試してみました。 ところでmod_deflateって？ mod_deflateはコンテンツを圧縮して、転送量を減らすことで高速表示を可能にするモジュールです。転送量が減る反面、CPUの処理は増えるため、ボトルネックがCPUの処理能力の場合は逆にレスポンスが低下します。 そのため導入後のリソースの監視と速度測定が必要になります。ただ、最近の高速なCPUであればどちらかと言えば回線がボトルネックになるため、多くの場合はmod_deflateの導入によって高速化されます。 出典:Apacheのmod_deflateでコンテンツを圧縮してサイトを高速化する方法 | OXY NOTES 上記の通りです。Apacheのモジュールで
サイトでおしゃれに動画再生！オリジナルUIの全画面動画を実装！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、制作部デザイナーのぺちこです。 近頃動画を使ったサイト制作に関わらせていただく機会に恵まれておりますが、 お恥ずかしながらvideo実装をしたことがなかったので、 ひたすら勉強三昧でした。 背景に動画を使ったサイトも、今ではだいぶん主流になってきた印象ですが、 動画を1つのコンテンツとして、長めにしっかりと載せているサイトも増えてきましたね！ 動画を大事なコンテンツの一部とすると、 YouTubeやVimeoで簡易的に載せるだけではどうしても物足りず…。 せっかくなので<video>タグを使用してオリジナルのコントローラーやシークバーを作ってしまおう！というのが今回の記事の内容です。 では早速行きましょう！ オリジナルUIの全画面動画を<video>で実装する方法 JSを使用すればvideoをがっつりコントロールできるのですが、 これがまた調べてもスクリプトが出てくるばかりで、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザイン枠専門サイトFRAME Design – 1000以上の飾り枠のある素材サイト
http://www.yakangler.com/
【国産の信頼とクオリティ】日本語対応ワードプレステーマを販売している会社（ブランド）まとめ | WordPressテーマ探しんぼ
【ファーストエレメント】 ホームページ制作,DVD・CD-ROM制作,音楽制作