Windows専用の無料FTPソフト「WinSCP」の使い方|多様な暗号化通信も可能。 2024.09.11
2016/09/05 (更新日: 2019/10/06) WordPressのおすすめプラグインは8つだけ。断言します PROGRAMMING WordPress [WordPress プラグイン おすすめ]でぐぐったところ… エグい…/(^o^)\ なぜエグいのか? プラグイン50個もいれたらメンテナンス不可能になります。メンテナンス(定期アップデート)しないとセキュリティホールが生まれやすいので、ハッキングされる可能性が高まります。 最近のハッキング事例としては、WordPressの「All in One SEO Pack」に深刻な脆弱性だったり、キャッシュプラグイン「WP Super Cache」に複数の脆弱性などがあります。 All in One SEO PackとWP Super Cacheは超有名プラグインなので、逆に狙われやすいのかなと。ニュースにも出ないようなマイナープラグ
設定項目 AddToAny Share Buttonsを有効化したら、設定から表示方法を選択します。 設定のタブメニューには「standard」と「floating」があり、「standard」では、表示させたいSNSを一覧から選択して追加します。注目してほしいのは、LINEが選べることです。日本では、FacebookやTwitterと同等の波及効果を持つLINEがあるのは、嬉しい機能です。ここで設定したシェアボタンは「floating」にも反映します。 アイコンサイズのsmallは小さすぎて目立たないので、LargeかCustomで任意のサイズにすると良いと思います。 あとは、表示させるページと表示位置を選択します。「記事の最初」か「記事の最後」または、両方にシェアボタンを表示させるか選択して下さい。 「floating」では、シェアボタンを固定表示させる場合、有効化します。 「Vear
プラグインとは、WordPressを自分好みにアレンジしたい場合に非常に便利なツールである。 サイトの表示速度を高速化したり、安全に利用できるように対策したり、サイトの見栄えを整えたりする上で、適切なプラグインをインストールすることは必須項目といっても過言ではない。 ただしプラグインは何千種類もあり、どれを使うべきか悩む方がほとんどだろう。「あれもこれも」と手を出し、結果的に何十個もインストールしてしまった方も多いのではないか。 しかし、誰にとっても必要といえる優秀なプラグインはそれほど多くはない。この記事では、バズ部が本当におすすめするプラグインに絞って、簡単な使い方や設定方法も含めて紹介していく。
Google Fonts は、デザイナー ウェブフォントを直感的にご利用いただける、安定したオープンソース ディレクトリです。 膨大な数の文字のデザインに要する時間や、大容量のフォント ファイルをウェブフォントとして提供する際に必要な技術的インフラストラクチャなど、日本語の書体デザインやフォント開発にはさまざまな課題が立ちふさがります。そこで、規格や技術の開発を進めると同時に、Google Fonts を通じてデザイナーやデベロッパーの皆様に日本語のウェブフォントをお試しいただけるようにしました。 Google Fonts provides an intuitive and robust directory of open source designer web fonts. Japanese typeface design and font development presents ma
2014年9月9日 CSS, Webデザイン 以前このブログで背景に動画を使ったWebサイトの作り方を紹介しましたが、やはり動画を準備するのは少しハードルが高いと感じる人もいますよね。そこで今回は導入しやすく印象に残りやすい、大きな背景画像を用いたWebサイトの作り方を紹介します! ↑私が10年以上利用している会計ソフト! 背景に大きな画像を使うメリット・デメリット 大きな背景画像のメリットは、なんといってもその迫力です。言葉を使わずとも、そのWebサイトを通じて伝えたいイメージをストレートに表現できます。その写真が高画質で、クオリティが高いほど印象にも残りやすいので、近年海外を中心に多くのサイトで用いられている手法です。 しかし、いくつかの注意点をおさえておかないと、どんなに素敵な写真であっても効果が半減してしまいます。ひとつは画像が大きければ大きいほど、ページの読み込みに時間がかかって
2016年も半ばを迎えようとしていますが、いまだに多くのWebサイトで©表記を見かけますね。 まだコピーライトで消耗してんの?って感じです。 後述のように、コピーライト表記は2016年現在「そもそも不要」なんですが、一応「正しい書き方」というのも存在するので、興味のある方は流し見でどうぞ。 1. そもそもコピーライト表記なんていらない? 2016年現在、日本を含めほぼすべての国が「ベルヌ条約」という条約に加盟しています。 その条約によれば、著作物を創作した時点で著作権は発生するので、もはや昔のようにWebサイト上でわざわざ著作権表記(©)をせずともいいわけです。 それでもいまだに©表記を見るのは、古い時代の慣習(昔は©を書かなきゃいけなかった)がそのまま残ってしまってるか、もしくは無用なトラブルを避けるために「不安だからとりあえず書いてる」といったところでしょうか。 たしかに、すべての国が
Copyright © 2008 ○○○○ All Rights Reserved. Copyright (C) 2008 ○○○○ All Rights Reserved. まず上の2つを比べていただくと、コピーーライト(Copyright)のすぐ後の部分、つまりコピーライトマークの部分の違いに気付かれると思います。 さて、この二つの表記方法では、どちらが正しいのでしょうか? 続きを読む
webサイトの1番下にある『著作権表示』色々な表記を見かけるけどどれが正しいのー?って思ったことありませんか? Copyright(コピーライト:著作権表示)の 正しい書き方を知っていますか? webサイトでいう『Copyright(コピーライト/著作権表示)』は、サイトの1番下にある Copyright © 2015 sometimes study All Rights Reserved. (c) 2010-2015 sometimes study All Rights Reserved. こんな感じの表記のことです。 このページの所有者は私ですよ!という『著作権の所有を示すおまじない』みたいなものですね。ひとつずつ、一緒に書き方をおさらいしていきましょう! 『著作権(ちょさくけん)』って何? まず、著作権とは?ってところからですね。 著書などの 制作物に対して 発生する権利 知的財産権
こんにちは。 今更ながら、朝スムージー始めました。mackyです。どうせすりつぶされて少なくなるんだろうと思い、目分量でいろいろ突っ込んでみた結果、 5人前くらいできてしまいました。…野菜ってすごい。 さて今日は、気分転換もかねてcssだけでつくったアイコンがいろいろ紹介されているサイトを集めてみました。 One div - The single element HTML/CSS icon database One div - The single element HTML/CSS icon database アイコンの数はそこまで多くないですが、必要最低限の情報がシンプルに整理されているUIで使いやすいなと思います。 使いたいアイコンのソースコードをzipファイルでダウンロードできるのもうれしいです。 また、表示可能なブラウザをマウスオーバーで表示してくれるのも特徴。 CSS3 Mono
一言まとめ LightBoxは時代にそぐわなくなってきた。その最有力候補として浮かび上がってきた PhotoSwipe だが、導入する作業が煩雑なため、jQueryプラグインにした。 JavaScriptのギャラリーライブラリといえば「LightBox」です。むしろ「LightBox」が一種の代名詞にもなったくらい一世を風靡したのです。 しかし、時は2016年。もっとモダンな「Lightbox」はないのか… と、誰もが願うものです。 そして、そんな願いを完璧に応えてくれるライブラリが現れた… それが「PhotoSwipe」です。百聞は一見にしかず、まずはPhotoSwipeの公式サイトのデモをご覧下さい。 圧倒的な人気度 GitHubで言語をJavaScriptに絞って、「gallery」で検索した後、さらにソート順を「Most stars」にした結果。 「PhotoSwipe」のスター数
jQueryなどのJavaScriptライブラリでは定番のLightBoxやThickBoxといった、ポップアップ型モーダルウィンドウプラグインが様々あります。 ギャラリー要素などコンテンツの見せ方としてモーダルウィンドウは定着しつつありますが、そんなモーダルウィンドウをJavaScriptなどのSCRIPTを使用せずに、CSS(CSS3)のみで実装するサンプルを実験的に作ってみたので紹介してみます。 まずは動作サンプルから。 ※動作環境は基本的にはWebkitブラウザのSafariやChromeのみですが、今回はWebkit以外のブラウザFirefoxなどでもアニメーション以外の動作は実行されます。 CSS3 MODAL WINDOW【SAMPLE01】 ≫サンプル【01】画面はこちらから。(別枠で開きます。) リンクをクリック後に表示される、 ————————————————– ≫モー
縦長のサイトなどで、1つのセクションが画面の大きさと同じになっていることがよくあります。横幅はwidth: 100%;でいいわけですが、高さを画面サイズに合わすにはちょっと工夫が必要です。今回、画面サイズに合わせて高さを指定する方法を3つ紹介します。 画像は背景で指定していて、最初と最後は固定しています。固定している部分は難しいことをしているように見えますが、CSSだけで簡単にできます。 section { background: url(image.jpg) no-repeat fixed; background-size: cover; } では、高さの指定方法を100%を例に3つ紹介します。 jQueryを使う まずは、jQueryを使う方法です。個人的には1番なじみがあります。 $(document).ready(function () { hsize = $(window).he
CSS ICONとは CSS ICONは、CSSのみで描画されたアイコンを表示させることができるコードが集められたアイコン集です。 この記事を書いた2016年11月時点では500以上のアイコンを利用することができます。 CSSのみで描かれたものということなので、思いっきり簡素なものと思いきや、かなり実用的なアイコンがそろっています。 CSS ICONの使い方 アイコンを利用するには、まずCSS ICON利用したいアイコンを選択します。 すると、画面右側に「アイコンを利用するためのコード」が表示されます。 CSSをコピペ これを利用するには、まずCSSをコピーします。 すると、以下のようなコードがクリップボードに貼り付けられるので、CSSファイルなどに貼り付けます。 .heart.icon { color: #000; position: absolute; margin-top: 6px;
いずれもli要素と組み合わせて使えそうなリストアイコンのサンプルで、画像は使用せずに全てCSSのみで実装してみたものです。 最近ならwebフォントやSVGで使い勝手良いものが実装できたり、あとは使用できるブラウザは限られてきたりしますが、問題ないブラウザであればサイズやカラー変更といったこともCSSのみで簡単に変更できます。 はじめに 最後のサンプルのみol要素使ってますが、その他に関しては全てHTMLは下記のように単純なul, li要素を使ってます。 <ul> <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</li> <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</li> <li>Lorem ipsum dolor sit amet,
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く