【お知らせ】バシャログ。メンバーが所属する株式会社シーブレインのWebサイト制作サービスのサイトがリ... お知らせ
![バシャログ。 | 横浜・馬車道で働くWEBサイト制作スタッフのブログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/1f4390ea5b2b558adfd9c349b9a080aae407daff/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fshared%2Fpublic%2Fimg%2Fcommon%2Ficon_ogp02.png)
NEW 2022.04.05無料サイト「Blank Phostock」を追加しました。 2021.08.27無料サイト「写真素材のおすそわけ」と「キュンカッツ」を追加しました。 2019.02.25無料サイト「fotoma」を追加しました。 2018.05.23無料サイト「フリー素材ドットコム」の情報を更新しました。 2018.02.21無料サイト「unDraw」、「motionelements」の2サイトを追加しました。 2017.09.08フリーイラスト素材サイト「ありさちゃんがいく!!」を追加しました。 2017.08.01無料サイト「イラスタ」、「じぃばぁ」の2サイトを追加しました。 2017.04.18無料サイト「ダ鳥獣ギ画」、有料サイト「ForYourImages」の2サイトを追加しました。 2017.03.29無料サイト「イラストお助け部」、「スキマナース」、有料サイト「Sn
SEO業者の方々とやり取りをする際や、クライアントへの説明が必要な際に知っておくべき用語をピックアップして意味を調べました。どの技術が有効で何がブラックなのかというのは基本的に記述していません。あくまで専門用語の解説として活用してください。関連する情報を解説しているサイトのリンクも付けていますので、詳しく知りたい方はリンク先のサイト等を参照してください。 ホワイトハットSEO 検索エンジンのルールに従いサイト制作を行うことです。 White Hat SEO (ホワイトハットSEO)とは – 海外SEO情報ブログ ブラックハットSEO SEOにおいて悪質な手法を駆使して検索上位に表示させる手法・技術のことです。上記ホワイトハットSEOと対極の言葉でもあります。 ブラックハットSEO – IT用語辞典バイナリ サテライトサイト SEO対策や集客を目的として本サイトとは別に作られたサイトのこと。
ロールオーバーすると滑らかに画像が切り替わるライブラリ ボタン・リンクのロールオーバー効果を表現する際、CSSやJavaScriptによる画像の切り替えだけでは物足りない時があります。ロールオーバー時のデザインを活かすため、ボタンにロールオーバーすると滑らかに画像が切り替わるライブラリを作成しました。みなさまのデザイン表現の幅を広げるお手伝いができれば幸いです。(※個人利用・商用利用を問わず自由にご利用いただけますが、自己責任の上でご使用ください。) 動作サンプル このライブラリは、JPEG・GIF・透過PNGに対応しています。 JPEG/GIFの場合 透過PNGの場合 InternetExplorer6~8のPNG対応について InternetExplorerは、バージョン6までは透過PNG自体に対応しておらず、7・8になってもフェードイン表現の際に透過部分がギザギザになってしまう仕様で
こんなエントリーは去年末か年明けに書いておけ!って思いますが、blogを書く練習としてまとめます。 これから列挙するツールを使う事により、去年は手を動かす事の楽しさを再確認。 いままでダルかった作業が楽になるだけではなく、HTMLをキレイに書けたり構造を考えるようになったりと一石二鳥。 SASS and Compass 全俺が感動し、咽び泣くほど無くてはならない存在となったHtmlコーディングの革命児。 なぜすぐに導入しなかったのかと過去の自分に言いたいぐらい! いまさら解説はいらないと思いますので、お世話になったサイトをご紹介いたします。 CSS書くならCompass使った方がいいよ。SASS使ってる人なら特に。 Sprite画像でもう悩まない?!SassとCompassで速攻Sprite画像を作る方法に感動! | バンクーバーのうぇぶ屋 CompassでCSSスプライト[to-R] C
SEOを意識してブログの記事やコンテンツを考える場合、皆さんはどうやってネタを出すでしょうか。SEOがわからなくても、ある程度コンテンツを戦略的に作ることはできます。 検索に引っかかるコンテンツを作る ブログの記事を考えていて、なんにも思いつかないとき、どうしていますか?webcre8は幸いなことにまだ書くことが思いつかないと言う現象に遭遇したことがないんですが…w ブログをどう始めたらいいか分からない人へ。目的とテーマ – WEBCRE8.jp [クリエイティブ]私が意識している、無難かつ人の興味を惹き効果を最大化するコンテンツ制作のヒント – WEBCRE8.jp ブログの書き方に関してはこの辺の記事もどうぞ! また、今ある記事へのアクセスを上げたいけどどうやったら上がるのか、サイトを盛り上げるために記事をどうすればいいのかって考えちゃうこともありますよね。 今回はこの二点についてちょ
テクノロジーを学ぶなら「Gaforum」で! Gaforumでは、常にクリエイティブなコンテンツを配信するように心がけています。イラストレーション、クリエイティブなデザイン、そして世界中の人々を魅了するプラットフォームを作る努力をしています。 より優先順位の高いサイトや企業からグローバルな情報を収集し、配信しています。そして、社会のために専門知識を共有し、閲覧者が楽しみ、学べる環境を整えています。世界の主要な技術ニュースに焦点を当てた、未来の技術を身につけましょう。 Gaforumの違い Gaforumでは、記事を配信するにあたり適切な調査を行い、専門家に依頼し、その知識を人々のために有用な形でまとめあげる努力をしています。ですので、記事に書かれている全ては時間がかけられて検証され、徹底的に研究された真実です。 誰もが読みやすい、見やすいと思うコンテンツを発信していることが他の企業との違い
2017年6月29日 Webサイト制作, Webデザイン, 便利ツール iPhone持ってないくせにWebクリエイターボックスをiPhoneで見やすいよう改良しました。iPhoneからhttp://webcreatorbox.comにアクセスすると自動的にhttp://webcreatorbox.mobify.meにリダイレクトされます。(されてなかったら直接http://webcreatorbox.mobify.meからドウゾ…)今回は下記に説明するmobifyというサイトからiPhone用サイトを作りましたが、他にも便利な方法があったので紹介してみます。 ↑私が10年以上利用している会計ソフト! 1. CSSのみで切り替える iPhone用に作成したCSSを作り、デバイスの幅によって使用するCSSを切り替えます。 <link rel
2014年8月17日 Webサイト制作 8回に渡り連載した「実践で学ぶWebサイト制作ガイド」がついに終わったので、ここで簡単にまとめておきます。この記事では基本的な流れを説明していますが、リンクをクリックでより詳しい説明記事を読むことができます。これからWebサイトを作ってみたい!という人のお役に立てればいいなあと思います :) サンプルファイルもあるので、ご自由にダウンロードしてくださいね! ↑私が10年以上利用している会計ソフト! サンプルファイル 今回作成したファイルをサンプルとして配布します。参考になれば幸いです。説明するために制作したものなので、学習目的以外でのご利用はご遠慮ください。Google Chrome, Safari, Firefox, IE8・9で動作確認済み。 デモ ダウンロード 1. プランニング 誰のため?何のため?Webサイトを作り始める前に。 突然Phot
さて、発注が決まった。クライアントからの要望はまだフワっとしてるけど、納期は何となーく見えている。(もしくは納期だけがカッチカチに決まっている)。 この状態からプロジェクトの本格スタートまでにディレクターが用意するべきものは何があるんだろう?今日はそのへんをまとめてみます。 ゴールまでのざっくりストーリー たとえばコーヒーのポータルサイトだったとして「コーヒーに関する情報なら何でもあります!」って言っても何も始まらない。そこにあるストーリーを多少適当でもいいのでドラマチックに盛り上げてしまいます。 1:店主はかつて2店舗のカフェを切りもりした実店舗の経営者 2:学生の頃からカフェが好きで、なんとか自分の理想のカフェを作りたかった 3:それは、カフェの持つ独特の雰囲気とコーヒーの香りが大好きだったから 4:だから、自慢のカフェの雰囲気を全国どこにいても感じてもらえるサイトを作りたかった。とか
webにあるHTML5の情報は英語のものが多い 当然のことですが、HTML5の情報は殆どが英語です。W3Cのサイトだって英語で書かれていますし、大抵の情報は英語さえ分かればアクセスできますね。 まあとはいえ、HTML5を勉強しようと考えるいきなり誰もが英語を読めなければならないとなるとちょっと難しいですよね。最初は先輩方の翻訳または日本語で書かれたオリジナルの文書から学びたい。そして情報の速度や判断の尺度のずれが気になってきてから、それから国外の情報で勉強しても遅くはないはずです。…そう思いたいですw HTML5に関する国内のサイトや情報源をまとめました と言う訳で、今回はwebcre8が認識しているHTML5に関する情報源やリソースサイト、参考になった記事、調べてたら出てきたものをざっくりとまとめてみます。サイト、ブログ記事、リファレンス、ツール等です。せっかくなので、知っているものは英
今回このブログ - Webデザインレシピを、iPhone などでも見れるようにリデザインしました。使用したのは CSS3 の Media Queries(メディアクエリ)。メディアクエリの使い方や感想、気をつけたい注意書きをまとめてみました! 遅ればせながらこのブログ – Webデザインレシピを、スマートフォンでも見れるように改修しました。このブログは WordPress で書いているので、スマートフォンや iPad への対応方法はいくつもあるのですが、今回は CSS3 の Media Queries(メディアクエリ)を使って、iPad、iPhone など、いろんなデバイスに対応(対応というか、一応見れる程度)にしてみました。 なので Media Queries を使ったスマートフォン対応と、リデザインしながら思ったことなどをまとめてみました。 CSS3 Media Queries 目次
はじめに 今回は、「カスタムレポート」というGoogle アナリティクスの機能を紹介いたします。 「カスタムレポート」とは、一文でまとめると「自分で好きな項目を選んでレポートを作成できる」機能です。自由度は非常に高いのですが、どのように設定すればよいかわからず、利用していない方も多いのではないでしょうか? 今回は筆者が利用していカスタムレポートの中から、使用頻度が高い4つを紹介いたします。また、カスタムレポートは「共有」機能があるため、誰でもワンクリックで自分のアカウントに反映することができます。 カスタムレポートそのもの具体的な作成方法は本記事では省略しています。作成方法が気になる方、こちらの記事(gaforum.jp)をご覧ください。 カスタムレポート1:集客分析レポート サイトにとって課題となる流入元、成果に貢献している流入元などを把握する事ができます →自分のGoogle Anal
久しぶりに分析手法を紹介してみようと思います。散布図を使ってアクセス解析のデータを元に散布図を作り、新しい気づきを見つけるという内容です。説明だけではわかりづらいと思いますので、この記事で具体的に手順と、それによって見られる情報を紹介します。 1)変数と軸を決定する ここでは、一番イメージしやすい、「検索ワード」を変数とし、軸を「新規」と「直帰」とします。 (他の例に関しては最後に紹介いたします) これを使うことにより、キーワードの属性を4つに分けて、それらをどうSEOやSEMに活かすかという結論を導き出します。 2)変数とそれぞれの軸のデータを作成する つまり・・・ 検索ワード×新規(ワードごとの流入数と、そのワードで始めたサイトに来た回数) 検索ワード×直帰(ワードごとの流入数と、そのワードで入ってきて1ページだけみて離脱した回数) という二つのデータをアクセス解析ツールから取得し、エ
Facebook眺めていて、OGPがちゃんと設定されてるのに表示されないモノがあったので少し調べてたんです。先に言っとくと、その件は個人の中ではまだ解決してないんですが、その他のところで気になったのがあったのでメモしときます。 OGPってアレですね、Facebook等でシェアされた時に表示される情報を設定するヤツ。例えば <meta property=”og:title” content=”MAKA-VELI.COM” /> としたら投稿のタイトルが MAKA-VELI.COM になるヤツ。 詳しくはこちら で、気になったのは、これらがきちんと設定されていたページにも関わらず、ogpのimageが表示されていなかったんです。 デバッガー通せばキャッシュされて表示されるかな?と思ったんですが、 なぜかデバッガーではきちんと設定されていた項目になぜか警告とエラーが。 ソース中で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く