さて、先日バンクーバーな僕らをリニューアルしました。得に特別な事をしたわけでは無いのですが、ここ最近とにかく会社の事やらシェアハウスの事やらでテンヤワンヤしておりまして、自分の制作環境の話等を書いておらず、情報が昔のままになっていたので、今日はさっきまで色々試しながらこのサイトを作ってたという事もありますし、忘れない内に覚えてる範囲で備忘録的に書いておこうかと思います。 恐らく今後もどんどん変わっていくかと思いますし、まだまだ学び途中の物も沢山ありますが、まずは参考にした物も含め共有させて頂きます。去年書いた記事と比較しながら読むとちょっとは楽しめるんじゃないかと思います。 レスポンシブやらアイコンフォントやらフラットやら!2013年の気になる技術やデザインを試してみたリニューアル手順! また、このブログでは何度か触れていますが、もはや僕はクライアントのために手を動かして何かを作るという事
以前、Facebookっぽいナビゲーションをレスポンシブデザインで実装するプラグイン/チュートリアル色々という記事を書かせて貰った事があるんですが、今回たまたま見つけたNavobileというjQueryプラグインがかなり楽ちん完成度高めだったので、ちょっとご紹介させて頂ければと思います。 こう、スマフォでFacebookアプリ使う時、画面がスライドしてナビゲーションが表示されるあの動きですね。あの動きをオフキャンパスナビゲーションと言うらしいのでメモ! それでは行ってみましょー! 元サイトもそうなってるんですが、PCブラウザから見たらこんな感じ。 それをスマフォで開くと、 こういう動きが可能になる奴ですね。ちなみにレスポンシブナビゲーションの種類はこちらに色々と紹介されてあるので、是非ご参考にどうぞ〜。 実装も恐らくサンプルファイルを見ながら実装してみたら恐らくすぐわかるかと、Github
最近多いですねー、1ページで完結するタイプのサイト。One Page Loveのサイトなんかから、シングルページの事例も大量に見ることが出来ますし、パララックスやらフリップ型のコンテンツやら、なんか色々出てきてて着いて行くのがやっとです… でも実際シングルページをつくろうとすると、え?何これどうなってんの?って物も多くてビビることもしばし。 ってことで、今日は僕が知ってる中で『お、これ、シングルページ作る時に使えるんじゃね?』って物を幾つかご紹介させて頂きます! 主にはシングルページデザインの表現の幅を広げるjQueryプラグインの紹介になるかなと思いますが、楽しい物も多いので、是非興味があれば試してみてくださいませ〜! それではいってみましょー! パララックススクローリング系プラグイン この辺は以前に紹介したことがあるものばかりなので、ぱぱーっと行きます。 jQuery Waypoint
あー、これは画面幅で切り替えるタイプでレスポンシブWEBデザインを作るなら結構便利だなぁーと思ったのでシェア! Duo – Electric Pulp アプリ自体はかなーりシンプルで、Duoを起動すると以下のようなブラウザが開くというだけ。見たらすぐわかるかと思いますが、左側がスマフォ用、右側がPC用といった感じに画面が分割されていますね。 こーんな感じ。 device-width指定で変更する箇所はウィンドウサイズだけ可変した所で変更されないのがちょっとなと思いますが、単にmin-width指定で変更する場合には、このアプリは非常に有効かなと思います。 最近は、PCよか断然スマフォからのアクセスが多いじゃーんって事で、モバイルファーストなサイトの方が個人的な案件には断然多く。まずはスマフォ版から作ってmin-widthで指定してPC版に対応させるって流れの方が多いので、僕としてはとりあえ
皆様、新年あけましておめでとうございますっ! さて、今年も年が明けましたね〜。なんか去年は本当に色々な事があったように思う一方。12ヶ月の内2ヶ月を休暇で過ごしてしまった事もあり、正直サボりの一年だったようにも感じてしまうのが正直な所ですが…。かたや一昨年は学校に合計4ヶ月くらい通って学校ばっかの一年だったし… 『来年本気出すっ!』って言って、全然実現してないダメ人間の典型ですね! しかし今年こそはちょっと(久々に)本腰入れて自分を追い込もうと思っているプロジェクトがFrog含め幾つかあるため、また一層勉強に仕事に遊びに旅行と、全部思いっきり励んで行きたいなと思っていますのでよろしくお願いします〜。 と、言うわけで早速ですが、今日は僕が去年お世話になりまくったので、2014年も多分お世話になるであろうサイトを、全て片っ端からまとめてみようと思います。 毎回こういうまとめは適当ですが年末年始
『一時間前の自分より、一秒でも作業スピードを上げる努力をなさい。』 僕が心の底から尊敬する人に以前言われた言葉です。今でも僕の背中にはこの言葉が刺青として刻まれて……いたらどうしよう恥ずかしい(汗) さて、毎年年末年始は僕にとって今まで自分が意識してきた作業スピード、そしてクオリティの両面を試す時期です。去年作ったものより、どれだけクオリティを上げることができ、どれだけ作業スピードを上げることが出来たのか。まぁ、タイトル通り、完全自己満足万歳な記事なので、去年よかちょっとスキル/スピード上がったかなぁと僕自身が感じられたら良しとしてます(笑 とりあえず、難しい話はありません、今回はみんな大好きWordpressでブログを作ります。基本、僕の作業手順を追いながら制作の助けになったリソースを紹介していく感じになりますが、何かの参考になれば嬉しい限りです。制作したサイトは公開してますので、最後に
高卒でバカなのに最高に楽しい僕の生き方と守りぬいてきたこと 199.7k件のビュー 自分のやりたい事を仕事にしてる僕らに見られる10個の特徴 125.3k件のビュー 今更聞けない?!WEBデザイナーなら最低限知っておきたい有名フォントの数々 108.3k件のビュー 現代における留学が無意味だと思う5つの理由と、目標とすべき5つのこと 83.4k件のビュー 『海外に住めば英語は出来るように成る』は本当か?5年間カナダに居座った僕が体感したTOEICとかの意味 81.9k件のビュー 英作文に時間をかけるな!英語圏のWEB制作現場でよく使われる英語表現テンプレート集!【メール編】 60.3k件のビュー 超かっこいいタイポグラフィを駆使した映像の数々!息をのむ程魅入った映像総まとめ 47.9k件のビュー チーム間のコミュニケーションを円滑にしたい時に試してみるべきツールやWEBサービス色々 46.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く