PrognRoll | A tiny, lightweight jQuery plugin that creates scroll progress bar on the page スクロール要素にプログレスバーを付けられるjQueryプラグイン「PrognRoll」 ページ全体や、スクロール要素に乗った場合にページトップにプログレスバーを表示させるプラグインです。 進み具合が一発で分かって使いようによっては利便性を高められそう 関連エントリ コンテンツを全画面で上下左右にスクロールさせられる「viewScroller.js」 画面スクロールでフッターからメニューが表示される「footerMenu」 スクロールして画面内に入った際にエレメントをアニメーションさせつつ表示できる「scrollreveal.js」
水彩のスタイルをデザインやイラストに簡単に取り入れることができる、水彩デザインの素材セットを紹介します。 個人でも商用でも無料利用、永く使えるPhotoshop用のデザイン素材です。
開発者は各種サービスをコンピュータ上で立ち上げます。MySQLやPostgreSQL、Webアプリケーションサーバなどです。さらにバッチで時間のかかる処理を実行することも多々あります。すべてターミナル上で処理しても良いですが、毎度入力が面倒という人もいるでしょう。 そこで使ってみたいのがMarathonoです。長い時間を要する処理を管理できるツールです。 Marathonoの使い方 まずサービスを作成します。コマンドを決めます。指定したファイル(複数指定可能)が更新されたら再起動してくれる機能もあります。 アプリケーションはメニューバーに常駐します。 実行しました。実行中は緑のアイコンが表示されます。 設定画面です。ログをターミナルで表示することもできます。 複数のサービスを管理できます。 Marathonoは処理結果を受け取ることもできるので常時起動されるサービスだけでなく、バッチ処理で
デザイナーにとってベクター素材は、さまざまなデザインプロジェクトを進めるために必要不可欠な素材のひとつです。いつでも使えるベクターコレクションを持っていることで、デザインの制作時間を大幅に短縮してくれます。 今回はユーザーの要望に応えたアイテムを中心に、每日のデザイン作業に活用できるベクター素材コレクション The All-Purpose Vector Supply Kit をご紹介します。世界の人気デザイナーが多数参加し、クライアント向けの商用案件にも対応できる素材となっています。 The All-Purpose Vector Supply Kit は、実践で活用できる高品質なベクター素材のみを収録した、2週間限定のデザインコレクションです。ベクターブラシやフレーム枠、花がらデザイン、アイコン、バッジ、シェイプ、アイコン、シルエット、テクスチャ、ラベルやボーダー線、ロゴ作成キットなど応用
PCでも、スマートフォンでも、画面をスクロールさせた時の各パーツ等の*「動き・挙動」*というのは、ユーザーの興味を引きつける上で非常に重要な要素です。 最近では動画以外の要素にも動きをつけて表示するホームページが増えてきました。 今回は、ページ下部へとスクロールさせるごとにユニークな動きをする、簡単に設置できるjQueryのプラグインをご紹介します。デモページと併せ、「どんな動きをするか」という具体的な説明もご覧ください。 注目!スクロール時にユーザを引きつけるjQueryプラグイン12選 1. セクションが重なるようにレイヤー表示「StickyStack.js」 配布ページ|デモ 一つひとつのセクションをレイヤーに見立て、ページトップから積み重なるように表示するエフェクト効果を実装できます。垂直に配置した各パネルを上部に固定配置しながら、積み重なるようにスクロールすることができます。言葉
作品紹介のためにポートフォリオ(実績をアピールするサイト)を用意したいとは思っても、重要なポートフォリオサイトのデザインが決まらない!と悩んでしまう方も多いのではないでしょうか。 作品の評価はもちろん、ポートフォリオサイト自体も当然評価対象となりますので、素敵なデザインに仕上げたいものです。 もしポートフォリオサイトをもっとカッコよくしたいと思ったら、クオリティの高い既存のデザインを参考にするといいでしょう。今回は、ポートフォリオサイト作成の参考になるデザイン20選とポートフォリオサイトの作り方をご紹介します。 【Webデザイナー・Webディレクター】のポートフォリオサイト 1. Mana's Portfolio Website http://www.webcreatormana.com/ Web関連で有名なブログ『Webクリエイターボックス』の運営者、Mana氏のポートフォリオサイトです
あらゆるデザインプロジェクトに欠かせない素材のひとつ、テクスチャ素材。平凡な背景デザインを魅力的にしたり、重ねて利用するだけで見た目を良くしてくれるお手軽アイテムまで、現在ではさまざまな素材が公開されています。 今回は無料ダウンロードできるテクスチャ素材を厳選しご紹介します。トレンドの水彩ペイントやビンテージスタイル、マーブル柄の他、普段使いにオススメのウッドや紙、グランジテクスチャなど合計446枚の幅広いセレクションを揃えています。 デザインツールボックスに追加し、今後のクリエイティブなデザイン案件に活用してみてはいかがでしょう。 詳細は以下から。 雰囲気を手軽にアップできる、持っておきたい無料テクスチャ素材セットまとめ Freebie: High Res Marble Textures 背景デザインに最適なマーブル柄のテクスチャ素材セットで、落ち着いた色合いは幅広いクリエイティブな作品
ランディングページは、1ページという限られたスペースの中でユーザーのニーズを喚起し、アクションを起してもらう必要があります。 ただホームページを短くまとめただけ、という認識をもたれている方も多いと思いますが、決してそうではありません。少ない情報をどう取り入れるかが重要となるため、ただ何となく作っただけでは思うような成果は出ません。 そこで今回は、ランディングページを作成する際に必ず気をつけたい注意点をまとめてご紹介します。これから作りたいと思っている方はもちろん、成果が出ないと悩んでいる方も参考にしてみてください。 ▼成果の出るLPデザインのポイントをまとめた資料はこちら ランディングページについてのおさらい ランディングページ(landing page)とは、ユーザーが検索エンジンか広告などから最初にアクセスしたページのことを指します。「LP」とも呼ばれています。 一般的なWebページと
こんにちは。 お世話になります。 早速ですが、今回対応が必要なwebサイトは、 xerverを利用しており、独自SSLを導入しました。 すべてのページをhttpsにして、ブラウザのURL窓に、 SSLの鍵マークを表示させたいです。 現状としましては、一部のページ内のパスで、httpをhttpsもしくは、相対パスに変更できず困っています。 【要対応箇所】 TOPページやブログ記事一覧ページで、 <?php echo catch_that_image();?> を使用して、ブログ記事内で一番最初の画像を取得して表示させています。 ■参考記事 http://memocarilog.info/wordpress/theme-custom/3554 このコードが出力する画像パスは ■現在のパス <img src=”http://domain.jp/wordpress/img/sample.jpg”&
ドメイン変更を伴うWordPressサイトのサーバー移転の方法を紹介します。 ドメイン変更を伴わないレンタルサーバーのお引越しについては、以下のリンクを参考にしてください。 » WordPressサイトのサーバー移転方法 MySQLのエクスポート phpmyadminを利用して、移転前のMySQLデータベースをエクスポート(sqlファイルのダウンロード)します。 » MySQLデータベースのエクスポート データベースの作成 移転先にWordPressサイトのデータをインポートするためのMySQLデータベースを作成します。 » MySQLデータベースの作成 MySQLのインポート ダウンロードしたsqlファイルをそのまま変更せずに(ドメインは後ほど書き換えます)移転先のMySQLデータベースをインポートします。 » MySQLデータベースのインポート WordPressファイルのダウンロード
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く