ドットインストール代表のライフハックブログ
![IDEA * IDEA](https://cdn-ak-scissors.b.st-hatena.com/image/square/5183e2a42ec74eeca3866d13d63d5d5596fb0ca9/height=288;version=1;width=512/http%3A%2F%2Fwww.ideaxidea.com%2Fwp-content%2Fuploads%2F2013%2F07%2Ftaguchi-on-Instagram-1.png)
こんにちは、デザイナーのモモコです。 今回は多機能でスタイリッシュなギャラリー用jQueryプラグイン「MixItUp」をご紹介します。 「容量は軽いけれど力強く、美しいアニメーション、ソートやカテゴライズ、フィルタリング、レスポンシブレイアウト対応」…と、プラグインの説明ページから目についた英単語を並べただけでも機能の豊富さが分かって頂けると思います。 各機能の詳細は3パターンのDEMOサイトが用意されていますので、そちらをご参照ください。 MixItUpのDEMOサイトを見る ちなみに商用、非商用問わず使用可能です。 対応ブラウザはGoogleChrome4.0以上、Firefox4以上、IE10以上など最新の状態での閲覧を推奨しています。 スマートフォン、タブレットでもスムーズに動くようです。 IE9で試しに閲覧したところエフェクトは付きませんが、ソートなど機能面は問題なく使えました
どうもです、デザイナーのはやちです✌(´ʘ‿ʘ`)✌ 梅雨明けの暑さでバテ気味です…この暑さ嫌ですな c⌒っ´ʘ‿ʘ`)っ はやちは静かに暮らしたい c⌒っ ◞‸◟ )っ そんなこと言ってもこの暑さは和らぎません(◞‸◟) 今回はjQueryで簡単にコンテンツをオーバーレイ表示させる方法をご紹介していきます(◞‸◟) オーバーレイとは ライトボックスのように要素の上に要素を重ねて表示させる方法です 上に重ねる方の要素を半透明にさせて下の要素がうっすら見えるような表現に多く使われます( ˘ω˘)☝ HTML </pre> <div id="overlay"> <p id="text">イェーーイみてるぅ✌(´ʘ‿ʘ`)✌</p> <p id="close">close</p> </div> <div id="btn">click</div> <pre> ID名overlayはオーバーレイされ
メインの碁盤状が暖色と寒色にしたもの、右のバーが彩度 ColdWarmのインストール ColdWarmの使い方 ColdWarmのインストール ColdWarmはPhotoshop CS5, 6用の機能拡張で、下記ページからファイルをダウンロードします。 ColdWarm 「Free Download」から、CS5, CS6を選択してクリックしてください。 ダウンロードした「ColdWarm_CS6_1_3_2.zxp」をダブルクリックすると、Adobe Extension Managerが自動で開くので、説明を読み、インストールします。 インストールが完了したら、Photoshopを再起動し、ツールバーの[ウインドウ]-[エクステンション]から「ColdWarm」を選択すると起動します。 PhotoshopでColdWarmを起動 ColdWarmの使い方 使い方は簡単でカラーを選択する
画像を使わずに、ノコギリの歯のようなぎざぎざの線をスタイルシートでかくテクニックを紹介します。 下記は、p要素一つだけです。 実装は、こんな感じです。 HTML HTMLはpでもdivでも適当に。 <p>塩レモン</p> CSS ぎざぎざの線はlinear-gradientでかきます。 ぎざぎざのサイズは、4pxを4箇所、それを倍にした8pxを2箇所、変更してください。 p{ padding:1em; background: linear-gradient(-135deg, #4885ff 4px, transparent 0) 0 4px, linear-gradient(135deg, #4885ff 4px, #fff 0) 0 4px; background-color: #4885ff; background-position: left bottom !important; b
ニイハチヨンサンは、集客力と売上・利益をアップするホームページ制作とリニューアルを手掛ける岡山のウェブ制作会社です 岡山を拠点に「地方」の中小企業・小規模企業者さまがインターネットを活用して集客力と売上・利益をアップすることを伴走型で支援。ホームページの制作・リニューアルや部分改善、SEOやMEO、インターネット広告の運用、商品・サービスの改善提案などを行っています。 ニイハチヨンサンについて詳しく知る 小さなウェブ制作会社のため、 新規のご相談は毎月1件ほどしかお受けできません。 今スグご相談ください。 ホームページ制作を相談する ご相談にはChatworkをご利用いただいております。 ユーザー登録がまだの方はコチラから 次のような中小企業・小規模企業者さまは、当事務所へご相談・ご依頼ください。 注文や申し込み、来店などの反響を得られるホームページを作りたい、リニューアルしたい ホームペ
Summer season is in full swing, it’s hot, and has vibrant colors in it. Mostly deep and sharp colors are ideal choice for the people in summer time so the web designers have same mood in this hot season. Well, there are many websites featuring summer time with their web designs. We have searched through internet for these summer web designs and came up with the following 25 website designs for you
Written by Yasir Jawaid• July 3, 2013• 9:35 am• Templates • 5 Comments 30 Free Responsive Web Templates (PSD) Today we will show 30 top free responsive psd templates, fresh collection of website templates of 2013 for you. These PSD Template are free download for website design, all of these templates are available to download in Photoshop PSD format. Free PSD website templates helps to learn and
代表中山陽平 ブログ「苦手意識を無くせばWeb活用はうまくいく」弊社では「がんばる中小企業」のWeb活用をサポートしています。今の時代、第3者である、制作会社や代理店におまかせでは勝てません。同じような商品・サービスが溢れる中、選んでもらうためのコンセプトを立て、それを実現するためにネットもリアルも総動員しながら戦う必要があります。 みなさんが世の中に・自社の従業員に実現したい幸せや提供価値を、しっかりと実現していくためには、みなさん自身が主役になり、私達のような専門会社が側面支援するのがベストです。 このブログでは御社が中心となってウェブ活用できるヒントを配信しています。お悩みの方はお気軽に問い合わせフォームからご相談ください。 最新の記事一覧
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く