『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
![ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP](https://cdn-ak-scissors.b.st-hatena.com/image/square/d77af439898741b70f5631abab49b7f8fc4230f7/height=288;version=1;width=512/http%3A%2F%2Fphotoshopvip.net%2Fwp-content%2Fuploads%2F2013%2F05%2F40mockups_top.jpg)
2013年5月16日の気になったページ集です [速報]グーグル、Androidのための統合開発ツール「Android Studio」発表。オープンソースで無償提 ?oogle I/O 2013 http://www.publickey1.jp/blog/13/androidandroid_studiogoogle_io_2013.html [速報]グーグル、エレガントなUIの部品化「Web Components」への取り組みを表明。Google I/O 2013 − Publickey http://www.publickey1.jp/blog/13/uiweb_componentsgoogle_io_2013.html Googleが新料金、新ツールとともにCloud Platformを一般公開―いよいよAmzon AWSと激突へ | TechCrunch Japan http://jp
Google I/O 2013 で、Google+ の新ユーザーインターフェースが発表されたそうなので、見てみましたが、かなり変わってたので簡単に紹介。 米国時間の昨日、5月 15日にサンフランシスコのモスコーニセンターで開催された 「Google I/O 2013」 で、Google+ の新ユーザーインターフェースが発表されたそうなので、見てみましたが、かなり変わってたので簡単に紹介。 Google+ の新 UI 以外にも、Android や Chrome 関連、さらに 新しい Google Maps や、月額定額の音楽サービスまで発表されたそうです。詳しいことは下記、ITmedia さんの記事などでまとまっています。 月額9.99ドルの音楽サービスや新メッセージングサービス──Google I/Oで発表されたこと : ITmedia ニュース 新 UI が良いか悪いかは個人の好みとかも
年中5月の病のようなホワイトです。お久しぶりです。 Webディレクターに限らず、いろんな仕事において何かしらのドキュメントを用意するという機会は多いものです。提案書、企画書、報告書、プレゼン資料、サイトの取り扱い説明書だって書いたりしますよね。 そんなドキュメントの類。独自のテンプレートとかあればそれに書けばいいのですが、別段テンプレートや書式こそ決まってないけどファイルのフォーマットが決まってる場合(例えば、PDFやWordでないと見てくれないとか)もあったりします。 そんなどうでもいい縛りに困ってるあなた、「わしゃ、もっと自由に簡単にテキストで書きたいんじゃ!」という方には「Markdown」で元原稿を書くことを激しくオススメしたいところ。 Markdown とアレとコレ 「Markdownは学習コストが…」とか言う人もいますが、こんなのWordだったりWordPressの使い方覚える
Fixed Background Scrolling Layout | Codrops 不思議な間隔に陥る背景をスクロールするレイアウトデモ。 パララックスのようでパララックスではなく単に背景画像だけをスクローリングさせて面白い効果を演出できています デモページ ブラウザの進化で表現方法がどんどん広がりますね 関連エントリ ドラッグ&ドロップで再編成できるPinterest風レイアウト作成プラグイン「jQuery.Shapeshift」 画像のレイアウトに使えるjQueryプラグイン「jQuery Photoset Grid」 テキストを新聞風のレイアウトにできるjQueryプラグイン「Columnizer」 CSSレイアウトをWEB上でサクッと作れる「PageBlox」 アイテムをドラッグ&ドロップで画面レイアウト出来るjQueryプラグイン「gridster.js」
mmenuの使い方 スクリプトの使い方は下記ページにステップごとの解説があります。 tutorial Step 1: 外部ファイル head内に「jquery.js」と当スクリプト・スタイルシートを記述します。 <head> <script type="text/javascript" language="javascript" src="jquery.js"></script> <script type="text/javascript" language="javascript" src="jquery.mmenu.js"></script> <link type="text/css" media="all" rel="stylesheet" href="jquery.mmenu.css" /> </head> Step 2: HTML コンテンツの基本構造は、下記のようになります。
去年くらいからよく見かけるようになったスクロールすると、カーテンを持ち上げるように次々にコンテンツが表示されるテクニックをスタイルシートのみ版とスクリプト併用パワーアップ版の二つを紹介します。 まずは、スタイルシートのみ版から。 Fixed image backgrounds スクロールするとヘッダは固定表示で、画像を配置した背景がカーテンを持ち上げるように次のコンテンツが表示されます。 背景は写真も面白いですが、ソリッドなカラーでも面白い効果が得られますね。 Fixed image backgroundsをスクロール 実装はシンプルです、ポートフォリオなどでよく見かけるテクニックです。 Demo 1のHTML HTMLの基本構造は、header要素があり、各スライドはsection要素です。section内には見出しやテキストや画像などを自由に配置できます。 <header> <a hr
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く