Google Fonts正式版に日本語がやってきた！ | バシャログ。

2018/09/03 99 users 日本語 正式版 カメラ 早期アクセス版 週末

週末に『カメラを止めるな！』を見てきたyanagimachiです。 全然事前情報入れずに行ったのですが、何も知らない方が楽しめそうなのでネタバレとかはやめておきます。 さて、今回はGoogle Fonts正式版に日本語がやってきた！ということで、どれが正式版になったか、まだ早期アクセス版を使うべきなのはどれかなどまとめて... 続きを読む

画面遷移がすごいサイトのまとめ | バシャログ。

2018/02/21 155 users 画面遷移 チャットグループ チェケラ tvk まとめ

TVKで再放送されているあぶデカにハマっているgamiです。あの時代の関内・馬車道あたり物騒すぎるでしょ…。 さて、以前にも紹介しました、気になるデザインを共有するDesignClipという社内のチャットグループより、画面遷移がシームレスでこいつぁすげえや！となったものを幾つか紹介できればと思います。チェケラ！ 佐久間徹設計事務所 デザインはすごくシンプルで動きもいいと印象によく残ります。 下位ペ... 続きを読む

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

2016/04/20 350 users North-Geek NxWorld ICS MEDIA

Webサイト制作時に、僕がいつもお世話になっている素晴らしいWebメディア・ブログがいくつかあります。 そこで今回はいつも参考にしている フロントエンドエンジニアにオススメのブログ を紹介します。 dwango creators' blog おすすめ記事 バシャログ。 おすすめ記事 ICS MEDIA おすすめ記事 commte おすすめ記事 NxWorld おすすめ記事 Syncer おすすめ記... 続きを読む

Vagrant+ItamaeでPHPアプリケーション開発環境を作る | バシャログ。 | 横浜でWeb制作を行うシーブレインスタッフによる技術情報ブログ

2015/08/31 69 users シーブレインスタッフ 横浜 Web制作 技術情報ブログ

マウスといえばロジクール！なtanakaです。先日発売されたMX Master、もちろん買いました。数えてみるとVX Revolutionから始めて、7台は買ってました。先代のM950にくらべて形が少し変わりましたが、軽くなって操作しやすくなったと思います。 今日は、PHPアプリケーションの開発環境をVagrantとItamaeを使って構築する方法を紹介します。 Itamae について Itama... 続きを読む

VirtualBox 5.0 の準仮想化で仮想マシンの動作が速くなった | バシャログ。

2015/07/23 74 users 仮想マシン tanaka Vagrant 動作 準仮想化

tanakaです。 VirtualBox 5.0が7月9日にリリースされました。Linuxゲスト向けの準仮想化設定を有効にしたところ、開発しているWebアプリケーションの処理速度が130～200%高速になったので既にVagrantを使っている場合のアップグレード手順をご紹介します。 1. アプリケーションをアップグレード Download VirtualBox 5.0.0 以降をダウンロードしてく... 続きを読む

これって使えたっけ？IE8対応コーディングのポイントをおさらいしてみる | バシャログ。

2015/07/17 79 users ポイント

こんにちは。Latinです。 今年は長めの夏休みが取れそうなので、旅行でも行こうと画策しております。 さて今回は、久々にコーディングネタです。 弊社の最近の案件では、対象ブラウザがIE8+という案件がほとんどになってきました。 「安心してください。IE10以上です。」 なんて言われたら嬉しい限りなんですが、まだまだ少ないのが実状です。 「悪夢のIE7対応」を考えなくて良くなっただけでもコーディング... 続きを読む

CSSでblock要素を上下左右中央寄せにする、イマドキの方法。 | バシャログ。

2015/06/14 972 users いまどき CSS block要素 上下左右中央 margin

Backjoyを買ってみたらほんとに腰が楽なminamiです。 CSSで要素を上下中央寄せする方法は古くから色々と試されてきました。 今回は海外のサイトで知って目から鱗だった方法をご紹介します。 基本的な設定 上下左右中央寄せしたい要素に以下のCSSを設定します。 position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: a... 続きを読む

人物を素早く切り抜く方法 | バシャログ。

2015/05/28 67 users 人物 macky フレームワーク 方法 ルー

こんにちは。mackyです。 もうすぐカレーの季節ですね。「CSS カレー」で検索したら（暇じゃないです）「フレームワークはカレーのルーだ！」って記事が引っかかりました。 この一文でイメージがつかめる素晴らしい例えですね。カレーってすごいですね。（暇じゃないです） さて、今日はタイトル通り、人物をいい感じに素早くキレイに切り抜く方法をご紹介するのですが、特に人物の服と背景が同化しちゃってるような写... 続きを読む

Heroku で始める簡単開発 | バシャログ。

2015/04/17 53 users Heroku

皆さんこんにちは。先輩社員の方々にこのトークは面白くなくて良いと アドバイスを頂き安堵している fujihara です。なので早速本編に入っていきます。 背景にはブログ内の記事で公開したプログラムを確認できる場所があればと思い、 探していたところ Heroku 良いね！ってなり導入した手順を紹介したいと思います。 (過去の記事では JSFiddle も使用しましたが 言語が js のみなので 今後... 続きを読む

CSS で「吹き出し」をつくってみる | バシャログ。

2014/12/25 76 users CSS macky マッキ div before

こんにちは。mackyです！ 最近、何かと吹き出しを目にすることが多かったので自分でもサンプルを作成してみることにしました。 よかったら読んでみてください。 では、早速。 HTML HTMLはこの一行。 <div class="baloon">お久しぶりです。まっきーです。ここに好きなテキストをいれてね。</div> CSS：スタンダードな角丸長方形 使える環境であれば使いたい :before 。... 続きを読む

フォントサイズをremで指定する。（emとの比較） | バシャログ。

2014/10/06 69 users rem macky RWD フォントサイズ まえ

こんにちは。mackyです。 CSS3で追加されたremという単位が便利な理由をpxやemと比較してまとめてみました。 IE8以下は非対応ですので、px指定を追加する必要がありますが、 スマートフォンやRWDにはとても便利です。 ちなみに、 remというのは、「root+em」（ルートエム）の略でhtmlのサイズを継承するemだと。 なるほど、とてもわかりやすいです。 そのまえにem（pxも）の継... 続きを読む

position: absolute; の指定で要素が上下左右中央配置になる理由 | WWW WATCH

2014/08/06 433 users CSS いまどき block要素 上下左右中央 人気エントリー

人様の人気エントリーに乗っかる感じで恐縮ですが、「CSSで block 要素を上下左右中央寄せにする、イマドキの方法。 ： バシャログ。」 という記事が話題になっていたので、なんでその指定で上下中央配置になるのか補足してみます。 詳しい話は下記のリンク先をご覧ください。 CSSでblock要素を上下左右中央寄せにする、イマドキの方法。 ： バシャログ。 何でこういうことを書くかというとですね、例え... 続きを読む

CSSでblock要素を上下左右中央寄せにする、イマドキの方法。 | バシャログ。

2014/08/06 972 users いまどき CSS block要素 上下左右中央 margin

Backjoyを買ってみたらほんとに腰が楽なminamiです。 CSSで要素を上下中央寄せする方法は古くから色々と試されてきました。 今回は海外のサイトで知って目から鱗だった方法をご紹介します。 基本的な設定 上下左右中央寄せしたい要素に以下のCSSを設定します。 position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: a... 続きを読む

なんだかちょっと楽しい...。フォームの新しい入力属性と疑似クラス | バシャログ。

2014/07/15 75 users 疑似クラス macky HTML 猛スピード コチラ

こんにちは。mackyです。いやー、夏ですね。夏が終わったらもう年末ですね。私は毎年この時期から猛スピードで一年が終わります。早く走らないと。。詳しくはコチラをご覧ください。 さて、今日は、HTML5で新しく追加された入力属性にちょっと「なんか楽しいかも...」と感じたので、この気持ちが冷めないうちにまとめることにしました。 新しい入力属性 autofocus オートフォーカス。 ページを開いたと... 続きを読む

子ページから親ページ（別ドメイン）の iFrame の大きさを操作する | バシャログ。

2014/07/10 58 users iframe スクロールバー Tips 想定 台風

近いうちに大型の台風が来ると聞いてソワソワしている kimoto です。ここ数年で最強とか言われると身構えちゃいますよね…。 さて、今回は tips です。 別ドメインのページを iFrame 内に表示した際に、想定よりページの縦幅が大きくて、iFrame にスクロールバーが出てしまう…。 最初の表示時に大きさ合わせたけど、iFrame 内でページ遷移すると中のページの大きさが変わっちゃうので下に... 続きを読む

【WordPress 連載企画 第1回】Vagrant をインストールしてローカル開発環境を作ってみよう | バシャログ。

2014/06/16 64 users Vagrant tanaka 体裁 WordPress 連載

こんにちはエンジニアのtanakaです。今日からスタッフ持ち回りでWordPressの連載を始めることになりました。制作環境を作るところからサイトの体裁を整えるところまでやっていくのでよろしくお願いします。 今回はCentOS・Apache・PHP・MySQLのインストール・データベース作成を自動化することでWordPressの開発環境をカンタンに作る方法について説明します。 WordPressの... 続きを読む

【Photoshop】テクニックを習得！チュートリアルを集めました！ | バシャログ。

2014/05/27 86 users Photoshop チュートリアル 習得 テクニック 水しぶき

来月に発売されるMartynの新作にFour Tetが参加してるみたいなので、とても気になるokadaです。 今回は、Photoshopのチュートリアルを集めました。よろしくお願いします。 【Photoshop】テクニックを習得！チュートリアルを集めました！ Amazing Water & Light Splash Effect in PhotoShop 水しぶきとライティングを用いたチュートリア... 続きを読む

職人技！CSSだけでつくったアイコンまとめサイト（コピペで使える） | バシャログ。

2014/05/19 89 users CSS コピペ 職人技

こんにちは。 今更ながら、朝スムージー始めました。mackyです。どうせすりつぶされて少なくなるんだろうと思い、目分量でいろいろ突っ込んでみた結果、 5人前くらいできてしまいました。…野菜ってすごい。 さて今日は、気分転換もかねてcssだけでつくったアイコンがいろいろ紹介されているサイトを集めてみました。 One div - The single element HTML/CSS icon dat... 続きを読む

11の項目を設定するだけでJavaScriptコーディングガイドラインが作成できるjsCode | バシャログ。

2014/05/07 106 users 項目

ゴールデンウィーク中に5年ぶりにフットサルをしてまだ筋肉痛が癒えてないishidaです。社内でフットサル部を立ち上げてみましたが、参加人数が少ないので横浜近辺で一緒に球蹴りしてくれる人を募集中です。 さて今回は、JavaScriptのコーディングガイドラインを作成してくれるサービスのご紹介です。 JavaScript は HTMLやCSSよりも自由度が高いので、 ガイドライン化してコードを統一する... 続きを読む

スマートフォンサイトのコーディング Tips あれこれ | バシャログ。

2014/04/23 691 users macky Latin スマートフォンサイト 横幅 CSS

ゴールデンウィークはゴールデンに過ごせそうにない Latin です。 今回はスマートフォンサイトのコーディング周りでのあれこれをまとめてみます。 先日の macky の記事、「スマホサイトの矢印付きメニューをCSSのみで実装する。」もあわせてご覧ください。 viewport 系の設定 描画サイズをデバイスの横幅に合わせる、拡大縮小を不可に これが一番よく見る形式でしょうか？ <meta name=... 続きを読む

【JavaScript】デザインパターンを知ってみる。モジュール・パターン編 | バシャログ。

2014/03/24 361 users モジュール YUI 手始め フレームワーク ライブラリ

JavaScriptで書くデザインパターンが気になっているので、手始めに一番よく見ているであろうモジュール・パターンについていろいろ調べてみました。 なぜ使うの？ モジュール・パターンは名前の通り、処理を他の処理とぶつからないように安全に切り離し、モジュールの形として提供する考え方です。YUI などの大規模なフレームワークから小さなライブラリにも取り入れられています。以下のようなメリットがあります... 続きを読む

【Photoshop】あると便利！無料パターンを集めました。 | バシャログ。

2014/03/24 72 users Photoshop マリノス ＡＣＬ ダブルクリック パターン

なかなかマリノスがACLで勝てないので、ヤキモキしているokadaです。 今回は、Photoshopパターンを集めました。よろしくお願い致します。 【Photoshop】あると便利！無料パターンを集めました。 追加方法 ダウンロードした.patファイルをダブルクリックをして追加するか [レイヤー効果]→[パターンオーバーレイ]をクリックし、1から3をクリックし、パターンの読み込みで追加します。 {... 続きを読む

あれ、いつも書いてるな～というJavaScript の小技集 | バシャログ。

2014/03/05 510 users minami JavaScript 小技集 Tips 配列

いい加減髪を切りたいminamiです。 JavaScriptでいつも書いてるな～という処理や、知っていると便利なTipsを簡潔に集めた記事を見てほお～と思ったものがいくつもあったので抜粋してみました。 45 Useful JavaScript Tips, Tricks and Best Practices 配列からランダムで値を取り出す var ary = ['犬','猫','鳥','タコ','イ... 続きを読む

【Photoshop】使える！ブラシを集めました。 | バシャログ。

2014/02/25 93 users Photoshop ヘビロテ ダブルクリック ブラシ 読み込

DJ NOBU 「 Dream into Dream 」がヘビロテのokadaです。 どうぞよろしくお願いします。 今回は、使える！Photoshopブラシを集めました。 よろしくお願いいたします。 【Photoshop】使える！ブラシを集めました。 追加方法 ダウンロードした.abrファイルをダブルクリックをして追加するか ブラシツールをクリックして、1から3をクリックし、ブラシファイルの読み込... 続きを読む

【いまさら聞けない】初めてバージョン管理システム（Subversion、Git など）を使う時はここに注意 | バシャログ。

2014/02/18 76 users 雪かき 多人数 Subversion バックアップ 先々週

先々週の雪かきで腕の筋を傷めた kimoto です。もう1週間以上経つのに未だに痛い…。ぜんぶ雪のせいだ。 今や現場に欠かせないツールであるバージョン管理システム。 これのおかげで、多人数で同時に開発しても問題ないし、無駄にバックアップを取る必要もないし、ある時点へ戻すことも簡単だしで、もうとにかく良いことづくめです。 しかし、慣れないうちはいろいろと戸惑うこともあるかと思います。 とても便利なツ... 続きを読む