レスポンシブ対応の縦長ページ、ランディングページ、プロダクトページ、ポートフォリオ、ブログなど、今時のかっこいいエフェクトを備えたHTML5+CSS3の無料のテンプレートを紹介します。 単に使うだけでなく、デザインやHTML5/CSS3の勉強としてスキルアップにもいいですね。
![無料でしかも高品質!レスポンシブ対応の美しいWebページを作るためのHTML5/CSS3のテンプレートのまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/b54fae6ce854372df7162e48a71accf1f1d9a814/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015051502-01.png)
WordPressはそもそも無料で使えるCMSのはずですが、レンタルサーバーの契約だったり画像編集ツールだったり写真や画像素材だったり、お金がかかるポイントがいくつもありますよね。 そこで、1円も使わずに完全無料でどこまでやれるかチャレンジしてみました。そしてできあがったのがこのサイトです! スイーツライブラリー Beauty Sweets icon-external-link 全部無料。まったく1円もかかってません。 まあこのサイトの出来栄えは賛否あろうかと思いますが、今回私が伝えたいのは、WordPressはやり方次第でほんとにまったく1円もかけずに、かなりのサイトが作れちゃうよ!ということなんです。 では以下より、どうやって作ったのかを解説していきたいと思います! ちな条件 すべてにおいて1円たりとも使わない 再現性を保つために、CSSやPHPファイルは一切いじらない フロントエンド
無料・商用利用可な写真・アイコン・ベクター素材サイトまとめ 仕事でWEBサイトの制作をやっていると、どうしても予算というものがあって。写真やアイコンなどの素材は無料で使えるものが大変ありがたい。 だからプロのデザイナーはみんな、自分だけの無料・商用利用可な素材サイトを密かにブックマークしています。 で、今回は私が使ってるのを、ご紹介したいと思います(ほんとはいやだけど)。 ※基本的に無料で使えて商用利用可なものをご紹介しますが、お使いの前には利用規約をきちんと読んで、正しくお使いくださいね。 アイコン素材 icon-picture-o ICONFINDER ICONFINDER icon-external-link icon-arrow-circle-up WEBデザイナーの間では鉄板というかデフォというか、個人使用から法人使用まで実に幅広く使われています。もともとリッチコンテンツ時代のア
WordPressのサイトを見分けるChrome拡張機能Appspector 普段からWordPressを使っていると、よそのサイトを見たときに「これWordPressっぽい作りだな」って思ったりしますよね。 それを一目で見分けられる優秀なChrome拡張機能があります。「Appspector」と言いまして、今見ているサイトがどんなCMSやWebアプリケーションを使っているのかをアドレスバー上にアイコン表示してくれるにくいやつです。 icon-arrow-circle-up アドレスバーにWのマークが表示され、それをクリックすると使われているPHPやJQueryのバージョンなども確認できます。 使い方は簡単。お使いのChromeから「設定」 icon-angle-right 「拡張機能」 icon-angle-right 「他の拡張機能を見る」 icon-angle-right 「Chro
WordPressのContact Form 7に完了画面を付ける方法。 WordPressの超絶有名なフォーム作成プラグイン、Contact Form 7。そのままでも十分有能なんだけど、いざ使う側の気持ちに立ってみたときに、 みたいに下のほうにメッセージが微妙に出るだけだと、ちょっと不安になりません? それがセミナー参加の申し込みフォームみたいなものだったりすると、当日参加の歩留りにも悪影響を及ぼしますので、せめて申し込みを受け取りましたよという完了画面はつけてあげたほうが親切だと思うんですよ。 たったの10分でできる簡単作業なので、やったことのない方は、ちゃちゃっとやっちゃいませんか? ①まずは固定ページに送信完了画面を作ります。 その際、このページのURLをコピーしておいてくださいね。 ②コンタクトフォームのその他の設定のところにソースコードを1行入力。 コンタクトフォームの編集画
2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。
作成:2013/07/22 更新:2014/11/01 Web制作 > 先日、お客さんのところへ提案にいったところ、「サイトを自分でも作りたいので定期的に講習会を開いて欲しい。Wordしか分からない。」と言われました。とはいっても、自分である程度、継続して勉強しておかないと、受講する人は2回目以降の受講内容を理解出来ないし、教える人も基本知識をしっかり身につけておかないと、質問に答えることもできません。 今回はWeb製作をするなら必ず抑えるべきこと、知識「0」から学ぶ、基本的な知識を習得できるスライド・サービス・サイトをまとめました。ディレクションにもOK。メジャーなもの中心です。とはいえ量が膨大になったので、必要な部分だけピックアップして学びましょう。※スライドがないものに関しては、お役立ちリンクをつけてます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ
数多くのブログで2014年のトレンドをさまざまな切り口でポストしているので、その中から特に印象的で共感がもてたものをまとめて紹介します。 キーワードとしては、スマフォ・タブレットなどの小さいサイズのタッチデバイス、レスポンシブ(特に画像)、HTML5/CSS3、ビッグデータ、リスク管理が注目されています。 2014年、ウェブ制作業界全体の流れ ウェブデザインの2014年のトレンド 2014年に大きく変化するウェブデザインの7つの傾向 2014年、注目度の高いIT系の職種・役割 2014年、ウェブ制作業界全体の流れ まずは、2012, 2013年と的確な予測をだしてきたsitepointの2014年のウェブ制作業界の全体の流れから。 10 Web Predictions for 2014 スマートフォン中心の年 最終的にはデスクトップからのアクセスをスマフォが超える HTML5のウェブアプリ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く