イラストが楽しいサイトまとめ：2020年6月 | バシャログ。
イラストを使ったサイトをいろいろと見る機会があったので、その中で見つけた素敵なサイトのご紹介。 HELLO CYCLING https://www.hellocycling.jp/ 細かくアニメーションするイラストがにぎやかで楽しいサイト。 醸す 造る 播磨 https://harimacountry.com/ イラストの中にコンテンツが散りばめられたサイト。 イラストは5種類くらいあるのでぜひサイトで最後まで見てほしい。 ワンマーケティング株式会社 採用ページ https://www.onemarketing.jp/recruit/ アニメーションする文字がかっこいい。 メニューを開くたびにサイトのカラーが変わります。 庭仕事 久留米支店 https://kurume.niwashigoto.com/ ゆるいタッチの漫画がとってもかわいくてほっこりするサイト。 株式会社PATRA htt
日本語フリーフォントを検索できるサイトまとめ | バシャログ。
こんにちは。sitoです。 今回は、日本語のフリーフォントが検索できる便利なサイトを７つ紹介します。 ※個人利用のみ・商用利用可、どちらも含まれています。 ※使用する前には、必ず配布元で最新の利用規約を確認しましょう！ FONT FREE http://fontfree.me/ 無料で使える日本語フリーフォント投稿サイトです。 レイアウトがきれいでとても探しやすいです。 FREEフォントケンサク http://cute-freefont.flop.jp/ フリーフォントを書体別、ジャンル別で検索できます。 登録数も多くとっても便利。 FONT BEAR https://fontbear.net/ 商用利用可能なフリーフォントを探せる、ありがたいサイトです。 カテゴリや特徴などで絞り込みの検索ができます。 FONTDASU https://fontdasu.com/ こちらも商用利用可能なフ
マウスストーカーがすごいサイト その2 | バシャログ。
突然ですが、お知らせです。弊社ではフロントエンドエンジニアの募集をはじめました。 というわけで、マウス追従型のアニメーションを採用しているサイト、よく見かけるようになりました。なので第二弾をお送りします。チェケラ。 SOOTH株式会社 マウスがまず青丸にかわり、その後を残像のようにグレーの丸が付いてくる。 Volt for Drive マウスに特別オブジェクトがついてくるわけではなく、背景の地図が明るくなる。 余談ですが、同僚はこれを見て成金の風刺画の「どうだ明るくなったろう」を連想したそう。 One World One Face これはマウスに青丸が追従してくるのですが、ボタンにふれると青丸が消えてボタンが青に変わるので色を塗ってるような気分に慣れて楽しい。 DUCASSE Paris 局所的なマウスストーカーで、画像にリンクがある場合はオンマウスでカーソルが丸十字に変わる。しつこくなく
【WordPress 連載企画 第2回】テーマファイルの構造を理解しよう | バシャログ。
10日で覚えるWordPress カスタマイズ、連載第2回の今回は、テーマファイルの構造について説明します。 WordPressテーマ 今回は WordPress のテーマについて説明していきます。 テーマとは、サイトのデザインや機能をまとめた一つのファイル群です。wp-content/themes/を見てみると、各テーマがまとめられています。 テーマは WordPress 管理画面の[外観]→[テーマ]で有効化することで切替が可能になります。 それでは今回は、WordPress にデフォルトで同梱されているテーマ「twentytwelve」をベースにカスタマイズしていきます。 テーマ「twentytwelve」を複製し、オリジナルテーマ「bashalog-theme」というテーマを作りました。 テーマに必要なファイルは、このテーマディレクトリ wp-content/themes/bash
RWD のレイアウト変化をまとめてみた。 | バシャログ。
こんにちは、 連日の雨に身も心も萎え気味なmackyです。ビアガーデンで横浜の夜景を見ながらビールを飲むことを夢みてあと1か月はのりきろうと思う今日このごろ。 さて今日は、「レスポンシブウェブデザイン」のレイアウトの変化パターンをまとめてみました。 レスポンシブウェブデザインのレイアウトパターンまとめ。 この前、知ったのですが「レスポンシブデザイン」ではなく「レスポンシブウェブデザイン」もしくは「RWD」と略すのが正しいそうです。はい。「RWD」も口に出すと十分長いですけどね^^;私は「RWDで」といわれると、ついついMedia Queriesを思い浮かべてしまうんですが、RWDにもいくつかパターンがあるので今回調査＆まとめてみました。（ここでいうパターンとは最終的に１カラムになるまでの変化の仕方をいっています。） Column Drop Column Drop??って思う人もいるとおもう
最近よく聞く「モバイルファースト」って結局どういうこと？調査まとめ。 | バシャログ。
先日、MMD研究所が発表した調査結果によると、2014年4月時点でのスマートフォン所有率は56.5%、10代の所有率は84.5%だそうです。2人に1人以上はスマートフォン。。感じてはいたけれどここまできていたとは。この結果だけでもモバイル端末のこともっと考えてWebサイトつくらなきゃね！ということは頭ではわかるのですが、じゃあ、「モバイルファースト」だね！といわれると、明確な意味を知らんではないかいっということに気づいた○０代最後の夜。 「簡単に言うと、スマホサイトから作るってことでしょ？」とか、なんとなく間違ってないけどなんだか漠然としてる答えが浮かんでいる。。。という方は、ここいらでちゃんと調べてみようと調査してみましたので、よければ読んでやってください。（もう知ってるよってお方はスルーでおねがいします。） モバイルファーストの概念はここで生まれた！ Luke Wroblewski（ル
2013 年バシャログ。人気エントリーまとめ | バシャログ。
年末ってバタバタするけど、この雰囲気は嫌いじゃない kimoto です。 さて今回は、年末恒例バシャログ。まとめ記事。2013年に人気のあった記事をまとめてみました。 例年、エンジニア編とデザイナ・コーダ編に分け、それぞれベスト 10 を選出するのが常でしたが、さきほど ishida より「エンジニアとデザイナ・コーダで分ける必要なくね？」と言われたので、今回は全体から人気記事を抜き出してみました。 その代わり、例年はベスト10なのですが、今回はベスト20。一気にドーンとまいります。 CUI で Git 使うなら入れておきたいツールまとめ 【CSS】画像を上下中央に表示する（IE7以下にも対応させる） 【WordPress】あなたの大切なサイトを守るセキュリティ対策のまとめ（2013年秋） jQuery 1.9 で変わったところを調べてみる。 AngularJSをこれからはじめてみようかな
水色が美しいシンプルなWebサイト10選！ | バシャログ。
全く何の障害物も無いただの道路でコケて足を捻挫した seki です。皆さんも野生の小人さんには気をつけてください。 最近Webデザインのまとめサイトなどを巡回していて、シンプルで美しいデザインに加え、メインもしくは、アクセントカラーなどに「水色」を取り入れるサイトをよく見かけるようになりました。着々とわたしのブックマークがいいスピードで増えてきたので、今回は、そういった「水色」カラーのwebサイトの中でも、割と新しめのWebサイトを、ピックアップしていくつかご紹介したいと思います。 水色の美しいWebデザイン10個 シンプルなもの以外にも、色々な表現方法が楽しめる水色デザイン、個性豊かで見ているだけでも面白いので、参考にしてみてください。 click5interactive 海外のWebやアプリ開発を行う企業のWebサイトです。ロゴにさりげなく使われている水色をバランス良く使って、サイト全
2012 年バシャログ。人気エントリーまとめ [デザイナー・コーダー編] | バシャログ。
年末ですね。お正月に向けて冬眠の準備を始めた seki です。 昨日に続きまして、バシャログ。1 年の人気記事まとめをお送りいたします。 振り返ってみると、今年の流行がまるわかり！復習もかねてフムフムと読み返してみて下さい。 バシャログ。2012 年人気エントリーまとめ [デザイナー・コーダー編] 様々なイケてるUIを参考にできるサイト Google HTML/CSS Style Guide の推奨ガイドラインまとめ web高速化のためのコーダー向け圧縮ツール・サービスまとめ 【CSS】実はこんなに便利！cssのセレクタ指定方法をちょっとだけ掘り起こしてみた Illustrator の時間短縮！ウェブやチラシで使うアクセスマップの作り方 【WordPress】お問い合わせ内容も管理画面で管理できてトレビア～ンなフォームプラグインinquiry form creator フォームを改めて考え
![2012 年バシャログ。人気エントリーまとめ [デザイナー・コーダー編] | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/53143fc321ea2d6c3b8d026b6dd8433bd6a625f6/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_webdesign.png)
2012 年バシャログ。人気エントリーまとめ [エンジニア編] | バシャログ。
今年も残すところあと 6 日・・・（白目）、ラストスパート頑張っていきましょう～！みなさん、こんにちは nakamura です。 バシャログ。の更新も今日と明日の 2 回で今年は終わりですが、最後の 2 回は毎年恒例この 1 年の人気記事まとめをお送りいたします。見落とした記事もあるかと思います。ぜひ一度振り返ってみてください。 バシャログ。2012 年人気エントリーまとめ [エンジニア編] 最近 PHP のセットアップ時にいつもやってる設定 [メモ]wordpress で会員制サイトを作るためのプラグイン どれ使おう？モーダルウィンドウ（Lightbox 風スクリプト）を集めてみました [MySQL] ステータス取得系の SQL まとめ [PhpStorm/WebStorm]jQueryの非効率な使い方をすると警告してくれるようになった [WordPress] とりあえずデフォルトで入れ
iPhone・スマートフォンのポータルサイトまとめ | バシャログ。
だんだんと暖かくなってきました。マフラーをするか毎朝なやむ kimoto です。 Xperia arc も発売され、iPhone 5 の噂もチラホラと聞こえてくる昨今、ますますスマートフォン界隈がにぎやかになってきています。最近 iPhone ・スマートフォン用サイトを扱ってるポータルサイトを調べる機会があったので、ここにまとめてみようと思います。 どのサイトもスマートフォンで見ることをお勧めします。 ミートアイ とてもしっかり作られてるサイトです。 アプリも扱っており、サイトもアプリも丁寧に紹介されています。 iWorld シンプルで見易いサイトです。 カテゴリ別に分かれているので目的のサイトも探しやすいです。 Smart Japan 日本のサイトを世界に発信する、というコンセプトだそうです。 なるほど、和のテイストで味のあるデザインです。 iポー シンプルでアプリっぽいデザインのサイト
2010年バシャログ。人気エントリーまとめ | バシャログ。
こんにちは、やっぱり今年も年賀状を土壇場で作っているinoueです。 さて、今年も残すところあと3日。弊社シーブレインも明日から正月3日まで年末年始の休業とさせていただきます。 1月4日より通常営業いたしますので来年も引き続きシーブレインそしてバシャログ。をどうぞよろしくお願いいたします。 2010年のバシャログ。最大のトピックはなんといっても7月15日の『CSS Nite in Ginza, Vol.49「バシャログ LIVE」』出演です。 初めての経験でしたが、満員御礼かつ好意的なコメントを多数いただけ、大変貴重な経験となりました。 また年末には「バシャログ。懇親会」と題して横浜周辺のweb制作関係者の方々との交流の場を企画しました。 来年も第2回、3回…と続けていく予定ですのでどうぞお楽しみに！ では毎年恒例？今年のバシャログ。人気エントリーはこちら！ バシャログ。2010年人気エン
HTML5を使った気になるサイト！ | バシャログ。
サッカー日本代表、負けてしまいましたね。残念ですがとてもいい試合をしてくれたと思います。minamiです。 さて近ごろ世間はHTML5、HTML5と騒がしいですが、一目見てすげえっ！となるHTML5のデモサイト&チュートリアルサイトを集めてみました。 できるだけHTML5対応の進んでいるChromeやSafari最新版などで閲覧することをオススメします。 HTML5を使ったデモサイト ここまでやれるのかとびっくりするほどクオリティの高いアニメーション&インタラクティブコンテンツ。 HTML5 Canvas Experiment VIDEO要素を3Dでグリグリ Blowing up HTML5 video and mapping it into 3D space HTML5で弾避けシューティング！ HTML5でTAMAYOKE!!!111 AppleのHTML5デモページ。Safariでしか
タダってスバラシイ！フリーの ECシステム色々 | バシャログ。
だんだん暖かくなってきましたね！kimoto です。4月も終わろうと言うのにこの挨拶がしっくりくる今年の気候はどうかと思います。 さてさて、さて、今回はフリーのECシステムを調べる機会があったので、ここらで吐き出してみます。有名どころが多いので、みなさんご存じかもしれませんが、まとめって事で。 以前に2回、nakamura がグループウェアと CMS を紹介してますが、ECシステムもたくさんありました。うーむ、便利な世の中になった物ですね。基本的に、PHP のものを探しています。 osCommerce http://www.oscommerce.com/ 今回紹介する中で、一番歴史のあるのがこの osCommerce です。基本性能としては後発の物にはかないませんが、歴史があると言う事はそれだけ資産もあると言う事。たくさんのモジュールが公開されています。機能拡張しようと思った時は、探せばい
MT5を初めて使う場合に（きっと）役立つリンク集 | バシャログ。
いいお天気でしたね。 日傘に手袋、マスク・サングラスが手放せない季節が今年もやってきたようです！ 本日は、初めてMT5（というかMT自体）に関わる際にきっと役に立つであろうサイトをまとめてみました。 ほぼ、ishidaにおしえてもらったサイトです。ありがとうございました！ インストール 今回は、さくらインターネットへのインストール作業だったので下記サイトを参考にしました。 さくらインターネットサーバーへのインストール そして、MySQLの設定には下記を参考にしました。 MySQLの設定 リファレンス こちらの公式サイトにあるリファレンスには本当にお世話になりました。 テンプレートタグリファレンス 秀丸エディタ用ライブラリ 秀丸用の単語補完ライブラリーです。 Movable Type テンプレートタグ用辞書ライブラリ - 秀丸エディタの単語補完用 エラー対応 さくらインターネットにMTをイン
【CSS】CSSレイアウト時のIE6対策まとめ | バシャログ。
Adobe の CS5 はなんか凄そうですね。「でもお高いんでしょ？」「ハイ、とても！」 いま会社で使っているアプリは「Macromedia」の Dreamweaver8 と Fireworks8 です。結構バリバリ制作作業していますが、別に不便に感じてないしなー、と思っている sakai です。自宅では Dreamweaver4 と Fireworks4 です。エヘン。 世間では HTML5 や CSS3 の話題も増えてきた今日この頃ですが、実務では相変わらず IE6 との格闘が続いています。 ただ、長年さんざん IE6 対策に取り組んできたこともあり、今ではそれほど IE6 を意識してコーディングすることもなくなりました。 今回は IE6 をターゲットに含めた CSS レイアウトで気をつけたい点をまとめました。 基本ですが、おさらいまで。 大前提 大前提として、IE6 は標準準拠モード
タダってステキ！フリーの CMS 色々 | バシャログ。
2月22日！こんにちは、nakamura です。猫の日やらおでんの日やら色々あるらしいですが、個人的には真っ先に大魔神佐々木の背番号を思い浮かべてしまいます。関係ないだろうと思いきや、なんと大魔神の誕生日も2月22日らしいです。恐るべし2月22日。 決してケチな訳ではないですが、前々回に引き続きタダシリーズという事で今回はフリーの CMS をいくつかご紹介しようと思います。グループウェアもそうでしたが、CMS も調べれば出てくる出てくる！しかもどれもかなり高機能そうなものばかり。MTOS や WordPress がフリーの CMS としては有名ですが、他にもたくさんあるのでぜひ参考にしてみてください。 MODx modxcms-jp.com 今回調べた中で一番面白そうだなぁ、と感じたのがこちらの MODx 。モッドエックスと読みます。管理画面に少しクセがありますが、日本語対応もばっちり、カ
2009年バシャログ。人気エントリーまとめ | バシャログ。
いつもバシャログ。をご覧いただきありがとうございます。 早いもので、今年も残り3日ですね。 弊社シーブレインは、09年12月29日（火）より10年1月3日（日）まで年末年始のため休業となります。 そのため、バシャログ。も年内の更新は本日で最後となります。 そこで今回は2009年のエントリーの中で、はてなブックマーク数の多かった人気の記事をご紹介したいと思います。 （2009.12.28時点での集計です。） バシャログ。2009年人気記事まとめ 重いFirefoxをなんとかして速くしたい 覚えておいて損はない CSS の定番テクニック BEST 5 デザイナー・コーダー必見！使えるform関連jQueryプラグインの数々 ページ送りナビゲーションには display:inline-block が超便利 【Fireworks】GIFで支給されたロゴを簡単に白抜きに加工する方法 プログラムのコー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
InfoWorld の 2016 Technology of the Year Awards を受賞した31製品が何ものなのかとりあえず全部調べた | バシャログ。
使えるCSSライブラリー - 短期集中連載 | バシャログ。