HOME

ABOUT

ARCHIVES

CONTACT

3509

To analyze the best ・・・

こんにちわ、六本木のウェブ制作会社PNRA, INC.です。 世界の最先端ウェブデザインからそのエッセンスを抜[…]

3499

To analyze the best ・・・

こんにちわ、六本木のウェブ制作会社PNRA, INC.です。 世界の最先端ウェブデザインからそのエッセンスを抜[…]

dismoielliot

To analyze the best ・・・

こんにちわ、六本木のウェブ制作会社PNRA, INC.です。 今回は、世界の最先端ウェブデザインからそのエッセ[…]

3473

Best Inspiration UI ・・・

こんにちわ、しょーごです。 今日は世界のdribbbeから、参考にしたいUI Interactions Moc[…]

3456_1

ブランディングの参考にしたい"カフェ・飲・・・

こんにちわ、しょーごです。 今日はテーマを”カフェ・飲食店”に絞って世界中の優れたウェ[…]

3436_1

ブランディングの参考にしたい”歯医者・歯・・・

こんにちわ、しょーごです。 あなたは、ブランディングを意識したウェブデザインを考えていますか? ホームページを[…]

3428

[UX設計] 名刺とコミュニケーションに・・・

具体的なデザインのノウハウというよりか、名刺をデザイン・設計する上でのベースとなる考え方について。アナログな媒[…]

3418

PNRA, INC.の仕事術(業務効率最・・・

スタッフに向けての記事です。 テーマは『業務効率最適化』。 クオリティ×スピードを限界まで引き上げる手段として[…]

3402

数字に繋がらないホームページを作るくらい・・・

この記事を書くにあたって 新しく会社を作る方、新しい事業を始める方、そして既に走り出している方。そんな法人設立[…]

IG

Instagram APIを使って投稿写・・・

はじめに Instagramといえば、誰でも気軽に使える写真共有アプリですが、その使いやすさ・手軽さ・加工のク[…]

hovereffect

[UI設計]マウスオーバー時のインタラク・・・

はじめに ごりごりのクリエイティブなサイトはさておき、法人や個人のホームページを作る際では、ターゲット層・ター[…]

snap

Snap.svgを使ったSVGアニメーシ・・・

はじめに Snap.svgというadobeが提供するsvgアニメーションを制御するライブラリについて、なかなか[…]

wordpress

[WP]wordpressで自動挿入され・・・

はじめに ワードプレスでホームページを運用していて、「pタグの自動挿入いらないのになぁ」と思うことが度々あった[…]

ux

[UX設計]完了画面と自動返信メールで一・・・

はじめに ホームページを運用している方は、運用における目的というものがなくてはいけません。それが「ブランディン[…]

cap

jQueryを使ったローディングアニメー・・・

はじめに ローディング画面といえば、GIFやCSS3 animateを使って読み込み中のユーザーインタラクショ[…]

3331_01

LINEでシェアするボタンを追加する方法

はじめに 表題の通りではございますが、当メディア(pixeliste)の各記事を「LINE」に拡散するためのシ[…]

CSS

[CSS] CSSレイアウトをFlexb・・・

はじめに flexboxとは、CSS3で実装された新しいレイアウトモジュール。少ないコードで今まで以上に柔軟な[…]

wordpress

[WP] posts_per_pageを・・・

はじめに wordpressを用いてホームページを運用している際に、投稿数に制限をかけたいと考える機会が多かっ[…]

mupnra

ホームページを刷新致しました。

事務所移転に伴い、ホームページも一新させていただきました。 URL:http://www.pnra-inc.j[…]

CSS

css擬似要素をattr()で取得する方・・・

はじめに cssの擬似要素(:beforeや:after)の活用法は多岐に渡りますが、本日はその中でもcont[…]

sky

年末年始営業のご案内

畏敬の念を込めて 残すところ2015年もあと僅か。 怒涛の勢いで走り抜けた本年ではございましたが、組織として、[…]

モバイル フレンドリー テスト

mobile friendly test

先日、モバイルフレンドリーテストなるものがあることを知りました。( ´•౪•`) 簡単に言えば、そのサイトはス[…]

PaymentFont

クレジットの記載に便利なアイコンフォント・・・

ECサイトの構築を行う際に、決済機能の対応として多くのカード会社やサービスのアイコンが必要になります。ただ、ベ[…]

Coolors01

ホームページ配色に悩んだら「Coolor・・・

ホームページを作っていく上で、非常に重要なファクターである色彩設計! ホームページ作成における重要ポイントとし[…]

isorepublic

海外の商用利用可能な無料(フリー)の写真・・・

さって、今回はお気に入り登録・シェア必須の内容をつらつらとご紹介しましょう。正直あんまり公開したくない。海外の[…]

Clippy

CSS3:clip-path:polyg・・・

珍しく本業(ホームページの作成)が忙しくなり、更新が滞っておりました。 久しぶりですが、こんにちわ。@PNRA[…]

coffee

海外の飲食店のホームページから見る、魅力・・・

どーも、中野区でホームページ作成やってます。@PNRAです! 昨日は、国内のカフェ・喫茶店のホームページを参考[…]

coffee

東京の人気カフェ・喫茶店のホームページか・・・

どーも、中野区でホームページ作成やってます。@PNRAです! カフェや喫茶店のホームページを設計する上での重要[…]

Alexander-Wang-x-HM

Alexander Wang×H&M の・・・

いよいよ、ルックブックも公開されたAlexander Wang x H&M Fall/Winter […]

workshop

jQuery基礎講座:するっと動くドロワ・・・

jQuery基礎講座[第10回] どーも@PNRAです!忘備録もかねて随時更新していくjQuery基礎講座の時[…]

workshop

jQuery基礎講座:タブ切り替えを用い・・・

jQuery基礎講座[第9回] どーも@PNRAです!忘備録もかねて随時更新していくjQuery基礎講座の時間[…]

webgl

Three.js:初心者がWebGLプロ・・・

どーも、中野区でホームページ作成やってます。@PNRAです! プログラミングずぶの素人がWebGLプログラミン[…]

photobook-mockup

CSS:box-shadowで作るフォト・・・

どーも、中野区でホームページ作成やってます。@PNRAです! Antennaさんのホームページを見ていたら素敵[…]

workshop

jQuery基礎講座:スクロールに応じた・・・

jQuery基礎講座[第8回] どーも@PNRAです!忘備録もかねて随時更新していくjQuery基礎講座の時間[…]

Spectral02

ウェブサイトの色彩設計のチートシート『S・・・

どーも、中野区でホームページ作成やってます。@PNRAです! ホームページの配色悩みますよね。コンセプトカラー[…]

Resume01

フリー素材 履歴書 モックアップまとめ ・・・

どーも、中野区でホームページ作成やってます。@PNRAです! 今日は海外のクリエイティブな人々の履歴書のデザイ[…]

iwatch01

フリー素材 iWatch モックアップま・・・

どーも、中野区でホームページ作成やってます。@PNRAです! iWatchのモックアップがだいぶ出回ってきたの[…]

Flat-Inspirehover

素敵なフラットデザインを実装するために!・・・

どーも、中野区でホームページ作成やってます。@PNRAです! フラットデザイン、マテリアルデザインという近年の[…]

iphone6-06

フリー素材 iPhone 6 モックアッ・・・

どーも、中野区でホームページ作成やってます。@PNRAです! 資料作成に便利なiPhone 6 のモックアップ[…]

focusffect

:focus / :actionを使った・・・

どーも中野区でホームページの作成やってます。

hover

ここまでできるホバーエフェクト!色々サン・・・

どーも@PNRAです! 疑似クラスの中でも使用頻度の高いホバーエフェクトですが、様々なホームページを徘徊してい[…]

Source Han Sans

Source Han Sans(源ノ角ゴ・・・

どーも、中野区でホームページ作成をやっています。@PNRAです! Noto Sans(Adobe からは So[…]

googlemap

GoogleMapデザインカスタマイズ ・・・

どーも、中野区でホームページ作成やってます。@PNRAです!今日はGoogle Mapのデザイン変更に関するT[…]

webdesignclip9

Inspiration webdesig・・・

どーも中野区でホームページの作成やってます。@PNRAです! 今月(2014.09)の気になるウェブデザインク[…]

freebie09

Freebies materials c・・・

どーも中野区でホームページの作成やってます。@PNRAです! ホームページのモックアップや資料作成を効率的に行[…]

workshop

jQuery基礎講座:スクロールして要素・・・

jQuery基礎講座[第7回] どーも@PNRAです!忘備録もかねて随時更新していくjQuery基礎講座の時間[…]

samplebank

サンプル品を専門に扱うECサイト『SAM・・・

どーも、中野区でホームページ作成をやっています。@PNRAです! 面白いコンセプトだなぁ、と思ったので備忘録と[…]

La-Maison-des-Carrés-Hermèsfv

Good inspiration web・・・

LA MAISON DES CARRES URL:http://france.hermes.com/la-ma[…]

NIPPONCOLORS

伝統色を探すならこれで決まり!和色のカラ・・・

どーも、中野区でホームページ作成をやっています。@PNRAです! ホームページの作成のご依頼をお請けする際に、[…]

pictura

Photoshopの作業が鬼のように捗る・・・

どーも、中野区でホームページ作成をやっています。@PNRAです! これはデザイナーであれば必見の拡張機能なので[…]

workshop

jQuery基礎講座:スクロール量に応じ・・・

jQuery基礎講座[第6回] どーも@PNRAです!忘備録もかねて随時更新していくjQuery基礎講座の時間[…]

workshop

jQuery基礎講座:スクロール量に応じ・・・

jQuery基礎講座[第5回] どーも@PNRAです!忘備録もかねて随時更新していくjQuery基礎講座の時間[…]

tagcloud

WordPressタグクラウドをカスタマ・・・

どーも@PNRAです! WordPressでホームページを作成していると、サイドバーにタグクラウドをつけている[…]

mockup

あの有名ブランドのカラーコードは?僕が使・・・

どーも、中野区でホームページ作成をやっています。@PNRAです! 「あの有名ブランドのカラーコードってなんだろ[…]

iconfont

国産サービス対応のアイコンフォント『Li・・・

どーも@PNRAです! アイコンフォントに関するTipsです。普段は汎用性の高いFont Awesomeを利用[…]

feedly

feedlyのアイコンフォントを作ってみ・・・

どーも@PNRAです! ホームページ作成に携わっている方なら誰しもが活用するであろうアイコンフォント!つくづく[…]

lecreusetfv

Good inspiration web・・・

やさい あまうま!ル・クルーゼ URL:http://www.lecreuset.jp/yasai/ Layo[…]

trend01

新しい流行の兆し、欧米にみるデニムスタイ・・・

どーも@PNRAです! 何気なくネットの海を泳いでいたら気になる記事を見つけたのでシェア 「9 New Den[…]

hb-navi

jQuery基礎講座:ハンバーガーナビゲ・・・

jQuery基礎講座[第4回] どーも@PNRAです!忘備録もかねて随時更新していくjQuery基礎講座の時間[…]

youtube

YoutubeやVimeoなどの埋め込み・・・

どーも@PNRAです! ブログを書き始めて、何度かつまずいた箇所だったので、忘備録として抑えておきます。You[…]

BigStreamfv

Good inspiration web・・・

BIG STREAM URL:http://bigstream.bestlooker.pro/ Layout:[…]

logodesign

年代別のロゴデザイントレンドから、これか・・・

どーも@PNRAです! 最近クックパッドが世界展開に向けてロゴデザインを変更したことがホットトピックとしてエン[…]

typography

フォント指定はコレで決まり!僕の考える最・・・

どーも@PNRAです! 今日は弊社がオススメするフォント指定について話をしていきたいと思います。 ホームページ[…]

Comprosfv

Good inspiration web・・・

COMPROS URL:http://www.compros.re/ Layout:Grid-layout B[…]

redirect_php

PCサイトとスマートフォンサイトを分けて・・・

どーも@PNRAです! いまさら?って感じのタイトルですが、意外とオーダー頂くことの多いPCサイトとスマートフ[…]

404error

Wordpressでの404エラーページ・・・

どーも@PNRAです! WordPressでオリジナルテーマを1から作っている方は、忘れがちな404エラーペー[…]

Victor-Stegaru-fv

Good inspiration web・・・

VICTOR STEGARU URL:http://stegaru.com/ Layout:Grid-layo[…]

lv160-01

ルイ・ヴィトンの創業160周年記念リミテ・・・

どーも@PNRAです! ルイ・ヴィトンが大変なことになっています。創業160周年を記念してリミテッドエディショ[…]

redirect

覚えておきたい!meta,.htacce・・・

どーも@PNRAです!ドラえもん作品、大好きなのですが、「ちょくちょく出口が意図しないところに繋がってるよな〜[…]

SentinelOnefv

Good inspiration web・・・

sentinelOne URL:http://www.sentinelone.com/ Layout:Grid[…]

business_card_019

世界の名刺デザイン30選!~名刺デザイン・・・

どーも@PNRAです! 何気なく配ったり、置いておいたりする名刺やショップカード、皆さんは拘りを持っていますか[…]

ldf_2014

MEETS --- THE LONDON・・・

どーも@PNRAです! 先週から開催していた、『THE LONDON DESIGN FESTIVAL 2014[…]

Designer---Gentlemanfv

Good inspiration web・・・

DESIGNER & GENTLEMAN URL:http://designerandgentlem[…]

hatenablog

はてなブログのCSSをカスタマイズして無・・・

どーも@PNRAです! はてなブログといえば、アメーバブログ(ameblo)と並ぶ国内最大のブログサービスです[…]

javascript

jQuery基礎講座:ウィンドウサイズを・・・

jQuery基礎講座[第3回] どーも@PNRAです!忘備録もかねて随時更新していくjQuery基礎講座の時間[…]

EMPORIUM-PIESfv

Good inspiration web・・・

EMPORIUM PIES URL:http://emporiumpies.com/ Layout:Grid-[…]

smartphone

アクセス半減?!ハンバーガーボタンの導入・・・

どーも@PNRAです!先日更新した『jQuery基礎講座:ハンバーガーナビゲーションボタンを作ろう!』に関する[…]

facebook

Facebook like boxを一瞬・・・

どーも@PNRAです! 今更ですがFacebook like boxを設置しました。設置にあたって、微妙に手間[…]

Squarespace

Good inspiration web・・・

SQUARESPACE SQUARESPACE URL:http://www.squarespace.com/[…]

youtube

押さえておきたい!youtube動画を埋・・・

どーも@PNRAです! 今日もストレッチパワーを溜めながら張り切って便利なTipsを紹介しようと思います。今日[…]

ToneDen

アーティスト必見!『TONEDEN』は専・・・

どーも@PNRAです! 制作会社が紹介するのもあれなんですが、今日はなるたけ費用をかけずに自分のサイトが欲しい[…]

Utopia-fv

Good inspiration web・・・

utopia URL:http://weareutopia.com/ Layout:Grid-layout B[…]

javascript

jQuery基礎講座:ハンバーガーナビゲ・・・

jQuery基礎講座[第2回] どーも@PNRAです!忘備録もかねて随時更新していくjQuery基礎講座の時間[…]

javascript

jQuery基礎講座:任意のid属性を使・・・

jQuery基礎講座 忘備録もかねて随時更新していきます。 まず最初に、クリックアクションでclass属性を付[…]

Fear-the-Grizzly-fv

Good inspiration web・・・

Fear the Grizzly URL:http://www.fearthegrizzly.com/ Lay[…]

iPhone6

iPhone6 / iPhone6 Pl・・・

iPhone6 / iPhone6 Plus発表されましたね。各キャリアの料金も発表されて発売日が待ち通しい。[…]

iphone6

iPhone 6 / iPhone 6 ・・・

「iPhone 6 / iPhone 6 plus」それぞれの各キャリアの料金が発表されましたね。私たち制作会[…]

Snowbird-fv

Good inspiration web・・・

snowbird URL:http://www.snowbird.com/ Layout:Grid-layou[…]

+J

UNIQLO×Jil Sanderのコラ・・・

ユニクロとジル・サンダーのコラボが“ベスト オブ +J”として帰ってくる!2009年10月にデビュ[…]

Oyyo-N°1fv

Good inspiration web・・・

Oyyo-N°1 URL:http://oyyo.se/ Layout:1-Column Base color[…]

Made-Together-fv

Good inspiration web・・・

Made Together URL:http://www.madetogether.com.au/ Layou[…]

Ink

最強のHTML&CSSフレームワークを選・・・

デザイナーにとっても開発者にとっても、作業効率をあげる上でかかせないのがCSSフレームワーク。ここでは、いま世[…]

MIXDfv

Good inspiration web・・・

MIXD URL:http://www.mixd.co.uk/ Layout:1-Column Base co[…]

date

覚えておきたい!表示速度に影響する画像形・・・

ページの表示速度がユーザーの離脱率に与える影響は言わずもがな。読み込み時間が0.1秒伸びるだけで、1%の売上に[…]

uiGradients

CSS3:あなたのデザインを加速させるグ・・・

色彩設計に役立つ、CSSグラデーションギャラリーサイト「uiGradients」グラデーションは配色のセンスが[…]

Deletefv

Good inspiration web・・・

Delete URL:http://www.deleteagency.com/ Layout:2-Column[…]

browser

ウェブデザイナー必見!ブラウザ毎HTML・・・

ウェブデザインを行う上で、ブラウザ毎にサポート状況が違うためベンダープレフィックスをつけたり、条件分岐コメント[…]

TheDarkestTime

HTML5:動画を背景にあてたブロック要・・・

HTML5のvideoタグをブロック要素の背景にあてて印象的なビジュアルを作成するテクニックをご紹介します。 […]

Alex-Cicanfv

Good inspiration web・・・

Alex Cican URL:http://alexcican.com/ Layout:1-Column Ba[…]

materialdesign

Material design(マテリア・・・

近年googleが提唱しているMaterial design(マテリアル・デザイン)。 一体どのようなものなの[…]

blur

CSS3:ぼかし効果(blur effe・・・

CSS3のblur effect(ぼかし効果)を用いた画像の見せ方を紹介します。いままで:hoverで代替画像[…]

soppofv

Good inspiration web・・・

soppo URL:http://soppo.co/ Layout:Grid-layout Base colo[…]

browser01

simple browser mock-・・・

ポートフォリオやギャラリー用のレスポンシブブラウザをCSSのみで実装します。ウェブデザイナーや制作会社向けにミ[…]

HL02

UNIQLO×Helmut Langが可・・・

ユニクロが、スウェットの本格展開を開始し始めた。そこまでは全く興味がなかったのだが、参画してきたデザイナーに手[…]

Media-Templefv

Good inspiration web・・・

Media Temple URL:http://mediatemple.net/ Layout:1-Colum[…]

Officelovin

職場環境を劇的に変える!海外スタートアッ・・・

散らかったデスクは想像力を高める。 20世紀最大の物理学者とも言われるアルベルト・アインシュタイン、イギリスの[…]

Aroefv

Good inspiration web・・・

Aroe URL:http://www.aroe.be/ Layout:Parallax-layout Bas[…]

Teacake-Design02

Good inspiration web・・・

Teacake URL:http://teacakedesign.com/ Layout:1-Column B[…]

R-E-S-I-D-E-N-C-Y02

Good inspiration web・・・

R E S I D E N C Y URL:http://residencycontent.com/ Layo[…]

thumnail

一瞬でできる!RSSにサムネイルを表示さ・・・

先日 5分で出来る!wordpressに”feedly”のRSSフィードを設置する。 という記事を更新したので[…]

Heck-House-02

Good inspiration web・・・

HOLY HECK URL:http://heckhouse.com/ Layout:Grid-layout […]

letter

PNRA BRANDING NEW EN・・・

ロゴの刷新に伴って、弊社封書も新しくなります。 コーポレートカラーの黄色を主軸にシンプルなデザインに仕上げまし[…]

das.

Good web design of t・・・

das. URL:http://www.dascorp.co.jp/ Layout:1-column Base[…]

Designspiration

デザイナー必見!絶対に押さえておきたいデ・・・

デザイナー足るもの日々様々なデザイン作品に触れて刺激を受け、自分のデザインに活かしていくことが必要。 そこで、[…]

feedly

5分で出来る!wordpressに"fe・・・

本格的にブログをメディア化していく際に、SNSやRSSとの連携は必須になってきますよね。 今日は、CMSシェア[…]

KENZOfv

Good web design of t・・・

Kenzine URL:https://www.kenzo.com/en/blog/ Layout:1-col[…]

logo

PNRA BRANDING NEW LO・・・

9月になりましたね。2014年も残すところ4ヶ月となり、このタイミングで弊社も新体制を迎えようとしております。[…]

Fixatefv

Good inspiration web・・・

Fixate URL:http://fixate.it/ Layout:1-column Color:Mono[…]

agency-branding

厳選!参考にしたいお洒落な封筒デザイン1・・・

自社の封筒デザインがお洒落だと、鞄から資料を出す際、人に資料を渡す際などちょっと自慢げになる私ですが、受取手と[…]

css3

CSS3:斜め線を用いた印象的なコンテン・・・

久しぶりの更新。たまには実用的な内容を更新したいと思います。 ウェブデザインの特性上、どうしても直線のラインは[…]

css3

CSS3:テキストでクリッピング!ちょっ・・・

-webkit-background-clipを使ってテキストをデザインしていきましょう。 ただしベンダープリ[…]

css3

CSS3:アニメーションを使って遊んでみ・・・

さて、今日は珍しく使いどころのありそうなアニメーションを作ってみました。animationの使いどころを日々模[…]

typographic

スマートフォンサイト設計考察:『最適なフ・・・

さて、何気なくスマートフォンサイトの設計において意外としっかりと定義されていないフォントサイズについてを考えて[…]

css3

CSS3:CSSのみでギザギザ線を実装す・・・

今回はlinear-gradientのtransparentを使って、ギザギザ線の作り方を。簡単に実装できるの[…]

HoldPhones_Figure

スマートフォンサイト設計考察:『持ち方か・・・

PCサイトにおけるユーザビリティの高い設計とスマートフォンサイトにおけるユーザビリティの高い設計は異なります。[…]

css3

CSS3:CSSのみで斜線背景を実装する

いままでは斜線背景を実装しようと思っても、画像に頼るしかありませんでした。が、CSS3っって本当に便利。斜線も[…]

css3

CSS3:animationを使って遊ん・・・

さて、animationの使いどころを日々模索しているのですが…なかなか指示になれず前に進みません。とりあえず[…]

javascript

3分でできるjQueryを用いたローディ・・・

今日は爆速でローディングを実装したいと思います。 KEY SENTENCE [1] はじめに [2] 実装手順[…]

css3

CSS3:めくれているような影の入れ方

CSS3導入後に増えたデザイン。画像や見出しなどに影を入れる際に、より立体感を演出する方法としてよく活用されて[…]

wordpress

wordpressのマルチサイト毎にパス・・・

今日はwordpressのマルチサイト機能を活用している方々へのお話。用途はそれぞれだと思いますが、マルチサイ[…]

Placeit

誰でも手軽に!デバイスはめ込み画像を作る・・・

ウェブ制作の仕事をしていると、企画書や提案時にモックアップを作ることが多いですよね。その際に、特にマルチデバイ[…]

wordpress

wordpressでページに応じてナビゲ・・・

ウェブサイトを作っていて、ナビゲーションメニューをページ毎に装飾して現在位置を知らせるってよくやる作業ですが、[…]

tokyojp

Straight line of tok・・・

最近のウェブトレンドとしては、やはり直線を活かしたデフォルメ系のデザインが非常に多く見られます。 今回は東京タ[…]

wordpress

wordpressのサムネイル画像を任意・・・

wordpressを使っていて「サムネイル画像(アイキャッチ)の大きさを変えたいな〜」と思い調べてみたら意外と[…]

javascript

jQuery sliderの決定版『sw・・・

今回は使いやすいjQuery sliderをご紹介しようと思います。 レスポンシブ・タッチスワイプ対応な上、ブ[…]

windows8

レスポンシブデザインでも使えるアスペクト・・・

KEY SENTENCE [1] アスペクト比の固定方法 [2] 実装結果 [1] アスペクト比の固定方法 ア[…]

dribbble

Dribbble likeな表現

KEY SENTENCE [1] 制作イメージ [2] 実装結果 [3] コーディングサンプル [1] 制作イ[…]

css3

CSS3:calc()ファンクションを使・・・

最近まで知らなかったんですが、calc()というファンクションをご存知でしょうか?CSSで計算式を実装可能にす[…]

css3

CSS3:animationを使って遊ん・・・

何かと便利なcss animation!何がいいって軽さですよね。すごく便利!ということで、とりあえず動きの基[…]

Collabogive

流行りのflat design lay・・・

最近よく見てちょっと気になっていたデザインを実装してみたいと思います。流行のflat designなので、皆さ[…]

css3

CSS3:scrollbarをカスタマイ・・・

はいっ、みんな大好きCSS3!本日はスクロールバーをカスタマイズして自分だけのスクロールバーにしてみましょう![…]

css3

CSS3:text-shadowで遊ぶ

今回はCSS3のtext-shadow効果を使って色々遊んでみようと思います。何かにつけての忘備録の意味も込め[…]

seo

ドメインとSEOの関係性

コンテンツのSEOよりももっと手前。ドメインの取得時点からSEOは始まっています。ドメインがSEOにどのように[…]

css

文字選択範囲の背景、及び文字色の変更

文字選択範囲の背景、及び文字色の変更に関しては以下のCSSを入力することで、変更が可能。 ::selectio[…]

summervacation

夏期休業のお知らせ

本年度の夏期休業日が確定いたしましたのでお知らせいたします。。 2014年8月21日~8月24日 上記期間中、[…]

collon

Collonの穴

コロンというお菓子をご存知でしょうか? おいしさと健康glicoより販売されているお菓子なのですが、円筒状のク[…]

bompasandparr

Do U know luminescen・・・

どーも最近飲食関連のビジネス界隈が面白いことになっている気がします。 今回は海外のFood design st[…]

css

CSSで背景画像を指定する

CSS基礎知識(忘備録) 背景画像の指定方法・詳細 body{ background-image:url(im[…]

pnra

弊社ホームページを刷新いたしました。

事務所移転に伴い、ホームページも一新させていただきました。 URL:http://www.panarea-is[…]

seo

SEO(検索エンジン対策)基本事項

GoogleのSEO対策の基本事項をおさえましょう。 まずは下記3点を理解し、コンテンツ設計をすすめていきまし[…]

DEVELOPMENT

EC-CUBE導入までの流れ

さて、これからEC-CUBEのパッケージをDLしてから、実際に開店するまでの流れを順を追って説明していきたいと[…]

css

セレクタの指定方法と優先順位

区切り方 例 概要 カンマ[ , ] h1,p h1とpどちらにも適用 スペース [ ] h1 p h1の中の[…]