『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
![ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP](https://cdn-ak-scissors.b.st-hatena.com/image/square/83cfc42225143e75615f1cb657ff09c1acd9841c/height=288;version=1;width=512/http%3A%2F%2Fphotoshopvip.net%2Fwp-content%2Fuploads%2F2015%2F04%2Fdraw-like-disney-top1.jpg)
WordPress は基本的にトップページでも下層ページ(投稿・固定ページ・アーカイブ)でも同じ CSS を読み込んでいます。 場合によっては、特定の CSS をそのページでのみ読み込みたいケースもあるんじゃないでしょうか。たとえば「CSS を使った見出しのデザインサンプル」といった記事を書くときや、オリジナルテーマを制作して納品するときですね。 すべて style.css やカスタマイザーの「追加 CSS」に書くと管理が面倒ですし、他の記事でまったく使わない CSS が大量にあると表示スピードにもわずかながら影響します。 そこで、そのページにだけ個別のスタイルを適用する方法をご紹介していきます。 個別の CSS を設定する方法 01. <head> 内で条件分岐する 投稿編集画面での CSS 編集を必要としないなら、特定のページに適用する CSS ファイルを FTP でアップロードしてお
こんにちは。エンジニアのまろです。 テストサーバーにアップするのって面倒ですよね。FTP環境だったり、Gitでの環境だったり。どちらもコマンドでアップするんですけどなんか。。。 あと外部サービス連携も面倒ですよね。開発中と本番のURLが違うのはもちろん、localhost:8080なんて外部からアクセスできないし、それの設定なんてこれまた面倒。そんなときにngrok使いましょう。というお話です。 ngrokとは https://ngrok.com/ localhostで動いているサーバーを外部(LAN外)からアクセスできるように、リレーしてくれるツールです。 例えば「http://localhost:8888」が「http://c3f4avrc.ngrok.com」になって公開される感じです。 簡単すぎて、今回はボリューム少な目です。 ※無料ですが、ngrokを継続して使っていくために任意
ヘッダ、フッタ、ナビゲーション、見出しなど、Webページでよく使う各コンポーネントやエレメントごとに国内・海外の素晴らしいデザインを集めているギャラリーサイトを紹介します。 眺めているだけで、さまざまなインスピレーションをもらうことができます! ヘッダのデザイン フッタのデザイン ナビゲーションのデザイン 見出しのデザイン いろいろなパーツのデザイン ヘッダのデザイン
作者はNobuoさん。Principleというテーマも作成されている方ですね。 とにかくかっこいいので、紹介したいと思います。無料で高機能でSEOにも強いWordPressテーマを探されている方必見ですまじで。初心者でもCSSをいじらずともとても綺麗になるレスポンシブデザインのテーマです。 シンプルでかっこいいレスポンシブデザイン 出典:マテリアル ブログのホームページとなるビューはこんな感じ。シンプルなカード型、タイル型のデザインで、「こんなトップページにしたい!」なんて人も多いのではないかと。 出典:マテリアル さらにスクロールすると、カテゴリごとの記事が出てきます。これは嬉しい機能ですね。普通は最新記事一覧しかホームって設置されていなかったりするんですが、記事が多くなってくると、埋もれてしまうんですよね。これがあれば読者は自分の行きたいカテゴリに行きやすいですね。 さらにサイトバーに
waitMe CSSで14種のローディングアニメーションが実現できる「waitMe」。 次のようにフォーム送信時等にアニメーションを14種の中から選んで実装可能 呼び出しコードは以下のようにカスタマイズ性があるけど簡単。サイズや色など、テキストが自由にかえられて、どんなサイトでも使えそう 関連エントリ 背景色をなめらかに変更できるjQueryプラグイン「Spectrum」 1つのテキストに複数のハイパーリンクを付与できるjQueryプラグイン「μllinx」 高機能&高速なテーブル実装jQueryプラグイン「WATable」 タイル上にエレメントを並べられるjQueryプラグイン「jMosaic」 ファイルアップ用のDropゾーンを簡単に作れるjQueryプラグイン「Dropper」 楽譜をWEB上で打ち込めるUI実装jQueryプラグイン「jsNoteEditor」
Webサイトの企画を行う際にワイヤフレームを作成することが多いです。そこで部品を配置したり、移動したりしながら色々と考察します。そのために使うワイヤフレーム作成ツールも多数あります。個人的によく使っているのはBalsamiq Mockupsです。手書き風でラフな感じは細かい所にこだわらず、どんどん創作意欲をかき立ててくれます。 Balsamiq Mockupsの欠点として、最近よくあるようなSPAの縦長なページが作りづらいというのがありました。そこで使ってみたいのがShireframeです。 Shireframeの使い方 ShireframeはHTMLベースでワイヤフレームを作成するソフトウェアです。使い方は簡単で、 <script src="http://rawgit.com/tsx/shireframe/master/shireframe-r.js"></script> を読み込みつつ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く