North-Geek

North-Geek(ノース・ギーク) 北海道札幌市在住のWebプログラマー・エンジニア

北海道札幌在住のWebプログラマーのブログです。

読むだけで簡単に「はてなブログ」のデザインをおしゃれにカスタマイズする記事まとめ

f:id:northgeek:20160531233451j:plain

今回は「読むだけで簡単に「はてなブログ」のデザインをおしゃれにカスタマイズする記事まとめ」を紹介します。

いろいろとカスタマイズ記事を紹介してきましたので、そのまとめ記事とプラスアルファを書いていこうと思います。

続きを読む

【jQuery&CSS3】要素の位置までスクロールすると背景をパタンとアニメーション表示する方法

f:id:northgeek:20160522214010j:plain

Webサイト制作時に使えるTips系の記事になります。

Web制作の担当ディレクターから「カッコイイ動きない?」と言われることがあるのですが、そのときよく提案する「スクロールして要素の表示位置まで到達したら背景をおしゃれにアニメーション表示する」という動きを紹介。

早速ですが、まずは下記のDemoを御覧ください。

Demo

続きを読む

【jQuery】ナビゲーションをアニメーションで表示しページ上部に固定する方法

f:id:northgeek:20160519231302j:plain

フロントエンドの仕事でWebサイトの構築をしていると、スクロールしてナビゲーションの高さを超えたら上部へ固定し、元のナビゲーションの位置より上に戻ったら上部固定を解除するという処理をすることがよくあります。

今回はプラスアルファで、上部固定をするときにアニメーション付きでナビゲーションを表示する方法を紹介しようと思います。


早速ですが、まずは下記のDemoを御覧ください。

Demo

続きを読む

コピペでOK!ブログのフォントをカスタマイズする方法【はてなブログカスタマイズ】

f:id:northgeek:20160512225047p:plain

久しぶりにブログのカスタマイズシリーズ書きました。今回はフォントです。

フォントはカスタマイズするだけでWebページやブログの印象を変えることができますので、オススメのカスタマイズです。

続きを読む

おしゃれなスニーカーのおすすめブランドといえばオニツカタイガーでしょ!

f:id:northgeek:20160510223358j:plain
Onitsuka Tiger: Home

履くだけでオシャレに見えるスニーカーはたくさんありますが、その中でも断トツでおすすめするのが「オニツカタイガー(Onitsuka Tiger)」です。

オニツカタイガーとは、1949年に鬼塚喜八郎が創業したスポーツシューズのブランドです。(後のアシックス)
2002年に復活しヨーロッパにおけるレトロファッションで流行り、その後2014年くらいから日本でも流行りだしているブランドです。

日本のものがヨーロッパで流行ってから、日本でも流行りだしたっていうのがなんか良いですよね。

続きを読む

Git初心者が使い方を学習するためのおすすめサイトをまとめてみた

f:id:northgeek:20160416232315j:plain

エンジニアにとってGitは必要不可欠なツールと言っても過言ではないでしょう。僕が働いている会社でもほとんどの案件でGitが導入されています。

ただし、Gitを使えるようになるにはそれなりに学習が必要になります。

そこで、Web上でもGitの使い方を学習できる質の良いコンテンツがいくつか存在すので、入門系から動画・スライド、そしてブラウザ上で動かせるサービスを紹介しようと思います。

続きを読む

退職したいなら出来るうちにしておくべきだと思う

f:id:northgeek:20160509233223j:plain

www.mazimazi-party.com

こちらの退職エントリが大変賑わっていて、とても面白く僕も退職に関しては言いたいことがあるので記事にしてみました。

退職エントリの内容は「新卒で入社した会社を2年目で退職してフリーランスになる」。ブコメを見るとけっこう批判的なコメントが多く見られます。

しかし、僕にはすごく良いことだと感じてならない。惰性で働いている人が多いですし、もっと自由な働き方をしていい。退職したいなら出来るうちにしておくべきなのです。

続きを読む

どれが良いか迷っている初心者必見!フットサルシューズの選び方

f:id:northgeek:20160508172506j:plain

最近は気軽にフットサルを出来る場所が増えたり、会社でフットサルチームをつくったりとフットサルの人気が高まっていますよね。そんな僕も会社でフットサルをすることになり、シューズを新調してきましたので、フットサルシューズの選び方を紹介しようと思います。

フットサルシューズはいくつか種類があるので注意が必要なので、注意点を含めて解説していきます。初心者必見です。

続きを読む

【ブログ運営報告】PVは先月の10倍に!初めてのホッテントリ入りを経験(開設5ヶ月目)

f:id:northgeek:20160506091455j:plain

今月は遅れてしまいましたが、開設5ヶ月目の運営報告です。

大変うれしいことにホッテントリ入りしたのを機に、PV数がグーンと10倍まで伸びました!

それでは開設5ヶ月目の運営状況を見ていきましょう。

続きを読む

Webサイト制作におけるフロントエンドの必須スキル&開発環境はこれで決まり!

f:id:northgeek:20160416222657p:plain

最近フロントエンドの流行がどうのこうのという記事をよく目にしますが、実際に現場で必要となるスキルと開発環境を紹介していきます。これくらい知っていると全く問題ない。といったことですね。

主にWebサイトを制作のスキルは、HTML・CSS、CSS3、Sass、SublimeText、Emmet、gulp、Gitについてのスキルがあれば開発がしやすく流行の開発環境ではないかと思います。

さて、そこでそれぞれの技術についておすすめ度や勉強の参考になるサイトと共に紹介していこうと思います。

続きを読む

フロントエンドエンジニアにオススメする参考になりすぎるブログ10選

f:id:northgeek:20160420205440j:plain

Webサイト制作時に、僕がいつもお世話になっている素晴らしいWebメディア・ブログがいくつかあります。

そこで今回はいつも参考にしているフロントエンドエンジニアにオススメのブログを紹介します。

続きを読む

Webサイトやブログ全体のはてブシェア数を調べる方法

f:id:northgeek:20160417174659j:plain

みなさんは自分が運営しているWebサイトやブログの総はてブ数をご存知でしょうか?

僕は全く把握していなかったのですが、最近は嬉しいことにはてブされることが多くなってきて、サイト全体ではどれくらいのはてブが付いてるんだろう。と気になりました。そこで取得する方法をを調べたので紹介したいと思います。

調べる前はシャア数を取得するサービスを自作しようかなとか思ったのですが、既にそういったサービスを作られている方がいましたので、そのサイト様を紹介致します!

続きを読む

Copyright© North-Geek All Rights Reserved.