いろんなWEBデザインを見ていると、たまに出てくる横スクロールサイトに魅かれませんか。一口に横スクロールサイトと言っても、UIは様々で使いやすいサイトもあれば、いろいろイジクリ回して、やっと動かし方がわかるものまで、いろいろとあります。UIの他にも画面サイズの調整やページ遷移の本法など、構成や設計に工夫がみられるので、参考になるのではないでしょうか。 好奇心を掻き立てられた方は、一度、横スクロールにチャレンジしてみてください。 § Qrious
はじめに このサイトは、WordPressのカスタマイズが出来るようになるための参考サイトとして作成した。 もし興味を持った事があり、それに対して深い知識を得たいと思うならば、他サイトを参考にしてもらいたい。 WordPressのインストール方法 XAMPPでローカル環境構築して、簡単WordPressインストール 今回はこちらの場合で説明を行う。 USBメモリにWordPress用のローカル環境を3分で構築、お手軽過ぎるInstant WordPress すぐにWordPressを使いたい場合にオススメ。 WordPressをカスタマイズするために必要な知識 WordPressのカスタマイズでは、大きく分けて下記の6つを理解しなければならない。 ・WordPressテンプレートタグ http://wpdocs.sourceforge.jp/テンプレートタグ ・WordPress条件分岐タ
1. IT勉強会ですよ Beta IT 勉強会カレンダーのように、勉強会の予定を見ることができるIT勉強会ですよ Beta。勉強会を開催している地域やその勉強会の内容で絞ることができるのが、特徴となります。 勉強会のデータ取得には、後で紹介するATNDやconnpass、Doorkeeperなどのイベントや勉強会の情報などを提供しているサービスのデータを使っているので、主要な勉強会をチェックするのに最適です。 2. dots. dots.もIT勉強会を探すことができるサービス。上記の2つと同様にカレンダー形式で勉強会を探すことができます。 会員登録をすることで、興味のあるイベントをお気に入りに入れて管理できる点などが特徴となります。イベントレポートも更新されているので、初めて参加する場合でも、空気感をつかめます。また、参加できなかった勉強会の概要などを読むことも可能です。 3. connp
「拡張子」とは、ファイル名のうちの「.(ピリオド)」で区切られた文字列であり、そのファイルの種類を識別するためにつけられています。拡張子はオペレーティングシステム(OS)においてファイルの判別のため任意につけられるものであり、どのような場合においても必ずしも必要になるというわけではありません。音声データやテキストデータなどさまざまなデータを管理するうえで拡張子の形式の変化が重要になりますが、特に画像を保存する際はその拡張子の違いが如実に現れることになります。仕事上のデータのやりとりだけでなく思い出の写真の保存や個人ブログでの使用・アップロードなど、さまざまな場面ごとで使い分けたい画像の拡張子の性格についてご紹介致します。 ■ 画像に使える一般的な拡張子 ◎ JPEG(Joint Photograph Experts Group) jpegはjpgとも呼ばれ使用される、もっとも一般的な画像形
今月頭頃にPHPの勉強を始めた時、編集者や知り合いと目標を目指して燃えていた。 しかしながら技術に詳しい人からの反応は常に「アレのどこがいいの?」というものばかりだった。 PHP、かつてパーソナルホームページの略であるとされ、その名前から元々シンプルかつカスタマイズが容易なWebサイトを作るために生まれてきたこの言語では、Webページにインタラクティブな要素を盛り込むことができる。 サイト上でPHPを用いることで、ページを静的なものから、投稿するとすぐにそれが反映されるBlogの様に動的なものにすることが出来る。 私がPHPに興味を持った最初の理由はこれだ。Blog構築で人気のプラットフォームであるWordPressは、Blogの見た目や機能をカスタマイズするためのテーマエンジンにPHPを用いているため、もしPHPを使えるのであれば、Blogのかなり細かいところまでいじることが出来る。 P
Webサービスほぼ劣化なしでJPG/GIF/PNG/SVG画像を超軽量化してくれる「Compressor.io」は要ブックマーク!2014年6月13日1 @JUNP_Nです。オンラインで利用することができる無料のWebサービス「Compressor.io」はJPG、GIF、PNG、SVGの画像をビックリするほど軽量化してくれます。面倒なアカウント登録などもなしで、画像をドラッグ&ドロップだけで使えて超便利! 無料で多様な画像ファイルに対応しているのが嬉しい画像軽量化サービス!Compressor.io - optimize and compress your images and photos オフラインではJPEGの画像軽量化には「JPEG mini」を利用、それ以外の画像については「ImageOptim」を利用していたのですが、これだけではGIF動画の軽量化がもの凄く難しい。 関連:1
CCの魅力を感じつつもCS6製品で様子を見ている、月額支払いがちょっと怖い。そんな九州ライター村上です、みなさんこんにちは。 今人気のフラットデザインはIllustratorが得意とする部分なので、最近Illustratorを使ってWebサイトを作ろうという動きが増えてきました。Illustrator使いとしては非常に嬉しい事です。しかし、DTPを得意とするIllustratorでWebサイトを作る際には、確認しておかなくてはいけないWeb用のポイントがあります。 今回は、初心者向けのちょっとした用語の説明と共に、Web用コンテンツ作成時に気をつけるべきIllustratorの設定をご紹介していきます。 IllustratorでWeb作業をする時に気をつけたい5つの設定 単位は相対単位のピクセルにする カラーモードはRGBにする ピクセルプレビューで作業する 各パーツはアートボードをわけて
レスポンシブWebデザインでサイト構築をする際に、今までのWeb構築で「当たり前」や「こうすべき」と思っていた感覚とは少し異なった設計でサイトを構築しなければなりません。 これまでのWebにおけるUI/UX これまで、PCのブラウザをメインにネットをする層が中心だった時代では、マウス操作が基本になっていました。 当たり前ですが画面上のマウスを操作して、クリックをしたり、ドラッグ・アンド・ドロップで対象を動かしたりする動作がメインになります。 UI/UXで言えば、ボタンをクリックするにしても、マウスでカーソルを移動させればボタンの色が変わったり、カーソルの矢印が人の指に変わったりするマウスオーバーアクションと言われるものです。 テキストリンクであれば、カーソルを対象に持って行くと、テキスト下線が消え、カラーが変わるなどの変化が当たり前になっていました。すべてはマウスでの移動させることが中心に
IllustratorでのWebデザインがいい感じ!おすすめポイントや設定いろいろこれまでは「WebデザインといえばPhotoshop」というのが通例でした。しかしIllustratorもWeb制作の環境に適応されてきた今、フラットデザインやイラストを多く扱うWebサイトでは断然Illustratorをおすすめします!今回はあまり知られていないIllustratorとWebデザインの相性や、Webデザイン用の設定方法等をご紹介します。 Illustrator 初心者さんへIllustratorはベクター形式の画像を作成できる Adobe 社のアプリです。ロゴやイラストを作る時にはかかせません。Adobe の公式チュートリアルサイト、Adobe TV では Illustrator の概要やチュートリアルをはじめ、新しい機能の紹介も随時追加されています。 Illustrator は月額 3,2
本の紹介こんなに書いて大丈夫?2014年現在のSEOが超わかりやすく説明された「いちばんやさしい新しいSEOの教本」を読みました!2014年3月19日547 @JUNP_Nです。サイト運営をしているけれどSEOって何?どうしたらいいの?そもそもどういうこと?という初心者向けの基本的な内容から、中級者以上向けの内部対策、外部対策、ソーシャル対策、ウェブマスターツールの使い方までが超わかりやすく説明された「いちばんやさしい新しいSEOの教本」を読んだのでご紹介! 「SEOの教本」はダテじゃない!これは何度も繰り返し読み込みたい内容ですよ!「SEOってよくわからない」と考えている人やネットに溢れるSEOについて書かれた記事を見て誤った理解をしている人は多いです。そんなSEO初心者には是非読んでもらいたい内容があふれている本でした。 ネットでよく見かける「SEO対策!」と書かれているような記事では
どうも〜こんにちはぁ! 最近レスポンシブなサイトを作ることが多いライターの、のび太です。 モバイル、タブレットユーザーが最近どんどん増えてきているので、Web制作者にとってレスポンシブなサイトが作れるってことが必須になるんじゃないかなぁ〜って感じますね。 レスポンシブデザインを制作するときに意識しなきゃいけないことはいろいろありますが、今回は「これはぜったいに知っておきたいよね!」って感じた基本的なことを7つご紹介させていただきたいと思います。 レスポンシブデザインを制作するときに意識しておきたい基本項目7つ 1. 画像の代わりになるべくCSSで表現すべし レスポンシブデザインで画像を使うと、モバイル端末ではPCに比べて回線速度が遅いため、読み込み時間が余計にかかってしまいます。 そのため、画像ではなくCSSで表現可能なものはどんどん代替していったほうがいいと思います。 立体ボタンや矢印だ
以前寄稿したWEB+DB PRESS Vol.75の特集を、Web上でも読めるよう公開しました。 継続的Webサービス改善ガイド:特集|gihyo.jp … 技術評論社 今日は、僕の書いた「第1章 なぜ「継続的Webサービス改善」が必要なのか~変化に対応し,10年後も生き残るWebサービスのために:継続的Webサービス改善ガイド|gihyo.jp … 技術評論社」が公開されました。 特集全体の趣旨は以下のような感じです。 本特集のテーマは「継続的Webサービス改善」です。できるだけ長い間,ユーザに価値を提供し,利潤を生み続けるWebサービスを運営するためには,継続的な改善を行うことが必要です。Webサービスを改善するには,技術的な取り組みはもちろん,開発投資とそのリターンという経営的な観点,チームビルディングなどの開発プロセス,ビジネスメトリクスへの注視など,考慮すべきことがたくさんありま
初心者におすすめ!無料・有料で使えるWordPressのテーマ35選【日本語対応のみ】 WordPress(ワードプレス)初心者におすすめする【無料テーマ(テンプレート)】を紹介する記事です。全て日本語に対応。SEOに強いテーマや、テーマのカスタマイズに最適なテーマなど全部で35紹介しています。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日 調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名 調査手法:インターネット調査 WordPressと言えば、豊富なテーマ(テンプレート)で知られています。 自分でコーディングをし
「趣味はあまりないけど、とにかく何か新しいことをはじめたい」 「新しいスキルや役立つ知識を身につけるために習い事をやりたい」 日々生活するなかで、そういった気持ちになったことがある人も多いと思います。 新しく趣味や習い事をはじめることで、いままで得意じゃなかったことが得意になったり、新たなスキルが身につくのはもちろん、新たな出会いができるというメリットもあります。 また、身につけたスキルや知識によって、やりたい仕事に就けることもあります。 今回は、これから新しいことを始めたい人向けに、趣味や習い事のマッチングサイトをご紹介します。 \ おうち時間の趣味・習い事はこちら とにかく何か習い事や趣味をはじめたい 「とくに明確にやりたいことがあるわけではないけれど、とにかく何か習い事や趣味をはじめたい」という人は、さまざまなジャンルから探せるサイトを利用すると良いでしょう。 おすすめのサイトを2つ
iOSアプリを今までに作ったことがない人、プログラミング経験が無い人でもiOSアプリの制作に必要となる知識やノウハウをゆっくり自分のペースで学べ、アプリ制作の最短ルートをすすむことができるオススメの本を紹介します。 「作る楽しさ」が分かる一冊です。
背景に動画を使ったWebサイトの作り方2012年後半あたりから少しずつ目にする機会が増え、今では海外サイトを中心に世界中に広まった、背景に動画を用いたWebサイト。サイトの雰囲気や、サービスの具体的な内容を背景に流すことで、よりユーザーの視点をスクリーンに注目させることができます。今回はそんな背景動画の実装方法を、実例サイトと共に紹介していこうと思います。 KINS WITH 動物病院の Web サイトでは、かわいいわんちゃんの動画とともに院内の様子がよくわかる動画を掲載しています。 Aquallの Web サイトでは画面全体ではなく、動画の一部をくり抜いたような形で動画を掲載。背景の装飾としてよく溶け込んでいます。 動画を用意するまずは背景に表示したい動画を用意します。動画を用意する方法は大きく分けて 4 通り。 自分で撮影するプロに撮影依頼する有料の動画素材を使う無料の動画素材を使う1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く