ウェブ制作に役立つ人気ブログ

2017.08.21
かちびと.net

良いUXをスクリーンショットとともに解説、紹介する・「Really Good UX」

Really Good UX Really Good UXは良いUXをスクショを交えて解説、紹介するUXギャラリーサイトです。SlackとかTumblrとかPaypalとか割と有名なサービス等が中心みたいです。解...

2017.08.21
コリス

人工知能もついにここまで!ロゴのデザイン、Webサイトのスタイルガイドを作成できるオンラインサービス -Brandmark

今年になって人工知能、AIが取り入れられたWeb制作関連のサービスがどんどんリリースされています。フォントの組み合わせをAIで、カラーの&#...

2017.08.21
コリス

Web制作者が揃えておきたい、macOSのデスクトップ用のGUIが揃った無料のデザイン素材

ユーザーフローを構築する場合でも、Macのインターフェイスを構築する場合でも、現在利用できるデスクトップのGUI素材はほとんど見かけま...

2017.08.20
かちびと.net

Vimeoの動画を背景に設定する為のスクリプト・「jQuery.mb.vimeo_player」

jQuery.mb.vimeo_player jQuery.mb.vimeo_playerはVimeoの動画を背景に設定する為のスクリプトです。jQueryに依存します。背景にするというか、背景にした動画のコントロールが [&hellip...

2017.08.19
Webクリエイターボックス

Twitter 人気のつぶやき 8/5〜8/18 2017

WebクリエイターボックスのTwitter: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったつぶやき ...

2017.08.19
かちびと.net

提供終了したサービスの終了理由、サービス期間や代替サービスを紹介する・「Product Graveyard」

Product Graveyard Product Graveyardは終了したサービスの終了理由やサービス提供期間、代替サービスなどを紹介するWebサイトです。以前ご紹介した失敗したスター...

2017.08.19
株式会社LIGWeb制作 – 株式会社LIG

アートとしてのグラフィックデザインとは?グラフィックアーティストに聞いてみた。

うぬらこんにちは! カリカチュアの帝王、田中ラオウ(@raoutanaka)です。 突然ですが皆さん、グラフィックデザインはアートだと思いますか? ...

2017.08.18
かちびと.net

Sketchユーザー向けのリソースを収集している・「Sketch for Designrs」

Sketch for Designrs Sketch for DesignrsはSketchユーザー向けのリソースを収集しているWebサイトです。プラグインやアイコン、エレメントのサンプルやアプリなどさまざま&...

2017.08.18
コリス

かっこいいフォント、かわいいフォントが満載!商用でも安心して利用できるフォントとデザイン素材のセット

Webデザインやアプリでも、同人誌やポスターなどの紙でも、動画やプロダクトのデザインでも安心して商用利用できる有料フォント43種類と ...

2017.08.18
コリス

[JS]これなら簡単!シンプルなHTMLで、Masonryレイアウトを実装できる超軽量スクリプト -Macy.js

画像やカード型コンテンツをレンガ状に敷き詰めて配置する、レスポンシブ対応のMasonryレイアウトを簡単に実装できる超軽量(4kb)スクリプトӛ...

2017.08.17
かちびと.net

オープンソースのTrelloライクなカンバンツール・「Wekan」

Wekan WekanはオープンソースのTrelloクローンです。Trelloライクなカンバンツールを自身の管理するサーバーで利用することが出来ます。同じようにチー&#...

2017.08.17
コリス

こんなにも違う!同じ被写体なのに、アマチュアとプロのカメラマンでどのように違って写真が撮影されるのか

何気ない日常の中でも、別の視点から見ることで、印象が変わります。 同じ被写体をアマチュアとプロのカメラマンで、どのように違って...

2017.08.17
ウェブさえ

ごめんよMacBook Air。「iPadで仕事」に浮気してた

iPad Pro & Apple Pencilを購入しまして、嬉しくて途中のアイキャッチもiPadの画面にApple pencilの直書きで作りました。 確かにまだ下手くそ。認めざるを得ません{...

2017.08.16
かちびと.net

Vue.jsを使ったオープンソースの管理画面テンプレート・「VUESTIC」

VUESTIC VUESTICはVue.jsを使った管理画面テンプレートです。ベースはBoostrapとなっていますのでレスポンシブWebデザインにも対応しています。グラフ等はChart.jsを&...

2017.08.16
コリス

文字や写真、背景や飾りをかわいくキラキラに仕上げる!ラメやスパンコールのような珍しいデザイン素材

文字や写真に、そして背景や飾りに、簡単に利用できるキラキラのパターンとテクスチャが揃った、珍しいデザイン素材を紹介します。 ダ...

2017.08.15
かちびと.net

切り抜き画像メインのフリーのストックフォトサイト・「dipixo」

dipixo dipixoは切り抜き画像がメインのストックフォトサービスです。ざっと見た感じ、昆虫や花、フルーツ等が多いみたいです。昆虫や爬虫類だ ...

2017.08.14
かちびと.net

任意のWebページをリーダーモードにして表示、カスタマイズも可能なオープンソースのChromeエクステンション・「Just Read」

Just Read Just Readは任意のWebページを強制的にリーダーモードにして表示するOSSのChromeエクステンションです。全てのページをうまく変換出来るわけではあ&#...

2017.08.13
かちびと.net

任意のHTML要素をスケーラブルにするスクリプト・「Scalable」

Scalable Scalableは任意のHTML要素をスケーラブルにするスクリプトです。従来のレスポンシブな、という感じではなく、必ず任意の要素がその状態を保 ...

2017.08.12
かちびと.net

vimのカラースキームを大量にまとめたギャラリー・「colorswat.ch/vim」

colorswat.ch/vim colorswat.ch/vimはvimで使えるカラースキームをまとめたコレクションサイトです。大量に作成されているカラースキームから自分好みのものを探{...

2017.08.11
株式会社LIGWeb制作 – 株式会社LIG

無料でサイトを大幅に高速化! CDNを知らない人のためのCloudFlare入門

こんにちは。フロントエンドエンジニアのほりでーです。 CDN(シー・ディー・エヌ)という種類のWebのサービスをご存知でしょうか? イン&#...

2017.08.11
株式会社LIGWeb制作 – 株式会社LIG

PHPフレームワーク「Laradock」で、手軽にLaravel+Dockerな開発環境を構築する

こんにちは、エリカです。 今回は、PHP フレームワーク「 Laravel 」を利用するための環境を構築したいと思います。Laravelでは PHP の組み込み開発サーバ...

2017.08.10
コリス

[JS]これなら簡単で便利!要素がビューポートに表示されているかを判定できる -Intersection Observer

スクロールした際にヘルプや広告を表示したり、無限スクロールでコンテンツを読み込ませたり、画像の遅延ロードなど、要素がビューポ&...

2017.08.10
株式会社LIGWeb制作 – 株式会社LIG

ワイヤーフレーム制作にオススメな「Adobe XD」の成長がヤバい!

こんにちは! ディレクターの ZIMA です。 先日チームのみんなに連れてってもらった某馬肉居酒屋のお手洗いに「死ぬこと以外かすり傷」って&...

2017.08.09
コリス

Kindleで大セール中!CSSやJavaScript、デザインの最近発売された話題の本、初お目見えの良書がかなりお買い得

最近発売された話題の本、ロングセラーの良書、欲しかったWeb制作やデザイン関係の本が数多く対象になっています。 8/10までと期間が残りわ&...

2017.08.09
コリス

CSSリセットの新しい考え方、リセットと有用なコンポーネントだけのスタイルシート -Shoelace.css

レイアウトにfloatを使用していた頃はグリッドを構築するために、複雑なHTMLやテクニックが必要になることがありました。しかし、flexboxやCSS Gridの登&...

2017.08.09
株式会社LIGWeb制作 – 株式会社LIG

JavaScriptパフォーマーはじめの一歩「User Timing API」

家庭内そうめん総消費量(DSS)が高いフロントエンドエンジニア、ザワです。「パフォーマンス最適化」というキーワードを耳にすることӔ...

2017.08.08
コリス

商用利用無料、和紙・和風の紙のテクスチャ素材がダウンロードできるサイトのまとめ

和紙・和風の紙、畳や段ボールやノートなどのテクスチャ素材がダウンロードできるサイトを紹介します。 そのまま背景に使ってもよし、...

2017.08.08
phpspot開発日誌

シンプルデザインが使いやすそうなWYSIWYGエディタ「RichText」

GitHub - webfashionist/RichText: WYSIWYG editor developed as jQuery pl...

2017.08.08
株式会社LIGWeb制作 – 株式会社LIG

遊べる!海外のヤバイサイト紹介

こんにちは、まろCです。 サイトの進化がヤバイです。 日々インターネットをパトロールしていると大きな驚きに出会います。 今回は、遊|...

2017.08.07
phpspot開発日誌

階層的な右クリックメニュー実装「jQuery Menu」

jQuery Menu 階層的な右クリックメニュー実装「jQuery Menu」 次のような右クリックメニューをブラウザ上で実現できます。特...

2017.08.05
Webクリエイターボックス

Twitter 人気のつぶやき 7/29〜8/4 2017

WebクリエイターボックスのTwitter: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったつぶやき ...

2017.08.04
phpspot開発日誌

selectより機能が便利で見やすいListbox実装

Extended Listbox Documentation 3.0.0 selectより機能が便利で見やすいListbox実装 selec...

2017.08.03
phpspot開発日誌

HTML5のデスクトップ通知を各種ブラウザで簡単実行できる「HTML5-Desktop-Notifications」

GitHub - ttsvetko/HTML5-Desktop-Notifications: Desktop notifications p...

2017.08.03
株式会社LIGWeb制作 – 株式会社LIG

【神】Photoshopより、ずっとはやーい!Sketchの素晴らしさを動画で学びながら体験してみた

こんにちは、カクシンのアートディレクターのまきこです。アイドル集団「ハロー!プロジェクト」では賛否両論の新体制がはじまりまし&...

2017.08.03
株式会社LIGWeb制作 – 株式会社LIG

カンタンに使える埋め込みパーツを紹介します

こんにちは。LIG の Web 事業部でマネージャーをしているさささんです。 (最近は、さっさんと呼ばれることが多いです) LIG は創業時から Web 制作|...

2017.08.02
phpspot開発日誌

ピュアCSSで新しいローディングアニメーション

Spinners & Page Loaders Pure CSS ピュアCSSで新しいローディングアニメーション。 スマホ等ではGI...

2017.08.02
株式会社LIGWeb制作 – 株式会社LIG

でらカッコいい。名古屋でイケてる仕事をしてるWeb制作会社まとめ6選+3だがね!

やっとかめだなも! 名古屋出身ディレクターの ちゃんれみ です。 最近でら暑くなってきたで、みんな熱中症とかには気をつけなかんに! ...

2017.08.01
phpspot開発日誌

軽量のコンテンツスライダー実装「thumbelina」

GitHub - StarPlugins/thumbelina: A very lightweight jQuery content sli...

2017.07.31
Webクリエイターボックス

手を動かして学習しよう!コードチャレンジ HTML/CSS 初級編

Web制作初心者の方向けに教える仕事をちょこちょこしているのですが、その時よく思うのが、本を眺めるだけでは覚えられないな…という୅...

2017.07.31
phpspot開発日誌

borderの色をアニメーションさせられる「BorderColorAnimate」

GitHub - payalord/BorderColorAnimate: jQuery plugin to animate border ...

2017.07.29
Webクリエイターボックス

Twitter 人気のつぶやき 7/22〜7/28 2017

WebクリエイターボックスのTwitter: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったつぶやき ...

2017.07.28
phpspot開発日誌

記事中の画像などをページトップに留めて面白い効果を作る「jquery-stopattop」

GitHub - nstublen/jquery-stopattop: jQuery plugin that will stop eleme...

2017.07.28
株式会社LIGWeb制作 – 株式会社LIG

絶対に挫折しない!オープンソースソフトウェア「Docker」入門編 #04

こんにちは。ヤスタカです。ビアガーデンの季節ですね! 先日、夜明け告げるルーの歌という映画を見に行って来たんですが、これはアニ...

2017.07.27
phpspot開発日誌

コスメ素材のPSDファイルセット

Mockup Zone -Cosmetic Packaging And Branding PSD Mockup Pack コスメ素材のPSD...

2017.07.27
Webクリエイターボックス

2017年7月に読んだWeb・デザイン関連の本

Web制作やデザインに関する情報は、インターネット上以外にも書籍を通して体系的に学ぶことができます。今月も様々な本を拝読しましたӍ...

2017.07.26
phpspot開発日誌

PSDファイルをSketchの形式に変換できる「PSD to Sketch Design Converter」

PSD to Sketch Design Converter PSDファイルをSketchの形式に変換できる「PSD to Sketch D...

2017.07.25
phpspot開発日誌

色々と使えそうなUIアイコンセット「Dusk UI Icons」

Freebie: Dusk UI Icons (SVG, EPS, PDF, PNG) | Codrops 色々と使えそうなUIアイコンセッ...

2017.07.24
phpspot開発日誌

ブラウザ上でCAPTCHAを生成する「ClientSideCaptcha」

GitHub - AnupamKhosla/ClientSideCaptcha: Pure Client side js captcha(U...

2017.07.22
Webクリエイターボックス

Twitter 人気のつぶやき 7/15〜7/21 2017

WebクリエイターボックスのTwitter: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったつぶやき ...

2017.07.21
phpspot開発日誌

データベースの関連等を綺麗な図で表示できる「JQuery HyperModel」

JQuery HyperModel データベースの関連等を綺麗な図で表示できる「JQuery HyperModel」 次のような、ドラッグ&...

2017.07.20
phpspot開発日誌

斬新な文字のインタラクションを作成するサンプル集

Letter Effects and Interaction Ideas (Part 2) | Codrops 斬新な文字のインタラクション...

2017.07.20
Webクリエイターボックス

Webデザインギャラリー始めました!

以前から作ろう作ろうと思って早数年…w ようやく作りました、WebクリエイターボックスのWebデザインギャラリー!作るのに精一杯でまだまだ&...

2017.07.19
phpspot開発日誌

シンプルなギャラリーUIを実装できる「PIGNOSE Gallary」

PIGNOSE Gallary シンプルなギャラリーUIを実装できる「PIGNOSE Gallary」 シンプルですがデザイン性もよくて、多...

2017.07.15
Webクリエイターボックス

Twitter 人気のつぶやき 7/1〜7/14 2017

WebクリエイターボックスのTwitter: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったつぶやき ...

2017.07.10
ウェブさえ

WordPressインストールの前に初心者泣かせのデメリットに注意

まさにこれからWordPressをインストールしようとしている、ドキドキの初心者さん向けに書きました。 WordPressってどんなもの? WordPressのメリットは強力 ...

2017.07.10
Webクリエイターボックス

WordPressの編集画面が生まれ変わる!開発中の新しいエディター【Gutenberg(グーテンベルク)】

先日京都で開催されたWordPressのイベント、WordCamp Kyoto 2017に参加しました!日本のWordCampに参加するのはこれが初めて!参加無料ってすごい!様々な有益な{...

2017.07.01
Webクリエイターボックス

Twitter 人気のつぶやき 6/24〜6/30 2017

WebクリエイターボックスのTwitter: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったつぶやき ...

2017.06.08
ウェブさえ

このロゴ、いくらに見える?安くて簡単なロゴ作成の方法を4つ紹介

HPとか名刺にオシャレなロゴを使いたい。 でも、デザイナーへ依頼するほどの予算がない>< そんな方へ、安くて簡単なロゴ作成の方法をŀ...

2017.05.29
ウェブさえ

オフショア開発の個人的なメリット〜ホーチミンのWeb制作会社GKV様を訪ねて

先日、ベトナムはホーチミンのWeb制作会社GKV様を訪ねてきました。 GKV様には「オフショア開発」の委託先として会社設立前のフリーランス時代...

2017.04.24
ウェブさえ

最近気になる「SSLとは?」や「SSL証明書って必要なの?」への答え

SSLについて、そろそろこのブログも対応しなくちゃなあなんて思いながら復習してみました。 サイトオーナーとしてユーザーに安全・安心{...

2017.04.04
ウェブさえ

メモ見て楽ちん!Googleリマーケティング広告の設定方法

嫌気がさしませんか? adWordsの管理画面って複雑すぎて。 特にリマーケティング広告は設定箇所が多くていつも迷います。次回からは速攻で済...

2017.03.23
ウェブさえ

予算なし>_<でも集客できる!美容室のホームページを作るときのコツ

ここ何年かは、髪のオーダーは全部、幼馴染の美容師へ任せています。美容師になるため上京したての頃からいま自分でお店を持つまでの&...

2017.03.03
ウェブさえ

時給で働きたいフリーランスにおすすめの求人サイト

ReWorkというサイトです! デザインも得意なエンジニア、イリテクさん発のサービスで、開発中から気になってました。 働くフリーランスの側&...

2017.02.21
ウェブさえ

ネットショップを開店する前に考えておくとよいこととは?

ネットショップを開店したいという相談が、なぜか以前より増えてまして。 開店するだけなら、そういうツールを使えば分速で可能ですが...

2017.02.06
ウェブさえ

WooCommerceの使い方、わりと簡単だけど日本語対応とかは?

今回は、WooCommerceというWordPressでネットショップを作成する方法について書きました。 前にペイパル決済をWordPressへ追加するプラグインについて記事に...

2016.10.23
HTML5でサイトをつくろう

まずはここから始めよう!作業効率を早めるPhotoshopとIllustratorのショートカットまとめ(ファイル操作・コピペ・ズーム関連)

PhotoshopやIllustratorを始めた人達で、基本操作を覚えて脱初級者というステップで、作業効率を早めるのにショートカットキーから「ファイル操作」{...

2016.07.19
HTML5でサイトをつくろう

Instagram(インスタグラム)の基本的な運用やマーケティング、活用事例の勉強に参考にしたサイトや記事まとめました。

若者を中心に爆発的な人気となり、ユーザーを増やし続けているInstagram。Web関連の仕事をしていると、最近ではクライアントからも「Instagramを使い ...

2015.12.28
HTML5でサイトをつくろう

アプリ風インターフェイスのフォトギャラリーをCSS3で作成する【jQuery連載17】

jQueryのフォトギャラリー系のライブラリやプラグインはすでにたくさん存在するが、今回はCSS3アニメーションを要素の主な動作に使用している...

2015.12.24
HTML5でサイトをつくろう

マウスホイールに動きで横にスクロールの横長ページを作成する【jQuery連載16】

マウスホイールやスワイプ操作で横スクロールする1ページの長い横レイアウトのページを作成してみます。

2015.07.31
HTML5でサイトをつくろう

マウスホイールで1画面毎にページを遷移するパララックス風レイアウトを作成する【jQuery連載15】

複数の背景画像やパーツを異なる速度や方向で動かすことで生じる、視差を活かした奥行き感を演出するパララックス効果ですが、今回は&...

2015.07.06
HTML5でサイトをつくろう

ブラウザ全面を使用したページでスクロール位置を自動的に一定の場所にスナップさせる【jQuery連載14】

シングルページサイトの構築で1つの情報になるのかが分かりにくい場合などにマウスホイールに応じてページの先頭部分に自動的にフィッ...

2015.06.25
HTML5でサイトをつくろう

コンテンツを自動的に読み込んで無限スクロールさせる方法【jQuery連載13】

次のページを見る際にクリックなどでなく、スクロールした際に自動的に続きのコンテンツを読み込む形をInfinite Scrollプラグインを使用して作成&#...

2015.05.11
HTML5でサイトをつくろう

masonryでコンテンツを隙間なくレイアウトする際の表示方法のバリエーションいろいろ【jQuery連載12】

masonryプラグインを使用して、カラム(写真などコンテンツを含んだひとまとまりの要素)を一定サイズに整然と並べるのではなく、それぞれ&#...

2015.05.08
HTML5でサイトをつくろう

ブラウザの幅全体をメイングラフィックにするスライドショーを作成する【jQuery連載11】

ページ上部のメイングラフィックスペースに複数の情報を表示させるようにするスライドショーを作成する。今回は、メインの画像が中央&...

2015.04.01
HTML5でサイトをつくろう

サイドからクリックで展開するスライドナビを作成する【jQuery連載10】

ウェブサイトでスクリーンサイズ目一杯の大きな画像を使用したり、海外の画像共有サイトPinterestのように大量の画像をコンテンツとして敷き...

2013.02.20
Webデザインレシピ

3冊目の著書 – 基礎からのWordPress – を執筆させていただきました!

Attention 誤植・補足情報を、記事の最後に追記したました。 この度、ソフトバンク クリエイティブさんから、私の3冊目の著作となる、「基礎か ...

2013.01.04
Webデザインレシピ

はじめてWordPressのオリジナルテーマを作るときの参考になればと思って書きました(サンプルダウンロード)

WordPress もバージョンアップを重ねて、最近では 3.5 になりました。それに伴ってデフォルトのテーマも、新しい TwentyTwelve になりました(2013年 1月現在)Ӎ...

2013.01.04
Webデザインレシピ

書籍「サイトのタイプ別につくる Webデザインテクニックブック」に執筆させていただきました

この度、MdN さんから発売中の書籍「サイトのタイプ別につくる Webデザインテクニックブック – 仕事ですぐに役立つプロのアイデア」に執筆さ...

2012.12.25
Webデザインレシピ

2冊目の著書 – やさしくはじめる WebデザイナーのためのjQueryの学校 – あとがき

この度、マイナビさんから、私にとって2冊目の著書 「やさしくはじめる WebデザイナーのためのjQuery学校」が発売になりました! この本は「HTML + CSS &...

2012.11.26
Webデザインレシピ

jQueryコーディングの基本的なことからプラグイン化までの注意書き(Webデザイン)

Webサイトを作るとき、私的にはとってもよく使っている jQuery。jQuery を勉強しだしたころは、自分の書いたコードが動いたりするのが、とっても楽...

2012.10.09
Webデザインレシピ

WordPress で Web製作をしたいけど、PHP はまだちょっと … という人の PHP ガイド

WordPress は PHP(プログラム言語) + MySQL(データベース) で作られている、人気のブログエンジンです。最近ではブログじゃない一般的な Webサイトをӌ...

2012.07.15
Webデザインレシピ

書籍「jQueryプラグイン徹底活用 – プロのデザインアイデアとテクニック」に執筆させていただきました

この度、MdNさんから出版されている書籍「jQueryプラグイン徹底活用 – プロのデザインアイデアとテクニック」で、執筆させていただきました!...

2012.07.09
Webデザインレシピ

これからWebサイトの制作をしたいけど、何から勉強したらいいの?っていう人のためのガイド

最近本だなを整理していて、もう読まなくなった Web制作系の本を片付けたりしてみました。ずーっと前、Webサイトってどうやって作るんだろ&#...

2012.06.19
Webデザインレシピ

パンくずリストを作ってみるとWordPress でのサイト構築のコツがつかめるかもしれない(コード 付き)

WordPress でブログじゃない Web サイト構築をするとき、サイトの構造によってはサイドバーなどを自分でカスタマイズしなくてはいけません。例え&#...

2012.04.20
Webデザインレシピ

はじめての著書 – 現場のワークフローで覚える Webサイト制作教室 – あとがき

今日 4月20日、私のはじめての著書「現場のワークフローで覚える Webサイト制作教室」が発売になりました!久々のブログが、ちょっと宣伝&#...

先頭へ戻る