BLOG﻿メニューとウィジェットFacebookTwitter検索:ABOUT当サイトは株式会社アートグラフィック新潟WEB制作ブログです。WEB制作にまつわることや新潟の情報など投稿していきます。会社のホームページはこちら♪ご注意:記事は当時の情報を元に書かれておりますので、仕様が変更され記事と合わない事がございますので、その際はご容赦願います。素敵な新卒採用サイトのまとめ各企業がそれぞれに趣向をこらした採用サイト。それは普段目にするベーシックなコーポレートサイトとはひと味違い、個性的で見応え抜群です。今年も2017年度の新卒採用が続々と公開されています!その中でも特に印象的だったサイトをまとめてみました。※以下は2016年4月28日現在の情報です。GMOペパボ株式会社https://pepabo.com/recruit2017/シミュレーションゲーム形式で、実際の社員さんの一日を楽しく体験することができます。(はじめに「さようなら」を連打してしまった人は私以外にもたくさんいるはず)この臨場感のあるサイトは、リアルな一日の流れを知りたいという、昨年の内定者の声から生まれたそうです。-加藤憲ホールディングス株式会社http://www.ktk-hd.com/recruit/ちょこちょこと動く文房具モチーフの遊園地が可愛い!マウスオーバーのアニメーションなど、細かいところまでこだわりを持って作られているのを感じました。採用サイトhttp://www.denryoku.co.jp/recruit/直線的な幾何学模様で、一見シャープに見えがちですが、ロゴカラーの「緑」や「黄色」をベースにした配色や、手書き文字を使用することで、ほどよい柔らかさのある親しみやすいデザインになっています。エイム株式会社エイム株式会社新卒採用サイトhttp://www.aim-info.co.jp/recruit/紺色を基調とした、シンプルでシャープなデザイン。マウスオーバーなどのアニメーションからスピード感も感じました。業務の1つとして自動車開発があるので、そこから派生した「動きのデザイン」なのでしょうか。NTTデータ先端技術株式会社http://www.intellilink.co.jp/recruit/index.html斜めのラインを用い、こちらもシャープなイメージのデザインです。Fiters」という「仕事人」のかっこよさが出ています。Inc.http://www.tokyu-agc.co.jp/recruit/2017/special/top.html三角形を組み合わせで、文字やあしらいを表現。崩れて再生される文字が、みていて気持ちいいです。新卒採用情報2017http://litalico.co.jp/recruit2017/こちらも三角形をモチーフにしたデザイン。カラフルな色使いで全体的にポップな雰囲気になっています。2017https://www.adk-recruit.jp/本来選ばれる方の応募者が、逆に面接官を選んでしまうという「相棒採用」なる、ユニークな採用方法がとられています。新卒採用サイトhttp://nichii-saiyo.com/2017/サイトのコンセプトになっている矢印はトップはもちろん、ページのいたるところに用いられています。トップのだんだん接近していく、スクロールでのページ変化はダイナミック!ほぼ全てのページがそのページ独自のレイアウトになっているので、すみずみまで見応えがありました。2017http://www.kuraci.co.jp/recruit/金と紺をポイントに使用した、上品なイメージです。コンテンツの背面に淡い色をさりげなく引いてあるのも素敵。枠にとらわれていない文字や写真のレイアウトは、まるで「動く雑誌」のようです。変わったURL...ぜひサイトにいってその変化をみてほしいです。コメントを残すカタログから物撮りを”作る”まず、ほとんど「ありえない」事があった時に役立つであろう「イレギュラーな注文へ答える」ための記事です。商品を掲載する際に、『品物が手元にない』『生産中で製品が1つもない』...などなど、写真が用意できなくて困る事があります。■コンテンツ追加とプチリニューアルクライアント名:ヤマザキライス様URL:http://www.yamazaki-rice.com/制作内容:メインビジュアルをスライダーから背景動画に変更しました。ドローンで撮影した動画をご提供いただきました。※弊社撮影ではありません。弊社へドローンの撮影をご希望される場合はこちらをご覧ください。あらたな取り組みにチャレンジされるとのことでコンテンツの追加をいたしました。新発田市を中心に幼稚園と保育園を展開している法人様です。2016年4月1日にオープンした新しい認定こども園です。新発田市を中心に幼稚園と保育園を展開している法人様です。2016年4月1日にオープンした新しい保育園です。以前書いたslickの記事が比較的に読んでいただけているようなので、調子に乗ってもう一つ書きます。サムネイルの位置を切り替える現在(2016年4月)弊社では求人を募集していまして、求人ページを作った時に使ったパターンです。この個所(INTERVIEW)です今回はカルーセルスライダーで、真ん中の写真だけちょっと拡大させて見せるやつです。カルーセルスライダーでたくさん写真があるぞっていうのを示しておいて、その中でウェイトを付けてあげることで目を引いてもらうパターンですね。公式のサンプルの中のセンターモードで紹介されているやつ何ですが、普通にセンターモードにするだけだとこうならないし、特に公式では拡大させる方法が紹介されていないんですよね。※見つけられていないだけかもしれません...ということで求人ページのやつをもう少しシンプルにしたデモを作ってみました。960px;で画面のセンターに寄せている、個人的に使っているクラスなので無視してください。あとは比較的普通です。nextSlide){$('.slick-dots').find('li').removeClass('slick-current');$('.slick-dots').find('li').eq(nextSlide).addClass('slick-current');});});Javascriptで大事なところは、centerModeをtrueに設定すること。slidesToShowは奇数にすること。centerPaddingで画像間の余白の調整になると思います。scale(1.10);}ここだけなんですよね。slickの場合、センターモードにすると、currentスライダーがセンターになり、.slick-currentが付与されるので、.slick-currentの中の画像のscaleを大きくしてあげています。visible;にするか、paddingで上下に余白をとってあげれば大丈夫です。基本的にはこれで何とかなると思います。100%;にしてカルーセルスライダーを画面のセンターに絶対配置してあげるとよいと思います。あとは大きさや画像ふちを付けたり、影を付けたりと装飾して見た目を整えます。slick使いやすくて好きです。前回のとはちょっと毛色が違いますが、こんな使い方もできますね。(というか、こちらの方がslickっぽいですね)ほかにもこんなことできたーとか出てきたらまた紹介しますね。こんなんはできないのか?ってのがあれば、挑戦してみますのでコメントください。詳しい内容はこちらから事業紹介はこちらから※この情報は2016年4月現在の情報です。詳しくはアートグラフィック新潟Webサイトよりお問い合わせください。WordPressにお手軽にフォームを設置でき、カスタマイズも自在な人気プラグインです。私も長いことお世話になってます。バージョン4.4に上げたあたりから、警告がダッシュボードに出るようになりました。設定は何も変えてないのに出た場合は、このまま利用してもちゃんとメールは届きます。放置してましたが、やはり気になるので、きちんと対処してみました。今回の例では、エラーが2個ありました。いうか書いてありました。実際の設定画面を開いてみると、赤字の警告が該当項目の下に書いてあります。それぞれ対処しましょう。題名の方はカンタンな話で、フォームからの送信時に題名が入ってないと、題名無しのメールになってしまうので、警告が出ます。ここは、題名が空欄の場合でも何らかの文字が入るように、分かりやすく「件名:」と入れてみました。送信元のエラーですが、例としてあげたWordPressはドメインsample.com/test/と言うフォルダに構築しているため、ドメインが違うと認識されたようです。(もしかしたら違う理由かもしれませんが、それしか心当たりが無いので。)サブドメインを使っていても同じエラーが出るようです。test@sample.comのように、アドレスを書き込んでください。[]を取るのを忘れずに。構文エラーで怒られます。この状態で保存をすると、エラーが無くなり警告も表示されなくなりました。用法として正しいメールを送るように警告しているので、送信に支障が無くても折を見て対処した方が良いでしょう。コメントを残すFacebookページのカバー画像が増えたから一挙公開します!!こんにちは!みなさんのところの桜はいかがですか??新潟の桜はそろそろ散り始めています。Teamではこのブログの他にFacebookページもやっています。(Twitterもありますよ♪)Facebookページでは、毎月担当を換えてカバー画像の更新をしてきました。そのカバー画像がたくさんたまったので、列挙してみようと思います。カバー画像は、デザイナーだけでなくディレクターやコーダーも日頃の息抜きと、とても前向きな協力(と言う名のプレッシャー)にてみんなで作っています。コメントを残すWindows10でXAMPPを使ってApacheが立ち上がらない先日、半強制的にWindows7からWindows10にアップグレードしたのですが、OSのバージョンが変わると、どこに何があるか、わからなくなりますね。Windows10にアップグレード後、初めてローカルサーバーを起動しようとXAMPPを立ち上げたら、何やら赤文字でエラーが表示されています。????よくわかりませんが、どうやらApacheが立ち上がらないようです。エラー内容がわからなかったので、google先生に聞いてみることにしました。参考サイトhttp://personal-studio9.com/xampp-windows10/どうやら80番ポートがWindowsによって使われているからApacheを起動できません。使われているWindowsのIIS(インターネットインフォメーションサービス)をオフにします。機能の有効化または無効化を立ち上げなければいけないのですが、Windows10にアップグレードしたばかりで、コントロールパネルがどこにあるかわかりません。探してみたら、スタートメニュー>すべてのアプリ>Windowsシステムツール>コントロールパネルにありました。機能の有効化または無効化を立ち上げます。インターネットインフォメーションサービスが起動していますのでここをオフにします。オフにして再起動して設定完了です。再起動後、無事にApacheが立ち上がりました。アートグラフィック新潟採用ページ自由人募集します。やりたいことがあるのなら、その自由な発想でどんどんチャレンジできます。アクティブに動ける人であれば、どんなことでも実現できます。私たちは、あなたの「自由」を受け入れることができます。アートグラフィック新潟はそれができる会社です。