『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
![ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP](https://cdn-ak-scissors.b.st-hatena.com/image/square/2e28db9c36546d90148e130ebf93e92d68ba329d/height=288;version=1;width=512/http%3A%2F%2Fphotoshopvip.net%2Fwp-content%2Fuploads%2F2013%2F03%2F3newtrend2013_top.jpg)
PC 版の Google Chrome や Safari で見たときにユーザビリティーが落ちるから。 以上。 で終わってしまうと記事にならないので、ちゃんと説明しておく。 そもそも -webkit-text-size-adjust とは何か iPhone や Android のブラウザーは、縦向き (Portrate mode) と横向き (Landscape mode) の文字サイズを自動調整する機能がある。 これを制御するのが CSS の -webkit-text-size-adjust である。 文字サイズ自動調整の具体例 次のような HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-
先日擬似要素のまとめを書きましたが、用途の説明に留まり不完全燃焼だったので…今回それを使った表現のコツなんかを突き詰めてみました。サンプルコード付きですー!★ 擬似要素で出来ることを考えていて、先日[CSS]擬似要素の実用的な使用用途のまとめ – WEBCRE8.jpというまとめを書きましたが、やっぱり自分で作ったりしたかったですw 今回は実際に擬似要素などを使ってCSSのみでどんな表現が出来るのか、どこが難しいのか、どんなことなら出来るのかを掘り下げてみました。その過程で出来たサンプルも公開しますー。 まずは枠線の作り方。通常枠線はCSSのborderプロパティを使い、値にdoubleを設定する事で二重線が出来ます。ここではそれにバリエーションをつける方法を解説します。 デモ:box-shadowによる実線のボーダー box-shadowで実線を作れる borderで枠線をつけるところ、
1個のDIVタグでどこまで描けるか試してみました。 box-shadow, :before, :afterを駆使してリラックマを描いてみましたが、box-shadowの影の拡がりの解釈がブラウザによって結構違うようで、まともに描けたのはFirefoxだけでした・・・。 Firefox3.6以上で見てみて下さい。4より3.6の方がより良い感じがします。 html, body, div { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; } body { padding-top: 300px; } div { margin: 0 auto; -moz-border-radius: 50% 50% 30% 30%; -webkit-border-radius: 50%
UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerator today. CSS is capable of making all sorts of shapes. Squares and rectangles are easy, as they are the natural shapes of the web. Add a width and height and you have the exact size rectangle you need. Add border-radius and you can round that shape, and enough of it you can turn thos
1月が終わってしまいましたね~!春が待ち遠しい、seki です。 今回は、今まで画像として書き出して使っていたピクトグラムなどのパス画像を、フォント形式で吐き出してくれるサービス「icoMoon」のご紹介です。一度自分で作ってみたくてウズウズしてました。詳細は以下より。 作り方について 参考サイト→http://webamb.com/web_service/773.html はい!こちらの記事にとても分りやすく紹介されています! とりあえずその通りにやってみましょうか。 1. Fireworksでまずは元となるアイコンを作る パスツールを使ってサクサク。よくメニュー周りなどで使えそうなものを作ってみました。 無心で作りすぎたせいであまり統一性がありませんが、参考までに。 塗りは黒ベタで。もし描くのが難しいという方は、フリー配布されているアイコンから持ってきても良いかと。 もちろんイラレで作
1500以上の会社、お店が利用中の月額無料HP制作サービス 「HPの制作を安心して任せられる業者が見つからない><」 そんなふうに頭を悩ますアナタ。 以下の「ウェブさえパック」はもうチェック済みですか? HPを作るのに必要なものがパッケージになってるお得なサービスです。 料金と事例を見てみる ホームページの作成を依頼するとき役立つチェックリストはいかがですか? 現在、無料で配布しているチェックリストへ目を通せば、以下の2点がわかるでしょう。 web制作会社へ依頼する前に準備しておくべきこと 効果的なホームページを作成するためのポイント 「ホームページの作成をweb制作会社へ依頼したい。 でも、何をどこから始めればいいの?」 そんな悩みを抱えるあなた。 以下のチェックリストをひとつずつチェックしていってみてください。 ホームページを依頼する前の準備が整うはずです。
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
WebOS Goodies へようこそ! WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 遅ればせながら、新年明けましておめでとうございます。今年もよろしくお願いいたします。 2008 年に移行してからずっと XREA で動いていたこのブログですが、さすがにこのご時世にレンタルサーバーはないだろということで、年末年始の休みを利用して Amazon S3 に移行してみました。 DNS は以前から Route 53 に移行済みなので、サイトのほぼ全体で 9
デジタル機器の利用動向で知られるコムスコアの調査によると、2011年12月時点の日本における携帯電話に占めるスマートフォンの割合は16.6%でしたが、2012年6月には23.5%になり、半年で約7ポイントも増加しました。「まだ4人に1人の割合じゃないか」と思う方もおられるでしょう。 しかし、有名な「キャズム理論」によれば、普及率がイノベーターとアーリーアダプターを合わせて16%を超えると、一般大衆が技術を受け入れます。2012年12月時点の普及率はまだわかりませんが、すでに半分を超えていてもおかしくありません。スマートフォン未対応の企業サイトは、「時代遅れ」といっても過言ではないのです。 日本のスマートフォンサイトの問題点 すでにスマートフォン対応を済ませた日本の企業サイトは「マーケットに素早く対応して流石だ!是非、お手本として見習おう」といえるでしょうか? 先行してスマートフォンに対応し
大勢の人々がオンラインビジネスを運営することによって成功を収めている。この圧倒的な勢いで成長するオンラインコマースを、ウェブサイトで活用することが出来る。 ウェブサイトをショッピングサイトに変えるのは意外と簡単である。そのプロセスの一つに挙げられるが、eコマースショッピング用のプラグインのインストールだ。サイトを構築するプラットフォームの選択については特に心配する必要はない。多くのプラグインが様々なプラットフォームに向けて開発されているためだ。事実、このタイプのプラグインをインストールするだけで、ワードプレスのブログをショッピングサイトに変えることが出来る。買い物機能をブログにもたらすワードプレスプラグインが多数開発されている。そのうちの幾つかを紹介していく: Quick Shop このeコマースプラグインは、サイドバーウィジェットを利用するワードプレスのサイトに対応している。このプラグイ
WordPressのユーザーコミュニティである『WordBench』(2018年9月23日をもって終了 WordPress Meetup に移行しています)にて「ループ」をテーマにした約4時間のハンズオンセミナーを行いました。 4時間、ループのことしかやらない勉強会はWordBenchでも異色だと思うのですが、参加された方の感想はおおむね好評だったようです。公式ドキュメントのCodex日本語版の「The Loop」の項が未翻訳というのも理由の一つかもしれません。 [2017.3.11追記 日本語訳されてました!] さて、WordPressカスタマイズのキモともいえるこのループ。私もかつて解説本から学んだとおり、 <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?> <!-- 記事があるときの表示内容をここに書
私は最近、Googleのウェブマスター 公式ヘルプフォーラムにて回答を行うことにこっている。 サイト運営者がGoogleのランク付けなどについて質問をする場だ。 回答する人は基本的には一般人だが、必要に応じてGoogleの社員の方が回答をすることもあったり、Googleの公式発表が行われることもある。 サイト運営者であれば、定期的に見ておくなりRSSリーダーに登録しておくとよいだろう。 さて、今回の記事はウェブマスター 公式ヘルプフォーラムに一番よくある質問に答えるものを書いてみることにする。 一番よくある質問とは何かというと。 「ペナルティを受けたようなのですが、どうすればいいのでしょうか?」 である。 サイト管理者にとって順位が下落するというのは死活問題だ。 だから、この質問が毎日のようになされるのはある意味当たり前だろう。 それに毎回答えるのも結構大変なので、これに答えられるフローを
WordPressは良いツールですよね。最近はブログツールだけではなくCMSの方向にも進んできていますし。時流に合っていると思います。 ……もちろん、Movable Typeは4年ほど前から企業サイト向けのCMSとしての進化を進めていますし、国内に約400社のパートナーさんがいるという体制も企業Web担当者さんには強い味方だと自負しています(笑)。 そう話すのは、ブログツール「Movable Type(ムーバブルタイプ)」を開発・提供するシックス・アパート株式会社の関信浩氏。 Movable Type(MT)はブログツールとして最も長い歴史をもつ製品の1つで、バージョン1.0が米サンフランシスコでリリースされたのが2001年10月8日。今年で11周年を迎えたMTは、すでにバージョン5.2となっており、日本が本拠地となったシックス・アパート株式会社は12月2日に設立9周年を迎えている。 Mo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く