Health promotion ヘルスプロモーションからワークショップ・SNS企画立案まで トータルソリューションを提案する任意団体 君がため です。 SDGsの理念に則り行動しています。
大切なふたりのこの一瞬を一生ずっと残したい! 新しいスタートの記念にオリジナルウエディングフォトアルバムを作ってみませんか? 一生に一度のウエディングを一冊のアルバムにまとめあげる作業は、結婚当初はもちろん、10年後、20年後、30年後と時を重ねるごとにその価値を増していきます。 そしてたくさん枚数を残しておきたい方は「ブライダルフォトアルバム」がおすすめ。 和装・洋装ともに格式ある仕上がりは、ご両親やご親戚にも喜ばれます。 アルバムはもちろん、オリジナルのポストカードや年賀状、ウエルカムボードの作成もできるので、必要なアイテムが出てきた時には、いつでもアクアンジュまでご相談くださいね。 アクアンジュのウエディングフォトアルバムは、長年残すにふさわしいディテールにこだわった高品質なアルバム。プロカメラマンが撮影した幸せ溢れる写真をより一層引き立てます。 高品質に加え、価格にもこだわっていま
2017年7月25日 Webサイト制作, 便利ツール 今より少しでもコーディングを早くできれば、細かいデザインや機能にも時間をかけて取り組めそう…という事で今回はコーディングのスピードを上げるためにできる事を紹介します。便利なツールを使ったり、ちょっとやり方を変えるだけでより早くコーディングができるようになると思います! ↑私が10年以上利用している会計ソフト! 1. コーディング手順を簡略化する これは自分のコーディング能力を高めて手順を省く、便利なツールを使って手間を省くという事です。例えば私は昔このような手順でコーディングを進めていました。 CSSのレイアウトをノートに書き出す レイアウト部分(ヘッダー・メイン・サイド・フッター)のHTMLマークアップ CSSでレイアウト部分のスタイリング 表示確認 うまく表示できない箇所の修正 ヘッダー内のHTMLマークアップ CSSでヘッダー内の
サムネイル表示のあるフォトギャラリーを作りたい。 そんなときに参考になるのが、『Fresh Sliding Thumbnails Gallery with jQuery and PHP』。jQueryとPHPで作るサムネイルがスライドするギャラリーです。 マウスオーバー状態でカーソルを動かすことで、サムネイルをスライドさせることができます。クリックすると、大きくプレビュー表示されますね。 右上のドロップダウンで、アルバム管理もできるようなので、複数のセットを見せることができます。 デモは以下から。 View demo ソースもダウンロードできるので、一度見てみてください。 Fresh Sliding Thumbnails Gallery with jQuery and PHP iPhone版も作られています。 Awesome Mobile Image Gallery Web App やっと
スクリプトフォントを探している。 そんなときにおすすめなのが、『Free and Commercial Script Fonts』。商用無料のスクリプトフォント集です。 いくつかご紹介しますね。 ↑はLearning Curve Pro。 Creampuff Ballpark CAC Champagne Saginaw Font Squirrelにリンクするものは、「License」タブにライセンスの詳細が書かれているので、使用する際には確認してください。 Free and Commercial Script Fonts ブログ書けなかった分を挽回。やっと週末なので、体調を戻しつついろいろ進めたいですね。
TOP > Design , Photoshop > photoshopのテキストエフェクトチュートリアル「35 Amazing Photoshop Text Effect Tutorials」 非常に高機能な画像編集ソフトphotoshop。世界中のクリエイターに利用されています。高機能なだけにアイデアや技術次第では、様々な表現を可能にしてくれます。今日紹介するのはphotoshopを利用したテキストエフェクトのチュートリアルを集めたエントリー「35 Amazing Photoshop Text Effect Tutorials」。 Create Awesome Splashing Water Text Effect in Photoshop 立体的なものから写真との合成、文字自体に質感を与えたものなど、様々なテキストエフェクトのチュートリアルが紹介されています。今日はその中から
なぜ国債が人気の金融商品になっているのかというと、やはりその高い投資の安全性が理由の第一になっていると言えるでしょう。国庫債券という正式名称をもつ国債なら、国が保証しているようなものでありますので、それだけリスクがなく利息で利益を得ることができるというのが、国債が人気がある一番の理由になっているのではないでしょうか。国債にもタイプがあり自分の状況や資金繰りに合わせて購入することができますので、例えば少しの間は使わない予定であるお金があるというのであれば2年程度の国債を選んでみたり、もっと長く運用したいというのであれば10年以上の長い期間がある国債などもありますので、自分の状況に合わせて国債を購入することができるでしょう。また国債は安全性が高い分金利も低いのですが、その中でも固定金利か変動金利で運用するかなんていうことも選べるので、より自分好みの運用をすることができるのではないでしょうか。日
画像をはじめさまざまなHTML要素をスライド表示させるカルーセルのスクリプトを紹介します。 下記のデモでは、Example One(表示数4、移動数2、手動操作)、Example Two(表示数3、移動数1、自動操作)となっています。
さまざまなデザインシーンで使用されるタイポグラフィ。種類はもちろん、表現の仕方にもいろいろな方法がありますが、今回紹介するのはクリエイティブなインスピレーションを与えてくえれるタイポグラフィグラフィック集「50 most brilliant typography designs for inspiration」です。 (Children of the idiom on the Behance Network) 個性溢れる表現のタイポグラフィを使ったグラフィック作品が多数紹介されています。その中でもいくつか気になったものを紹介いたします。 ■Futura on the Behance Network 伸びる植物の中にデザインされたタイポグラフィ。切り絵のようなシルエットデザインが繊細で美しいですね。 ■typography by ~M0RFGFX on deviantART 草原にシャボン玉
Coda-Slider 1.1は、先日紹介したCoda-Slider 1.0からバージョンアップをした、タブ型のコンテンツをスムーズに移動させて切り替えるスクリプトです。 Coda-Slider 1.1 Coda-Slider 1.1 デモ Coda-SliderはjQueryのプラグインで、1.1の主な改良点は下記のようになっています。 jQuery 1.2への対応 IE6, 7でタブを早くクリックした場合のバグ スクリプトオフへの対応(<noscript>) YouTubeなどの動画のバグ preloaderの採用 タブと矢印以外にもスライドするリンクを設置可能 参考: スムーズに切り替わるタブ型コンテンツ -Coda-Slider
Photoshopで作成したかのような美しいデザインのボタンを実装するスタイルシートを紹介します。 キャプチャは上から、ノーマル時、ホバー時、クリック時です。 Make CSS3 buttons that are extremely fancy デモページ デモページ(カラーバリエーション) ※更新:カラーバリエーションを増やしました。 ボタンはCSSで実装されているため、ブラウザの文字サイズの拡大に伴いサイズも変更し、カラー変更も簡単におこなえるように設計されています。 ※CSS3非対応のIE7/8などでの見栄えはそれなりになります。 実装はシンプルながらもテクニカルで、先日当サイトで紹介した「Safariで見かける角丸のにじみを解消するスタイルシート」なども利用されています。 HTML ボタンのカラー変更が簡単にできるようにインラインスタイルシートを使用しています(下記キャプチャ参照)
2016年12月13日 Webデザイン, 便利ツール, 色彩 以前書いた記事「配色パターンからWebデザインを考える」を見た方から「いい配色だなーと思ってもうまく使いこなせない」という意見をいくつか頂きました。確かにすてきな配色をどうデザインに取り込んでいいのか、というのは難しいところです。今回は簡単に配色を提案してくれるオンラインツール「ウェブ配色ツール Ver2.0」を使って配色をWebデザインに取り込む方法を紹介します。 ↑私が10年以上利用している会計ソフト! ウェブ配色ツールを使った基本的な配色方法 まずこの「ウェブ配色ツール Ver2.0」について。テーマカラーを一色選べば、それにあった配色を提案してくれる配色ツールです。Webサイトのプレビューを見ながら配色の調整ができるので、初心者さんにもおすすめです! オレンジを元に色相差0°で配色した例。色相差を0°にすると同系色(=同
2017年6月29日 Webデザイン, 色彩 ページを開いた瞬間にそのWebサイトのイメージを左右するほど重要な要素「色」。しかし色の組み合わせ、配色には無限のパターンがあり、正しい配色を見つけるのは簡単なことではありません。ここでは色彩の基礎と配色パターンの見つけ方の一例を紹介します。 ↑私が10年以上利用している会計ソフト! まずは色彩の三属性について 色は彩度・明度・色相の三属性(三要素とも呼ぶ)から成り立っています。 彩度 色の鮮やかさの度合いを表します。彩度の高い色は派手・華やか・目立つ色といえます。子供服やキャラクターグッズ関連のサイトには彩度の高い色が使われることが多いです。逆に彩度の低い色は地味・おだやか・上品であるといえるでしょう。和食・ヴィンテージ風デザインのサイトには彩度の低い色がよく使われます。 明度 色の明るさの度合いを表します。明度が高い=明るい色はさわやかで爽
There is always one particular step you would like your website’s visitors to take. It is a step you are always concentrating on the most. It could be your subscribe button, and it could be the follow button or even the buy button. Whatever that call-to-action button is, always remember that whether people will click on it or not depends on how you make them feel while they are on your website. Yo
テクスチャの用途は単に背景に配置するだけではありません。最近のウェブトレンドでもある繊細なテクスチャを使用して、ウェブデザインに磨きをかける方法を紹介します。 How the use of textures can improve your web design 下記は各ポイントを意訳したものです。 はじめに 1. イラストの強調 2. エレメントのグルーピング 3. コンテンツの強調 4. リアリティとデザインの奥行き 5. 独創的な魅力 テクスチャを活用したウェブサイト集 はじめに ウェブデザインに必要なのは確かなる知識と創造性、そして情熱です。そして、素晴らしいウェブデザインを産みだすテクニックはたくさんあります。その中の一つ、テクスチャの使い方を紹介します。 1. イラストの強調 繊細なテクスチャは、イラストにより強い個性を与えることができます。下記のサイトにあるテクスチャは、イラ
TOP > Design , Photoshop > グラフィック制作に役立つ最新のphotoshopチュートリアル集「35 Fresh and Wanted Photoshop Tutorials」 WEB制作者からグラフィックデザイナーまで幅広く利用されているデザインツールphotoshop。利用しているという方も多いと思います。今回紹介するのは最新のphotoshopチュートリアルをまとめた「35 Fresh and Wanted Photoshop Tutorials」というエントリー。 Design a Beautiful Cosmic Space Scene in Photoshop 様々な表現のテクニックが実例を踏まえて紹介されています。今日はその中からいくつか気になったチュートリアルをピックアップして紹介したいと思います。 詳しくは以下 ■Create a Real
限られた予算と時間の中で、商品の販売、資料請求やダウンロードなどのビジネスサイトのゴールを達成するために効果的なデザイントレンドを紹介します。 5 Small Biz Web Design Trends to Watch 下記は各ポイントを意訳したものです。 はじめに 1. ミニマリスト 2. 独自の写真 3. 大胆なタイポグラフィ 4. アクションの呼びかけボタン 5. A/B テスト はじめに 中小企業のウェブサイトでは、ユーザーの注意を取り込みブラウジングをうながし、あなたのプロダクトあるいはサービスにおける利害関係を起こして、販売へと結びつける必要があります。 限られた時間と予算の中で、少しでも多くの可能性のあるユーザーに興味をもってもらうにはデザインは必須な要素です。 ここに中小企業のウェブサイトに大きな効果を与える5つのデザイントレンドがあります。 1. ミニマリスト Ambl
2017年6月29日 Webデザイン Webデザインをやるのにデッサンなんて必要あるの?そう思っている人も多いと思います。確かにPhotoshopを使えば写真を手書き風に加工したり、イラスト風にすることも可能です。アイコンだって商用で使えるアイコンはたくさん出まわっていますね。それでも私は「デッサン力は必須ではない」けれど「あった方が絶対にいい」と思っています。そんなデッサンについて書いてみます。 ↑私が10年以上利用している会計ソフト! アンケート結果 [poll id=”2″ type=”result”] こっそり行ったアンケート第二弾!一位は「自信はないけど描ける」という答えでした。2位以下は近差でしたが、「無理!」という人が一番少ないですね。この答えからも見えてくるデッサン力の必要性。あれ、そもそもデッサンってなんなんでしょ? デッサンとは デッサンとは、目で見た物体の形状や質感、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く