pules designing

pules designing – データに強い奈良のWebサイト制作

ブログ

[制作実績]ささき歯科医院様

ポイント

開業に伴い、ささき歯科医院様のロゴとホームページを制作させていただきました。
怖い歯医者というイメージではなく、優しい印象になるようなデザインで親しみやすくしたいということでお問合せいただきました。

家族で通える雰囲気のかわいらしいロゴと温かみのあるオレンジをアクセントカラーにして優しいイメージを出しています。

ささき歯科医院のホームページ
ささき歯科医院のホームページ
http://gentaro-dental.com/ 制作期間:約3ヶ月間

お客様の声

素材集めに時間がかかってしまいましたが、ありがとうございました!
ホームページが完成した後のことも考えて教えてくれたのが良かったです。
運用代行もお願いします。

利用サービス

ホームページ制作プレミアムプランをご利用になられました。

Bootstrap/Angularを組み合わせたUIライブラリ「Sirius UI」

最近Reactのライセンスが問題になっており、これまでモダンなJSフレームワークも乱立していましたが、何となくReact以外にした方が良いのだろうという流れになっているように感じます。技術的には良いので残念ですが。

そんなわけで今日はBootstrapとAngularで作られているUIライブラリ「Sirius UI」を発見しました。

 

Sirius UI

デザイン的には割とマットなテイストで、基本的なものは揃っている印象です。

ボタン、ラベル、フォーム、アラート、ツールチップ、ドロップダウン、ナビゲーション、テーブル、モーダル、ページネーション、タブ、カルーセルなどなど。

レスポンシブデザインで使いどころによっては実装も早いでしょうし、便利ではないかと思います。

Sirius UIについてもっと知りたい方はこちら。

» Sirius UI

[制作実績]八光造園土木様

ポイント

八光造園土木様のホームページをリニューアルさせていただきました。
元々はテンプレートベースのホームページを保有されていましたが、他社と同じような色合いで印象に残らないので、印象に残るようなデザインにしてイメージアップさせたいということでお問合せいただきました。

事前に調べてみると造園業=緑というイメージでそのまま緑を採用しているホームページが多かったです。

一度利用されると何度もリピートされるお客様が多いということ、親方の親しみやすさがホームページに現れるようにオレンジを中心にまとめました。

[制作実績]八光造園土木のホームページ
八光造園土木

http://ueki-ya.jp/ 制作期間:約7週間

お客様の声

以前は自分でホームページビルダーを使ってカスタマイズしていたものの、スマホ用のページがうまく更新できなくなって、この機会に綺麗に作ってもらおうと思いました。
pulesさんにお願いしようと思った決め手は良い人そうだったからです。

とても良く出来上がっています。スマホ版も完璧です。
とても目立って良い感じに出来あがり、喜んでます。
ありがとうございます。

利用サービス

ホームページ制作プレミアムプランをご利用になられました。

サイト内リンクをスムーズにスクロールさせるJQueryプラグイン「smooziee.js」

今日ご紹介するのはサイト内リンクをスムーズにスクロールさせる機能を実装するJQueryプラグインのsmooziee.jsです。

HTMLでidをつけておき、リンクで#(そのid)を指定することで、そのidの箇所にジャンプすることができますが、
急に移動して驚かせてしまうことがあります。

しかし、このプラグインを使うと、ちょうど良いスピードでそのidの箇所に移動してくれます。
ページが変わる場合にも対応されていて使い勝手が良いです。

早速実装してみました。(RESULTタブ)

RESULTタブにあるリンクをクリックするとささっとスクロールしましたか?
デフォルトの設定でも十分気持ち良い感じにスクロールしてくれます。

ぜひ使ってみてくださいね。

» smooziee.js

スクロールをサポートするJavaScript「Sly」

今日発見した技術情報は、一方向のスクロールをサポートしてくれるJavaScriptの「Sly」というものです。
水平方向、垂直方向いずれかを選んだらその方向へのスクロールをボタンなどでできるようにしてくれます。

試しに実装したのですが、JSFiddleだとsly.jsがhttpsで読み込めず、動かない問題があったので実装はお預けです。
デモはSlyのサイトで見れるのでチェックしてみてください。

実装自体はjQueryベースで簡単でしたよ。
方法はGithubにまとめられていました。

Slyのより詳しい使い方はこちら。
» Sly