Codrops | Useful resources and inspiration for creative minds
Explore 500+ free demos Discover our curated collection of 500+ free animations, interaction concepts, UI designs, web templates & more. Webzibition An exhibition of standout websites that caught our eye, curated for you. Fresh frontend news plus dev & design inspiration delivered to your inbox 👾 Hey! Looking for the latest in frontend? Twice a week, we'll deliver the freshest frontend news, webs
Beautiful Free Images | Unsplash
Unsplash Awards 2024The results are in. Celebrate this year’s finalists 🎉 Yes, it’s really free. All images can be downloaded and used for personal or commercial projects.
uifaces.com
uifaces.com cancelled Why? We have no resources to address the excessive hotlinking driving up our hosting costs I still have ideas or questions
Webデザインã®ã‚»ãƒ³ã‚¹ã‚’磨ãï¼2014年上åŠæœŸæ´—ç·´ã•ã‚ŒãŸãƒ‡ã‚£ãƒ†ãƒ¼ãƒ«ã®UIデザインã®ã¾ã¨ã‚
2014年上åŠæœŸã€ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„UIデザインをDribbbleã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ å„アートワークã¯å¤§ãã„サイズã®ç”»åƒã‚„PSDをダウンãƒãƒ¼ãƒ‰ã§ãã‚‹ã®ã§ã€æ°—ã«ãªã£ãŸã‚‚ã®ã¯ãƒªãƒ³ã‚¯å…ˆã‚’ãƒã‚§ãƒƒã‚¯ã—ã¦ã¿ã¦ãã ã•ã„。 アートワークã«ã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³gifも多ã„ã®ã§ã™ãŒã€ãƒšãƒ¼ã‚¸ã‚µã‚¤ã‚ºãŒå¤§å¤‰ãªã“ã¨ã«ãªã‚‹ãŸã‚最åˆã®ä¸€ã¤ã ã‘ã§ã™ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ãƒªãƒ³ã‚¯å…ˆã§ã€‚
Google Design
The past, present, and future of personal expression through fonts
é…色ã®è¦‹æœ¬å¸³ | ã‚ーカラーã§é¸ã¶é…色パターン - ホームページã§ä½œã‚‹é…色
Webã§è¦‹ã‚‹ãƒ‡ã‚¸ã‚¿ãƒ«è‰²å½©è¦‹æœ¬ã¨ã—㦠é…色ã®è¦‹æœ¬å¸³ã¯ç„¡æ–™ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆãƒ„ールã§ã™ã€‚å„色ã®ãƒšãƒ¼ã‚¸ã§ã¯ã€Webカラー（RGBカラー）をベースã¨ã—ãŸè‰²ã®ç³»çµ±ï¼ˆè‰²ç›¸ï¼‰ã¨è‰²ã®é®®ã‚„ã‹ã•ï¼ˆå½©åº¦ï¼‰ãƒ»æ˜Žæš—ã®åº¦åˆã„（明度）を数値ã§è¡¨ã—ã¦ã„ã¾ã™ã€‚å„種カラーモードã§ã®è‰²æ•°å€¤ã‚’掲載ã—ã¦ã„ã¾ã™ã€‚DTPã§ãƒãƒ©ã‚·ã‚„看æ¿ã‚’作るã¨ãã€ãƒ›ãƒ¼ãƒ ページã¨ã„ã£ãŸWEBサイト作æˆã€ãƒ‘ワーãƒã‚¤ãƒ³ãƒˆã§ã®è³‡æ–™ä½œæˆãªã©ã€å„種デザインã§ã®ã‚«ãƒ©ãƒ¼ãƒžãƒãƒ¼ã‚¸ãƒ¡ãƒ³ãƒˆã«ä¾¿åˆ©ãªã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ãŒä¸€ç›®ã§ã‚ã‹ã‚‹Webã§è¦‹ã‚‹ãƒ‡ã‚¸ã‚¿ãƒ«è‰²è¦‹æœ¬ã§ã™ã€‚ 色を扱ã†ã¨ãã«é »ç¹ã«ã¶ã¡å½“ãŸã‚‹ã®ãŒé…色ã§ã™ãŒã€è‰²ã®æ³•å‰‡ã«æ²¿ã£ãŸè‰²ã®çµ„ã¿åˆã‚ã›ãŒãƒ†ãƒ³ãƒ—レートã¨ãªã‚Šè‰²å½©è¨è¨ˆã®æ‰‹åŠ©ã‘ã‚’ã—ã¦ãã‚Œã¾ã™ã€‚ 色検索ã§è¦‹ã¤ã‹ã‚‹æ–°é…色 ベースã¨ãªã‚‹è‰²ã€ã‚ーカラーをé¸ã¶ã¨ãã“ã‹ã‚‰ãŠã™ã™ã‚ãªç›¸æ€§ã®è‰¯ã„色をマッãƒãƒ³ã‚°ã—ã¦ãれるã®ãŒå½“サイトã®è‰²æ¤œç´¢ã§ã™ã€‚メインã«ä½¿ã†è‰²ãŒæ±ºã¾ã£ã¦ã„ã‚‹ã¨ã求ã‚ã‚‹é…色ãŒã™ãã«è¦‹ã¤ã‘られ
世界å„国ã®Webデザインã¨æ—¥æœ¬ã®Webデザインã®ç‰¹å¾´
2013å¹´10月29æ—¥ Webデザイン, æµ·å¤–æƒ…å ± ç§ã¯ä»Šã¾ã§æ—¥æœ¬ã€ã‚«ãƒŠãƒ€ã€ã‚ªãƒ¼ã‚¹ãƒˆãƒ©ãƒªã‚¢ã€ã‚¤ã‚®ãƒªã‚¹ã¨ã€4カ国ã§ã®æ»žåœ¨çµŒé¨“ãŒã‚ã‚‹ãŸã‚ã‹ã€å„国ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã®é•ã„ã«ã¤ã„ã¦å°‹ãられる事ãŒã‚ã‚Šã¾ã™ã€‚ã—ã‹ã—日本以外ã®ã™ã¹ã¦ã®å›½ã¯è‹±èªžåœã€‚Webデザインã§ã„ãˆã°é•ã„ã‚’æ„Ÿã˜ãŸã“ã¨ã¯ã‚ã¾ã‚Šã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ãã“ã§ä»Šå›žã¯ä»Šã¾ã§è§¦ã‚Œã‚‹æ©Ÿä¼šã®ãªã‹ã£ãŸè¨€èªžåœã®Webサイトを比較ã—ã¾ã—ãŸã€‚アメリカã€ãƒ•ãƒ©ãƒ³ã‚¹ã€ã‚µã‚¦ã‚¸ã‚¢ãƒ©ãƒ“ア（ä¸æ±ï¼‰ã€ä¸å›½ã€ãã—ã¦æ—¥æœ¬ã€‚ãã‚Œãžã‚Œã®ãƒ‡ã‚¶ã‚¤ãƒ³äº‹æƒ…ã®é•ã„を知ã£ã¦ã€æ—¥æœ¬ã®Webデザインã«ã¤ã„ã¦ã‚‚考ãˆã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ↑ç§ãŒ10年以上利用ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ ãƒžã‚¯ãƒ‰ãƒŠãƒ«ãƒ‰ アメリカ ç¾åœ¨ã¯å…¨ä½“çš„ã«æ¿ƒã„é’をメインã«ä½¿ã£ã¦ã„ã¾ã™ãŒã€ã“ã‚Œã¯ã‚ャンペーンã«ã‚ˆã£ã¦å¤‰æ›´ã•ã‚Œã¾ã™ã€‚ナビゲーションãƒãƒ¼ã‚„ページã—ãŸã®ãƒãƒŠãƒ¼ã‚¨ãƒªã‚¢ã¯åŸºæœ¬çš„ã«å›ºå®šã€‚ 例ãˆã°åˆ¥ã®ãƒ—ãƒãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ãƒšãƒ¼ã‚¸ã§ã¯ã“ã‚“ãªæ„Ÿã˜ã€‚一番見ã›ãŸã„ã‚‚ã®ã‚’ã²ã¨
Bootswatch
Easy to Install Simply download a CSS file and replace the one in Bootstrap. No messing around with hex values. Customizable Changes are contained in just two SASS files, enabling further customization and ensuring forward compatibility. Tuned for 5.3.3 Themes are built for the latest version of Bootstrap. Version 4, version 3, version 2, and other releases are also available to download.
レスãƒãƒ³ã‚·ãƒ–ã‹ã‚‰ã‚¢ãƒ€ãƒ—ティブ㸠– å¿…è¦ãªæƒ…å ±ã‚’ã€å¿…è¦ãªã¨ãã«ã€å¿…è¦ã¨ã—ã¦ã„る人㸠| Digital experience University
2013å¹´4月5日〜7æ—¥ã¾ã§ç±³å›½Baltimoreã§é–‹å‚¬ã•ã‚ŒãŸã€IA Summit 2013ã«å‚åŠ ã—ã¦ãã¾ã—ãŸã€‚Avi Itzkovitchæ°ã«ã‚ˆã‚‹ã€ŒDesigning with Sensors: Creating Adaptive Experiencesã€ã‹ã‚‰ã€ã‚»ãƒ³ã‚µãƒ¼ã‚’æ載ã—ãŸãƒ‡ãƒã‚¤ã‚¹ã‚’用ã„ã¦ãƒ‘ーソナライズã•ã‚ŒãŸæƒ…å ±ã‚’å±Šã‘る「アダプティブデザインã€ã¨ã„ã†ã‚³ãƒ³ã‚»ãƒ—トを紹介ã—ã¾ã™ã€‚ 2013å¹´ 05月 10æ—¥ レスãƒãƒ³ã‚·ãƒ–ã‹ã‚‰ã‚¢ãƒ€ãƒ—ティブ㸠– å¿…è¦ãªæƒ…å ±ã‚’ã€å¿…è¦ãªã¨ãã«ã€å¿…è¦ã¨ã—ã¦ã„る人㸠Reiko Wakamoto 2013å¹´4月5日〜7æ—¥ã¾ã§ç±³å›½Baltimoreã§é–‹å‚¬ã•ã‚ŒãŸã€IA Summit 2013ã«å‚åŠ ã—ã¦ãã¾ã—ãŸã€‚Avi Itzkovitchæ°ã«ã‚ˆã‚‹ã€ŒDesigning with Sensors: Creating Adaptive Experiencesã€ã‹ã‚‰ã€ã‚»ãƒ³ã‚µ
レスãƒãƒ³ã‚·ãƒ–WebデザインãŒãƒ¦ãƒ¼ã‚¶ãƒ¼ä½“験ã«æœ€é©åŒ–ã§ãã¦ã„ãªã„5ã¤ã®å®Ÿä¾‹ - SEO Japan｜アイオイクスã®SEO・CV改善・Webã‚µã‚¤ãƒˆé›†å®¢æƒ…å ±ãƒ–ãƒã‚°
ç„¡æ–™ã§è³‡æ–™ã‚’ダウンãƒãƒ¼ãƒ‰ SEOサービスã®ã”案内 å°‚é–€ã®ã‚³ãƒ³ã‚µãƒ«ã‚¿ãƒ³ãƒˆãŒè²´ç¤¾ã‚µã‚¤ãƒˆã®ã”è¦æœ›ãƒ»èª²é¡Œæ•´ç†ã‹ã‚‰æ–½ç–ã®ç«‹æ¡ˆã‚’è¡Œã„ã€æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ã‹ã‚‰ã®æµå…¥æ•°å‘上を支æ´ã„ãŸã—ã¾ã™ã€‚ 無料ダウンãƒãƒ¼ãƒ‰ã™ã‚‹ã€€ï¼žï¼ž スマホã®æ™®åŠã§å°Žå…¥ã‚µã‚¤ãƒˆã‚‚増ãˆã¦ã„るレスãƒãƒ³ã‚·ãƒ–Webデザイン。作り手ã‹ã‚‰ã™ã‚‹ã¨ã¾ã ã¾ã 目新ã—ã„ã§ã™ã—ã€ãƒ–ラウザサイズを変ãˆã¦ã‚µã‚¯ãƒƒã¨ãƒ‡ã‚¶ã‚¤ãƒ³ãŒæŸ”軟ã«å¤‰ã‚ã‚‹ã®ã¯ãã‚Œãªã‚Šã«è‡ªå·±æº€è¶³åº¦ã‚‚高ã時代ã®æœ€å…ˆç«¯ã‚’èµ°ã£ã¦ã„る気分ã«ãªã‚Œã‚‹ä»•çµ„ã¿ã§ã¯ã‚ã‚Šã¾ã™ã€‚一方ã€ãƒ‡ãƒã‚¤ã‚¹ã‚„スクリーンサイズã«ãƒ‡ã‚¶ã‚¤ãƒ³ãŒæœ€é©åŒ–ã§ããŸã¨ã—ã¦ã‚‚ã€ãã‚ŒãŒãã®ãƒ‡ãƒã‚¤ã‚¹ã‚’使ã£ã¦ã„るユーザーã«æœ¬å½“ã«æœ€é©åŒ–ã§ãã¦ã„ã‚‹ã‹ã¨ã„ã†ã¨ã€å…¨ãã®åˆ¥å•é¡Œã€‚Google先生も大推奨ä¸ã¨ã„ã†ã“ã¨ã§ã€ä»Šå¾Œã•ã‚‰ã«å°Žå…¥ãŒé€²ã‚“ã§ã„ãã¨æ€ã‚れるレスãƒãƒ³ã‚·ãƒ–Webデザインã§ã™ãŒã€ä»Šå›žã¯ãã‚“ãªãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–WebデザインãŒæŠ±ãˆã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼è¦–点ã®å•é¡Œç‚¹ã‚„課題を真剣ã«è€ƒãˆã¦ã¿ãŸè¨˜äº‹ã‚’
Base16
require "gem" string = "base16" symbol = :base16 fixnum = 0 float = 0.00 array = Array.new array = ['chris', 85] hash = {"test" => "test"} regexp = /[abc]/ # This is a comment class Person attr_accessor :name def initialize(attributes = {}) @name = attributes[:name] end def self.greet "hello" end end person1 = Person.new(:name => "Chris") print Person::greet, " ", person1.name, "\n" puts "another
ã€æ¤œè¨¼ã€‘クリックã•ã‚Œã‚‹ãƒœã‚¿ãƒ³ã®è‰²ã¯ï¼Ÿ | WebNAUT by Beeworks
検証ã—ãŸãƒ‘ターン 調査çµæžœ 全アクセスã®ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³çŽ‡ï¼ˆCVR） çµæžœã¯ä¸‹è¨˜ã®é€šã‚Šã¨ãªã‚Šã¾ã—ãŸã€‚ ãªã‚“ã¨ï¼ç·‘色ãŒã‚‚ã£ã¨ã‚‚CVRãŒä½Žã„ã¨ã„ã†çµæžœã«ãªã‚Šã¾ã—ãŸã€‚ ã©ã†ã‚„らã€ç„¡æ¡ä»¶ã«ã€Œç·‘色ã®ãƒœã‚¿ãƒ³ã¯ã‚¯ãƒªãƒƒã‚¯çŽ‡ãŒé«˜ã„ã€ã¨ã„ã†çµæžœã«ã¯ãªã‚‰ãªã„よã†ã§ã™ã€‚ Firefoxをダウンãƒãƒ¼ãƒ‰ã—ãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã¨ã€ãƒ“ーワークスã®æŽ¡ç”¨ã«å¿œå‹Ÿã—よã†ã¨ã—ãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã¯ã€ä½•ã‹é•ã„ãŒã‚ã£ãŸã®ã§ã—ょã†ã‹ï¼Ÿ 「ã©ã“ã‹ã‚‰æµå…¥ã—ãŸã‹ã€ã«ã‚ˆã£ã¦çµæžœã«é•ã„ãŒã‚ã£ãŸ 調査対象ページã«ã‚¢ã‚¯ã‚»ã‚¹ã—ãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ã€ä½•ã‹ãã£ã‹ã‘ãŒã‚ã£ã¦ã€ãƒ“ーワークスã®æŽ¡ç”¨ã«èˆˆå‘³ã‚’æŒã£ã¦ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ã„ã‚‹ã¯ãšã§ã™ã€‚ãã“ã§ã€ã©ã“ã‹ã‚‰æµå…¥ã—ãŸã®ã‹ã€ã€Œå‚照元ã€ã®ã‚»ã‚°ãƒ¡ãƒ³ãƒˆåˆ¥ã«çµæžœã‚’分ã‘ã¦åˆ†æžã—ã¦ã¿ã¾ã™ã€‚ ã“ã†ã‚„ã£ã¦ã‚»ã‚°ãƒ¡ãƒ³ãƒˆåˆ¥ã«åˆ†ã‘ã¦ã¿ã‚‹ã¨ã€å‚照元ã«ã‚ˆã£ã¦CVRã®å¹³å‡å€¤è‡ªä½“ã«å¤§ããªå·®ãŒã‚ã‚‹ã“ã¨ãŒã‚ã‹ã‚Šã¾ã™ã€‚CVRé †ã«ä¸¦ã¹ã‚‹ã¨ã€æ¤œç´¢ ＞ WebNAUT ＞ ãªã‚ã±ã‚‰ ã¨ã„ã†çµ
Stronghold - ã¼ãらã®æœ¬æ‹ 地
AWSWordpress April 5th 2016 Amazon EC2ã§WordPress – Amazon S3ã«ãƒ¡ãƒ‡ã‚£ã‚¢ç”»åƒç‰ã®é™çš„ファイルをè¨ç½®ã™ã‚‹æ–¹æ³• AWSWordpress April 5th 2016 Amazon EC2ã§WordPress – パーマリンクãŒã†ã¾ã動作ã—ãªã„å ´åˆ AWSWordpress April 5th 2016 Amazon EC2ã§WordPress – SSH接続ã‹ã‚‰WordPressã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¾ã§ AWSWordpress April 4th 2016 AWS Amazon EC2上ã§WordPressを動作ã•ã›ã‚‹æ–¹æ³• – EC2ã®ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ä½œæˆã‹ã‚‰MySQLã®è¨å®šã¾ã§ AfterEffects May 25th 2015 After Effects 埋ã‚è¾¼ã¿å‹•ç”»/é™æ¢ç”»ã‹ã‚‰æŒ‡å®šè‰²ã‚’é€éŽã•ã›ã€èƒŒæ™¯é€éŽã®PNGç”»åƒï¼ˆé€£ç•ªï¼‰ã§æ›¸ã出ã™æ–¹
「今ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webデザインã¯èª¤è§£ã•ã‚Œã¦ã„ã‚‹ã€è‹±ã®è‘—åデザイナーAndy Clarkeæ°ãŒè©±ã™3ã¤ã®ä¿®æ£ç‚¹ - エンジニアtype
「今ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webデザインã¯èª¤è§£ã•ã‚Œã¦ã„ã‚‹ã€è‹±ã®è‘—åデザイナーAndy Clarkeæ°ãŒè©±ã™3ã¤ã®ä¿®æ£ç‚¹ 2013/05/31公開 《Fashionably Flexible ワークショップレãƒãƒ¼ãƒˆã€‹ 2013å¹´4月6æ—¥ã«ã€Web Directions East主催ã«ã‚ˆã‚‹ã€Andy Clarkeæ°ã®ãƒ¯ãƒ¼ã‚¯ã‚·ãƒ§ãƒƒãƒ—ãŒæ±äº¬ãƒŸãƒƒãƒ‰ã‚¿ã‚¦ãƒ³ã§é–‹å‚¬ã•ã‚ŒãŸã€‚ãã®å†…容をã€ä¸»å‚¬ã§ã‚り通訳をã—ãŸèŠæ± å´‡ãŒãƒ¬ãƒãƒ¼ãƒˆã‚’ã™ã‚‹ã€‚ â– Andy Clarkeã£ã¦èª°ï¼Ÿ 世界的ã«è‘—åã§ã‚ã‚‹ã‚‚ã®ã®ã€æ—¥æœ¬ã§ã¯ä¸€éƒ¨ã®ã‚³ã‚¢ãªWebデザイナーã§ãªã„ã¨ãã®åを知らãªã„人ãŒã„ã‚‹ã®ã§ã€ã¾ãšã¯Andy Clarkeæ°ã«ã¤ã„ã¦ç´¹ä»‹ã—ãŸã„。 Andy Clarke ã¯ã‚¤ã‚®ãƒªã‚¹ã®ã‚¦ã‚§ãƒ¼ãƒ«ã‚ºåœ°æ–¹åœ¨ä½ã®Webデザイナーã§ã‚る。1990年代後åŠã‚ˆã‚Šã€Webサイトã®åˆ¶ä½œã‚’ã¯ã˜ã‚ã€ãã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚»ãƒ³ã‚¹ã¨CSSã®å…ˆé€²æ€§ã‚’æ´»ã‹ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®å–り組ã¿ã§æ³¨ç›®ã‚’æµ´
Metro JS - Metro Live Tiles and more Modern UI tools for jQuery - Drew Greenwell - Professional Developer
Metro JS is a JavaScript plugin for jQuery developed to easily enable Metro interfaces on the web. This release focuses on Live Tiles, the Application Bar and Theming. It's early in the development phase, but all features should work on at least IE7+(Win/WinPhone), Firefox, Chrome, Android, Opera, and Safari(OSX/iOS). Want to make a 'Me' tile or a 'People' tile like you see on Windows Phone for yo
Magic CSS3 animations by miniMAC - minimamente
Come sapete, amo molto il linguaggio CSS ed in particolare mi piace sempre andare oltre, in questo caso ho voluto creare un pacchetto di animazioni in CSS3 che potrete usare liberamente per i vostri scopi e quindi nei vostri progetti web, si chiama Magic! Il progetto è hostato anche su GitHub, questo per avere i migliori pareri dai migliori sviluppatori e quindi migliorare il codice, renderlo il p
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
howto-photoshop.net
Hover Effect Ideas | Set 1
https://bold.pixelapse.com/minming/mac-os-x-yosemite-under-the-magnifying-glass
Ionicons: The premium icon pack for Ionic Framework
{{#tags}}- {{label}}
{{/tags}}