pules designing

pules designing – データに強い奈良のWebサイト運用代行

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

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

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

http://gentaro-dental.com/　制作期間：約3ヶ月間

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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