簡単！マテリアルデザイン「Materialize」でサイト作ってみた！第一回目 | ホームページ制作のLiruuDesign(リールーデザイン)！
Googleが推奨するデザインのガイドライン「マテリアルデザイン」！ いろいろ思うところはあるものの、 Googleが発表したからには、何かしら出てくるんじゃないかと見張っていたら出ました！！ マテリアルデザインを取り入れたフレームワーク「Materialize」を見つけたので、作り方やコンポーネントも紹介します。 掘り出しモノスタンプを見つける「DIG Stamp」 LINEスタンプ宣伝ツール「LINEスタンプPRサービス」を始めました！ LINEスタンプの宣伝になりますので、ぜひ使ってください！！ マテリアルデザインを取り入れたフレームワーク「Materialize」 URL: http://materializecss.com/ 見た目も操作もBootstrapと酷似しているので、Bootstrapを触ったことがある方はすぐ使いこなせます！ ただし、しょーがないんですがIE用にいろい
mailtoをスパムから守るコードをテストするクローラもどきをPHPで自作する時の参考 | とあるクリエイターの記録
例えば、サイト制作の際、「mailto:」とか、メールアドレスを直に書きたくないけど、クライアントの要望で表示セねばならない時、ロボット収集対策をしながらコーディングを考えるものです。 まずメールアドレス暗号化の部分は、こちらの記事→メールアドレスをスパム（迷惑メール）送信業者から守る方法 の「● 対策４：JavaScriptを使ってメールアドレスをエンコード（疑似暗号化）する」の部分を参考に組み込み。 ・・・メールアドレスの暗号化はPHPでASC2にてゴニョゴニョ→復号化にJavascriptでゴニョゴニョ・・、という感じで実装。 今回は、このmailto暗号化表示が本当にクローラーのロボット収集にひっかからないかどうか、のテストをしたいので、そのツールを自作してみました。 残念ながら今回、平たいPHPの知識で汚らしくやっつけで書いたので、ソースコードは公開できません。すみません。が、参
WordPressのテーマを作ろう（その１）コーディングする前に | necozine
今回、私がWordpressのテーマを作るうえで作業する内容を、簡単にですが紹介して行きたいと思います。 サイト構成は、ホームページ＋ブログ機能。 前提は、Wordpressがインストールされていること。HTMLラフが出来上がっていること。です。 WordPressのバージョンはwordpress-3.5.1-jaを使用します。 まず今回は、Wordpressのテーマを自作するにあたっての手順その１です。コーディングをする前に準備することをご紹介します。 テーマファイルの用意 まず、基本的に必要となるファイルを用意します。 設置する場所は、wordpressインストールした中のディレクトリ、 →wp-content\themes\任意のフォルダ\ の下です。 — style.css — functions.php page.php index.php header.php footer.p
本当にあとで読んだ！チェックしておきたい最新SEOまとめ | necozine
はてブで「あとで読む」にチェックを入れて、後で読まない・・そんな、埋もれた記事が沢山ありませんか？ しかし、その中でも、今回SEO関連記事で、”本当に後で読んだ” ものを厳選してピックアップました！ 全て、今年2013年の記事で、最新のSEO情報が満載です。 非常にタメになるので、ぜひ読むことをお勧めします。 また、すでに情報を知っている方も、改めて読んでみてはいかがでしょうか。 [開発]html5とSEO、コーディングで意識したいこと HTML5構造化によるセマンティックWebがSEOに与える影響 – HTML5 CONFERENCE MIYAZAKI 2013 【最終回】通販サイトSEO：リッチスニペットと構造化データ セマンティックで正しいコードを書こうとする理由 ― 二人の主を戴く技術者 [開発]悩んでいるソレを解決してくれるかもしれない！SEOとhtml5情報 XHTMLかHTM
パララックス効果を作るスクリプトやプラグインのまとめ:phpspot開発日誌
Parallax Scrolling Scripts and Plugins | Impressive Webs パララックス効果を作るスクリプトやプラグインのまとめ。 最近では国内でもちらほら見かけるようになったパララックスなデザイン。 一言にパララックスといっても色々な実装があり、どれも斬新なものになっていて、見ておくだけでも参考になるであろう物が満載 こういう今では真新しいような技術も数年後には新しいテクニックが出てきていて、陳腐化したり応用されて汎用的なものになったりと今後も技術の進歩が楽しみですね 関連エントリ パララックス効果をダイナミックに使ったスライダー実装jQueryチュートリアル パララックス効果を使った秀逸なjQueryスライダー実装チュートリアル＆サンプルDL
これからWebサイトの制作をしたいけど、何から勉強したらいいの？っていう人のためのガイド
以前から、「Webサイトを制作をしたいけど、何から勉強したらいいの？」という質問をよく頂いていました。私が Web制作を勉強し始めた頃に比べると、最近はたくさん情報がありすぎて何から始めればいいのか迷う人も多いみたい …。なので今回は、Webサイトを作るのに必要な知識を簡単にまとめてみました。 最近本だなを整理していて、もう読まなくなった Web制作系の本を片付けたりしてみました。ずーっと前、Webサイトってどうやって作るんだろうってところから始まって、用語もよく分からないまま色んな本を読んだりした頃を思い出します …。 Webサイトは HTML っていうものでできていて、CSS っていうもので、見た目をデザインしていくのかぁ … っていうことさえ、あの頃の私にとっては新しい発見だったなぁ … なんて思ったりしました。 最近では HTML5 とか CSS3 とか、私が勉強し出した頃に比べる
Bootstrapのテーマが無料でダウンロードできるギャラリー集Bootswatch | necozine
Bootswatchは、Twitter社が提供するTwitter Bootstrapのさまざまなテーマをダウンロードできるサイトです。 Twitter Bootstrapといえば簡単に流行りのデザインでサイトを作れるというCSSフレームワークですが、それで作るといかにもBootstrap・・・ヘッダは黒で、シンプル、レスポンシブデザイン・・Twitter Bootstrap！といった風に、容易に想像できます。 Bootstrapを使おうと思ったら、あわせて選びつつサイト構築すれば、Bootstrapっぽくない、また違った雰囲気が出るのではないでしょうか。 注意ただ、ひとつ注意点ですが、私たちは日本語を使うので、「英語だからかっこいい、日本語にすると、なんか残念・・」そういった場合があります。 その辺も考慮して試しながら、選んだ方が良いでしょう。 ひとまずは、お試しあれ！です。 参考Twit
Helveticaの代わりに使える30のフォント
世界中で愛されている永久定番級のフォントといえばHelvetica（ヘルベチカ）、デザイナーじゃなくともお馴染みのフォントです。今回はHelveticaは余りにメジャーすぎてちょっと抵抗がある、、、というひねくれモノのあなたのためにHelveticaの代わりに使えるフォントを30種類紹介した記事を。 — SEO Japan Helveticaは筋金入りの書体だ。明確さ、順応性、徹底的な完璧さを持つそれは、スイスのデザイン文化の証だ。この有名な書体は、数えきれないほどの理由から愛されている。それ自体には何の個性もないために、どんな気持ちや感情や心象も受け入れることができる能力もその1つだ。 Helveticaは私たちの最高のリスペクトに値するが、Helveticaには叫ぶ必要のある問題がある。あまりに多くのデザイナーが永遠にそれに固執しているのだ。そしてそれは、他の全てのサンセリフ体に対して
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
