読者です 読者をやめる 読者になる 読者になる

North-Geek

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

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

ブログでも最低限守ってほしいWebアクセシビリティ4つ

Web Webデザイン blog

Webアクセシビリティ

こんにちは!「Web Accessibility Advent Calendar 2016」の2日目は、北海道でフリーランスのWeb屋をしているNorth-Geekの記事になります。見ていただいている方、ありがとうございます。
www.adventar.org

続きを読む

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

f:id:northgeek:20160531233451j:plain

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

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

続きを読む

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

Webデザイン Web Web-css web-jquery

f:id:northgeek:20160522214010j:plain

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

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

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

Demo

続きを読む

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

Web web-jquery Webデザイン blog-カスタマイズ

f:id:northgeek:20160519231302j:plain

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

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


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

Demo

続きを読む

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

blog blog-はてなブログ blog-カスタマイズ

f:id:northgeek:20160512225047p:plain

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

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

続きを読む

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

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

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

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

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

続きを読む

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

Webデザイン git プログラミング

f:id:northgeek:20160416232315j:plain

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

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

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

続きを読む

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

tips 仕事のこと

f:id:northgeek:20160509233223j:plain

www.mazimazi-party.com

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

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

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

続きを読む

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

tips

f:id:northgeek:20160508172506j:plain

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

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

続きを読む

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

blog blog-運営報告

f:id:northgeek:20160506091455j:plain

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

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

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

続きを読む

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

Webデザイン プログラミング フロントエンド

f:id:northgeek:20160416222657p:plain

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

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

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

続きを読む

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

Webデザイン プログラミング フロントエンド

f:id:northgeek:20160420205440j:plain

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

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

続きを読む

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

blog blog-はてなブログ

f:id:northgeek:20160417174659j:plain

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

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

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

続きを読む

札幌に10年以上住んでいる僕が厳選したおすすめの味噌ラーメン屋10店

北海道 北海道-札幌 グルメ

f:id:northgeek:20160412204508j:plain

札幌在住の味噌ラーメン大好きエンジニアの僕が、おすすめの札幌味噌ラーメンを10店紹介します。

味噌ラーメンが好きな人は必見です、食べてみて絶対に後悔させないお店を厳選しました。

続きを読む

Copyright© North-Geek All Rights Reserved.